Здоровий глузд: дописи з тегом adobe

Курс «Робота з InDesign»

Thu, 18 May 2023 13:07:17 +0200

Разом з платформою «Креативна Практика» зробили курс по роботі з Adobe InDesign.

Записали цілих 50 уроків загальною тривалістю 17 годин 28 хвилин (або ж 1028 хвилин), в яких я розповідаю по черзі про все що знадобиться, щоб почати впевнено працювати з цим редактором. Курс почав виходити поступово ще восени й виходив поступово, як дозаписували кожен модуль. Частина уроків була записана під час відключень світла, в темряві, з підзарядкою від павербанка.

Цей редактор з трійки Photoshop/Illustrator/InDesign часто вивчають останнім і є думка, що він насамперед зроблений для книжок чи багато сторінкової верстки.

Насправді Індизайн дуже потужний дозволяє робити три типи проєктів: 1. Багатосторінкову верстку (книжки, журнали, брошури, брендбуки, презентації тощо).

Автоматизовувати роботу з макетами (зробити 100500 візитівок чи бейджів на конференцію, вказівники тощо).
Збирати складні макети з різних частин (навігацію, складні карти з багатьох шарів тощо).

Тож якщо ви ще не працювали з Індизайном, я раджу спробувати. Він спочатку може здатись не таким звичним, як той самий Ілюстратор, але буде потужнішим при роботі з текстом і купою матеріалів. Тому якщо робили презентації чи брендбуки в Ілюстраторі — перестаньте себе мучити :)

Окрім теоретичних і головних знань у дизайні також важливо вивчати й інструменти. Чим більше різних інструментів ви знатимете, тим більше можливостей матимете під час роботи.

Вдячній усій команді Креативної Практики, які зробили курс реальним, змонтували, все оформили, а також розробили практичні завдання для курсу.

Називаю картинку «Свідок Adobe» 😅

Великі артборди в Ілюстраторі

Sun, 16 Apr 2023 22:22:19 +0200

Від початку у Адоб Ілюстраторі було технічне обмеження на величину артборду чи робочої області — 227×227 дюймів або 5770×5770 мм. Через це з великими форматами доводилось працювати у масштабі, зазвичай, 1:10.

Нещодавно зі здивуванням дізнався, що з версії 24.2 в Ілюстраторі нарешті зробили збільшені до ×100 разів арборди. Таким чином відтепер можна робити макети розмірами до 57700×57700 мм (білборди, зовнішню рекламу, графіку на вантажівки тощо).

Для цього потрібно саме створити новий файл з артбордом потрібного розміру. Збільшити наявний файл у вас не вийде. Більше про функцію у довідці.

p.s. Дивлячись, як Фігма вже має нескінченну робочу область, все це виглядає, як костилі та намагання впихнути все у наявний код з обмеженнями.

Автоматизація дизайну з ChatGPT. Частина 2: скрипти для InDesign, Figma, Google Docs, Automator

Fri, 24 Mar 2023 22:37:31 +0200

Продовжую експерименти написання простих скриптів з допомогою ChatGPT. Тут перша частина зі скриптами для Adobe Illustrator.

1. Заміна шрифтів у InDesign

Перше, що захотілося зробити, це перенести скрипт з Ілюстратора в Індизайн (хоч скрипти й схожі, але у програм всередині різна специфіка).

Тож спочатку я спробував подібними до попередніх запитами згенерувати скрипт. Але з 5-6 спроб робочого коду не вийшло. Тому далі я знайшов у спільноті Адоб шматок коду схожий на те, що мені треба.

Але для його використання для різних накреслень і шрифтів не вистачало масиву значень на початку та циклу його виконання. Тому я скопіював код і попросив ChatGPT додати мені ці модулі. І за кілька уточнень вийшло робоче рішення.

Далі зробив ще одну версію, попросивши додати виклик модального вікна, в яке можна ввести руками потрібні назви шрифтів. І він мені це теж зробив:

Створення скрипту заміни шрифту в InDesign

Завантажити скрипти:

Версія, яка заміняє усі шрифти у всіх фреймах;
Версія, яка заміняє шрифт лише у виділеному тексті;
Версія, заміняє шрифт або у виділених фреймах, або в усіх;
Версія з двома вікнами введення назви старого і нового шрифтів;
Версія з одним вікном, в якому можна ввести кілька шрифтів.

1.2. Заміна стилів у InDesign

Окрім зміни шрифтів, попросив придумати скрипт, для заміни одних стилів на інші та ще попросив додати вікно, в якому ці назви можна ввести. Отримав такий скрипт.

Скрипт для InDesign, який заміняє один стиль на інший

А далі попросив замість полів для введення тексту зробити спадні списки зі всіма наявними стилями у документі. Але скрипт сходу не запрацював, але його можна об’єднати з попередніми.

2. Збереження Google Docs у тій самій теці на Драйві

У мене є потреба періодично зберігати поруч з Гугл Документом також і PDF, який я потім можу відправити. При збереженні через меню документів сам документ у мене завантажується у Downloads, як і решта файлів. Але потім мені потрібно знову завантажувати PDF у ту саму теку на драйв. Не складно, але це витрата часу.

Шукав приклади скриптів, які б могли зберігати PDF у ту саму теку, але робочих не знайшов. І от попросив ChatGPT запропонувати мені такий скрипт. І з першого разу отримав робочий варіант:

function onOpen() {
  var ui = DocumentApp.getUi();
  ui.createAddonMenu()
      .addItem(’Convert to PDF’, ’convertDocToPDF’)
      .addToUi();
}

function convertDocToPDF() {
  var docFile = DocumentApp.getActiveDocument().getId();
  var doc = DriveApp.getFileById(docFile);
  var pdfFile = DriveApp.createFile(doc.getAs(’application/pdf’)).setName(doc.getName() + «.pdf»);
  var parentFolder = doc.getParents().next();
  pdfFile.makeCopy(parentFolder);
  pdfFile.setTrashed(true);
}

Також ChatGPT описав інструкцію, як цей скрипт опублікувати, щоб він працював не тільки у конкретному документі, але це виявилось не так просто, як зробити скрипт 😅.

3. Транслітерація тексту в Figma

Колись для транслітерації назв зробили разом з програмістами простий сайт з простим JS, якій заміняв літери на інші за певними правилами. Потім з цього створили скрипти для AI та ID. А потім я стикнувся з такою з задачею у Фігмі, але робочих рішень не знайшов. Щось покрутив, але кинув, бо моїх знань було недостатньо.

І от спробував згодувати цю задачу ChatGPT. Взяв увесь наявний скрипт, як приклад, і попросив придумати, як з цього скрипту зробити скрипт для Фігми. Спочатку запропонований код транслітерував всі тексти на сторінці. Через уточнення він це робив для виділеного тексту, а якщо не виділений, то вже для всього.

І у першому варіанті цей код навіть працює, транслітерує, лишилось тільки допиляти для виключень і різних випадків. Далі вже можна туди додати якийсь інтерфейс за потреби. Тест вважаю вдалим.

Код транслітерації для Фігми від ChatGPT

4. Створення регулярних виразів для GREP / RegEx

Про грепи (або регулярні вирази, або regex) розповідав у лекції і все хотів написати детальну статтю зі всіма посиланнями, які назбирав, але все не знаходив час. GREP дуже потужна штука, але в неї був дуже високий поріг входу, щоб розуміти як будувати потрібні правильні вирази.

І от тепер з ChatGPT цей поріг можна вважати зниженим, бо він дуже гарно конструює навіть складні вирази.

Наприклад, давайте в Індизайні після всіх прийменників додамо нерозривні пробіли у всьому тексті через GREP-стилі. Для цього потрібно знайти у тексті всі прийменники. Тож створюємо стиль для символів без перенесень (no break) та питаємо у ChatGPT список всіх прийменників у вигляді регулярного виразу.

Він розуміє українську і віддає згенерований вираз вже у потрібній формі. Єдине що цей regex не зовсім підійде у Індизайн, тому уточнюємо що це має бути саме GREP для Індизайну і отримуємо робочий запит.

Так само можна конструювати грепи, які знаходять прізвища та ініціали, одиниці вимірювання, дати та місяці, номери телефонів у різних видах тощо. Далі потім знайдені дані (одразу всі, в усьому тексті) можна або переформатовувати або задавати їм потрібний стиль.

Приклади різних регулярних виразів

Регулярні вирази — дуже технічно-орієнтований інструмент. Тому тепер до цього інструменту є людино-орієнтований інтерфейс, який трансформує ваш запит у зрозумілу машині форму.

GREP заміни кириличних лапок латинськими

5.1 Зібрати відео зі скріншотів (з використанням ffmpeg)

Також в лекції згадував, що також у автоматизації дуже допомагають різні консольні команди (cli, command line interface), які заточені на певні дії. З ними така сама ситуація — щоб ними користуватись, потрібно розбиратись в прикладах та документації, що теж техно-орієнтованість.

Тому тут можна теж ChatGPT використовувати, як посередника для пошуку потрібної команди з потрібними параметрами. Наприклад, маємо купу скріншотів зроблених автоматично з різницею у 4-5 секунд, з яких хочемо зробити скрінкаст.

Для роботи з відео є потужна програма ffmpeg, яка працює з командного рядка. Тож попросив ChatGPT запропонувати команду для ffmpeg, яка б об’єднала картинки у відео. З першого разу отримуємо варіант, який на 100% працює та робить відео з заданою кількістю кадрів, які можна скоригувати.

ffmpeg -framerate 30 -pattern_type glob -i ’/path/to/folder/*.jpg’ -c:v libx264 -pix_fmt yuv420p /path/to/output.mp4

Таким чином не потрібні ніякі додаткові програми, для створення відео з картинок: за допомогою Автоматора робимо скріншоти, а через ffmpeg отримуємо відео.

Збір відео з окремих картинок

5.2 Компресія відео (з використанням ffmpeg)

Так само можна пошукати запити і на інші задачі з відео, наприклад, перезберегти з певною компресією чи зміною розміру, або прискоренням.

Раніше я шукав налаштування команд на Stackoverflow, а зараз швидше спитати у ChatGPT. Приклади запитів.

Компресія відео з ffmpeg

6. Зміна в наявному скрипті для Автоматора (Apple Script)

До попереднього пункту: для створення скрінкасту у мене був скрипт, який робив скріншот екрану і клав у потрібну теку в Дропбоксі, а потім зі скріншотів збиралося відео.

Зараз Дропбокс змінив і виходить старий скрипт некоректно працює. Йти шукати у документації до AppleScript як змінити шлях було б довго. Тому скопіював наявний скрипт і попросив замінити шлях збереження скріншотів у теку /Desktop.

7. Збереження в TIFF у Adobe Illustrator

Ще попросив зробити скрипт для швидкого збереження артборду у TIFF з заданим DPI. Отримав отакий варіант, який видавав помилку. Знайшов у спільноті Адоба відповідь зі схожою частиною, та побачив що один з параметрів замість IBM має називатись IBMPC, замінив, запрацювало. Тобто весь скрипт робочий, але помилка була в одному з параметрів. Завантажити скрипт.

Збереження артбоду в TIFF 300dpi

8. OSM Overpass Query

Деякі системи хоч і доступні всім, але поріг входу в них занадто високий. Але ChatGPT і тут зможе допомогти його подолати.

У OpenStreetMap (карта/база даних, які відкриті для всіх) зберігається величезна база геоданих, доступ до яких не суперпростий. І в OSM є мова запитів Overpass, яка дозволяє вивантажувати / запитувати якусь певну частину тих даних. Так от Overpass супер-неінтуітивна мова, і тут Chat GPT допомагає перекласти запит з людської на машинну.

twitter.com/lemonodor/status/1636849040548675584

P.S.

І це я скористався лише безкоштовною версією ChatGPT (модель GPT 3.5), і вже відчув, що стаю продуктивнішим ніби маю ще один механізований маніпулятор на додачу до рук, який розуміє що я хочу зробити та робить це швидше,

Тепер спробую модель Codex (Github Copilot), яка створювалась як раз для написання коду, а також GPT4. Напишу потім, що з цього вийшло.

Також хотів проілюструвати цю думку згенерувавши картинку людини з ще оною механізованою рукою, накшталт, технодесандників з Вархаммеру, але з 20 спроб у Midjourney v4 мого задуму не вийшло ¯\_(ツ)_/¯

Якщо у вас приклади вашого повторюваного дизайн-процесу, який ви повторюєте щоразу і витрачаєте свій час, напишіть на пошту або у телеграм.

₴

Якщо вам було цікаво та корисно, можете пригостити мене кавою ☕️: картка Монобанку: 4441114450427339 або через сайт.

ChatGPT як помічник з автоматизації

Wed, 15 Mar 2023 11:37:29 +0200

Знайшов для себе цікавий кейс застосування ChatGPT — створення простих скриптів для Ілюстратора.

У лекції про дизайн-конвеєр я розповідав, що можна дуже прискорити роботу автоматизуючі окремі дії. І тут дуже допомагають екшени та різного роду скрипти. Але екшени покривають точно не всі функції, а поріг входу у скрипти доволі високий.

Так от, нейромережа може допомогти створювати прості скрипти (до об’ємних вони поки не доросли).

ChatGPT → JSX → Adobe Illustrator

Наприклад, є задача: маємо купу інфографіки для звіту двома мовами. І в усіх картинках треба поміняти шрифт на інший та замінити кому на крапку у числах (45,5% → 45.5%).

У картинках використовуються різні накреслення, тож просто все виділити і поміняти не підходить. Треба йти в Find/Replace font і там вручну задавати зміну кожного накреслення. Довго. Те саме заміною символів: Find and Replace, ввести символи, замінити, підтвердити. Довго.

Спочатку, як завжди, пошукав у гуглі відповідь, бо можливо хтось вже писав такий код. Сходу не знайшов щось робоче.

Тож далі я запитав у ChatGPT, щоб він описав скрипт, який би замінював один шрифт на інший. Вийшов скрипт, який міняє шрифт, але робить все одним накресленням. Другим запитом я уточнив, щоб і накреслення враховувалось. Перевірив — працює. Тож у кожному документі просто запускався скрипт і все саме мінялось.

На цю задачу можна було залучити програміста, який на цьому розуміється, але з конкретною простою задачею навіть безплатний ChatGPT впорався непогано.

Далі можна ще допиляти скрипт додати заміну кількох шрифтів на інші. І ось, ще один службовий інструмент у вас є.

Авжеж, не весь код працює або не враховує якісь крайні ситуації. Але через кілька уточнень можна спробувати трохи іншу версію.

Відповіді ChatGPT

Ось вам приклад цього скрипта, який я частково докрутив: https://www.dropbox.com/s/5c26qlafyo225sq/Font%20Replacer.jsx?dl=0

 На початку у масиві вказуються назви старого і нового шрифтів та їхні накреслення. Також можна вказати декілька змін для різних шрифтів і накреслень.

{
«oldFontName» : «Daikon»,  // Назва старого шрифта
«oldFontWeight» : «Bold»,  // Накреслення старого шрифта
«newFontName» : «DM Sans», // Назва нового шрифта
«newFontWeight» : «Bold»   // Накреслення нового шрифта
},

Не обов’язково треба вивчати кодування для програм Адоб, буде достатньо розуміння, що ви хочете отримати в результаті. Чим простіша і точкова задача, тим буде простіше поставити питання нейромережі й отримати більш-менш робоче рішення.

І замість витрачання на часу на ручне клацання в інтерфейсі, можна створювати такі скрипти. Для своєї задачі я зекономив десь пів години, але чим більше картинок, тим більша буде й економія.

Цікаво, як з такою задачею впрорається анонсований вчора GPT-4. Уявіть плагін, який би працював безпосередньо в Ілюстраторі, в який можна написати задачу і він видаватиме робочий скрипт, який можна запускати одразу у редакторі.

Оновлення Adobe Creative Cloud 2023

Fri, 21 Oct 2022 22:15:35 +0200

Вийшло оновлення всіх програм, з яких Адоб продовжує ліпити франкенштейнів, додачі все нові функції у ті самі обмежені рамки. Хоча пробують робити і нові, наприклад, Adobe Express для швидкого колажування та дизайну, яка напевно має потіснити Canva.

Що ж принесло оновлення трьох для графдизайнерів.

Photoshop

Що нового

Виділення об’єктів на фоні ще більше покращили і навіть зробили видалення об’єктів в один клік.
Шейр файлів та одночасно робота кількох людей, а також додали можливість коментувати файл.
* З єдиного цікавого — Neural Filters, які на нейронках допомагають покращувати зображення. Новий фільтр — відновлення старих фото, на яких прибираються пошкодження, заломи, шуми тощо.

Чесно кажучи я Фотошопом користуюсь майже ніколи, бо він навіть на нормальному залізі дуже повільно працює, а всі нововведення в інтерфейсі приклад коли намагаються якісь нові просунуті опції вставити у старий інтерфейс, як зробили з артбордами, а потім з експортом у різні формати. Все частіше користуюсь для обробки картинок Pixelmator або Affinity Photo, а ресайзи простіше робити через скрипти або просто у маківському Preview.

Adobe Illustrator

Що нового

Нова опція редагування накладання та перетинів форм: залишається можливість редагувати окремі форми, але різні перетини можна відображати по різному. Краще побачити відео, виглядає цікаво.
Нормальне копіювання тексту у Індизайн і назад. Нарешті, давно пора було.
* Quick Actions: як я зрозумів це просто набір графічних стилів, які зберігатимуться у хмарині, та які звідти можна буде швидше використовувати у нових файлах.
Нові формати експорту у 3Д.
* Оптимізували швидкість роботи з прилінкованими файлами.

Деякі штуки типу 3d та панель матеріалів, авжеж, цікаво виглядають, хоча колись 3d намагались додати аж у Фотошоп, з цього нічого гарного не вийшло. І зараз схоже навертання функцій у наявний інструмент, коли у ньому діє обмеження робочої області, як було від появи програми і не може бути більше 5770 x 5770 мм. Чому — хз. А ще у 21 столітті програма при оновленні не може перенести встановлені користувацькі скрипти, екшени, свотчі та символи.

InDesign

Що нового

Auto Style. По факту це набори стилів, які можна зберегти та швидко застосувати по всьому документу (заголовки, тексти, підписи тощо). Може бути зручно мати окремо збережені ваші вже налаштовані стилі, замість того щоб їх копіювати з попередніх документів. Доступно у Technology Preview.
Копіпаст тексту з Ілюстратором.
Підтримуються нові формати картинок: WEBP, HEIC, JP2, HEIF.
Дублювання сторінок тепер додає дубль не в кінець документа, а після наявної сторінки. Для додавання в кінець тепер окрема кнопка.
* Можна тепер до INDD файлів додати превью, якого раніше не було. Можна задати навіть кілька сторінок.
* Використання UXP скриптів.