<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0"
  xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
  xmlns:atom="http://www.w3.org/2005/Atom">

<channel>

<title>Здоровий глузд: дописи з тегом ші</title>
<link>https://blog-archive.alexkolodko.com/tags/shi/</link>
<description>Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems</description>
<author></author>
<language>uk</language>
<generator>Aegea 11.3 (v4134)</generator>

<itunes:subtitle>Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems</itunes:subtitle>
<itunes:image href="" />
<itunes:explicit></itunes:explicit>

<item>
<title>GPT for Sheet and Docs</title>
<guid isPermaLink="false">102</guid>
<link>https://blog-archive.alexkolodko.com/all/gpt-for-sheet-and-docs/</link>
<pubDate>Sat, 15 Apr 2023 23:18:07 +0200</pubDate>
<author></author>
<comments>https://blog-archive.alexkolodko.com/all/gpt-for-sheet-and-docs/</comments>
<description>
&lt;p&gt;Доповнення &lt;a href="https://gptforwork.com"&gt;GPT for Sheet and Docs&lt;/a&gt;, яке дозволяє під’єднати потужність GPT у Гугл Таблиці та Документи, та дозволяє навіть без навичок програмування, створювати потік генерації та конвертування даних у потрібний формат. На сторінці купа прикладів застосування.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://t.me/AImarshrootka/16"&gt;З каналу AI Шевченко&lt;/a&gt;:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Дуже крутий корисний тред Allie K. Miller про те, як зробити мультизадачного асистента в Google Sheets з допомогою API OpenAI&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;a href="https://twitter.com/alliekmiller/status/1646931126441873409"&gt;twitter.com/alliekmiller/status/1646931126441873409&lt;/a&gt;&lt;/p&gt;&lt;p&gt;p.s. Канал AI Шевченко веде авторка &lt;a href="https://www.facebook.com/groups/390273551419860/"&gt;Лютого марафону&lt;/a&gt; про ШІ Марія Шарлай, про який я писав. Підписуйтесь, вона пише цікаве зі світу ШІ.&lt;/p&gt;
</description>
</item>

<item>
<title>Автоматизація дизайну з ChatGPT. Частина 2: скрипти для InDesign, Figma, Google Docs, Automator</title>
<guid isPermaLink="false">94</guid>
<link>https://blog-archive.alexkolodko.com/all/design-automation-with-chatgpt-part2/</link>
<pubDate>Fri, 24 Mar 2023 22:37:31 +0200</pubDate>
<author></author>
<comments>https://blog-archive.alexkolodko.com/all/design-automation-with-chatgpt-part2/</comments>
<description>
&lt;p&gt;Продовжую експерименти написання простих скриптів з допомогою ChatGPT. Тут &lt;a href="https://blog.alexkolodko.com/all/adobe-scripting-with-chatgpt/"&gt;перша частина&lt;/a&gt; зі скриптами для Adobe Illustrator.&lt;/p&gt;
&lt;h2&gt;1. Заміна шрифтів у InDesign&lt;/h2&gt;
&lt;p&gt;Перше, що захотілося зробити, це перенести скрипт з Ілюстратора в Індизайн (хоч скрипти й схожі, але у програм всередині різна специфіка).&lt;/p&gt;
&lt;p&gt;Тож спочатку я спробував подібними до попередніх запитами згенерувати скрипт. Але з 5-6 спроб робочого коду не вийшло. Тому далі я знайшов &lt;a href="https://community.adobe.com/t5/indesign-discussions/font-replacement-scripting-javascript/td-p/11021763"&gt;у спільноті Адоб&lt;/a&gt; шматок коду схожий на те, що мені треба.&lt;/p&gt;
&lt;p&gt;Але для його використання для різних накреслень і шрифтів не вистачало масиву значень на початку та циклу його виконання. Тому я скопіював код і попросив ChatGPT додати мені ці модулі. І за кілька уточнень вийшло робоче рішення.&lt;/p&gt;
&lt;p&gt;Далі зробив ще одну версію, попросивши додати виклик модального вікна, в яке можна ввести руками потрібні назви шрифтів. І він мені це теж зробив:&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;video src="https://blog-archive.alexkolodko.com/video/automation-1-1-2-indesign-x4-noaudio.mp4#t=0.001" width="2560" height="1600" controls alt="" /&gt;

&lt;div class="e2-text-caption"&gt;Створення скрипту заміни шрифту в InDesign&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Завантажити скрипти:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.dropbox.com/s/lgcoaglq2yl7lkn/Font%20Replacer%20INDD.jsx?dl=0"&gt;Версія&lt;/a&gt;, яка заміняє усі шрифти у всіх фреймах;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.dropbox.com/s/sh4p04jj41wq4j9/Font%20Replacer%20INDD%20Selected.jsx?dl=0"&gt;Версія&lt;/a&gt;, яка заміняє шрифт лише у виділеному тексті;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.dropbox.com/s/zdouo1ppa8sq9ka/Font%20Replacer%20INDD%20SelectedORNot.jsx?dl=0"&gt;Версія&lt;/a&gt;, заміняє шрифт або у виділених фреймах, або в усіх;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.dropbox.com/s/6ifotvcavyeinit/Font%20Replacer%20INDD%20with%20window.jsx?dl=0"&gt;Версія&lt;/a&gt; з двома вікнами введення назви старого і нового шрифтів;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.dropbox.com/s/eiazxfnj92d09ze/Font%20Replacer%20INDD%20ww2.jsx?dl=0"&gt;Версія&lt;/a&gt; з одним вікном, в якому можна ввести кілька шрифтів.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;1.2. Заміна стилів у InDesign&lt;/h2&gt;
&lt;p&gt;Окрім зміни шрифтів, попросив придумати скрипт, для заміни одних стилів на інші та ще попросив додати вікно, в якому ці назви можна ввести. Отримав &lt;a href="https://www.dropbox.com/s/l252xyt2flartv8/Change%20style%20with%20one%20window.jsx?dl=0"&gt;такий скрипт&lt;/a&gt;.&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;video src="https://blog-archive.alexkolodko.com/video/indesign-1-2-1-changestyles-x2.mp4#t=0.001" width="2560" height="1600" controls alt="" /&gt;

&lt;div class="e2-text-caption"&gt;Скрипт для InDesign, який заміняє один стиль на інший&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;А далі попросив замість полів для введення тексту зробити спадні списки зі всіма наявними стилями у документі. Але скрипт сходу не запрацював, але його можна об’єднати з попередніми.&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;video src="https://blog-archive.alexkolodko.com/video/indesign-1-2-2-changestyles-dropdowns-x2.mp4#t=0.001" width="2560" height="1600" controls alt="" /&gt;

&lt;/div&gt;
&lt;h2&gt;2. Збереження Google Docs у тій самій теці на Драйві&lt;/h2&gt;
&lt;p&gt;У мене є потреба періодично зберігати поруч з Гугл Документом також і PDF, який я потім можу відправити. При збереженні через меню документів сам документ у мене завантажується у Downloads, як і решта файлів. Але потім мені потрібно знову завантажувати PDF у ту саму теку на драйв. Не складно, але це витрата часу.&lt;/p&gt;
&lt;p&gt;Шукав приклади скриптів, які  б могли зберігати PDF у ту саму теку, але робочих не знайшов. І от попросив ChatGPT запропонувати мені такий скрипт. І з першого разу отримав робочий варіант:&lt;/p&gt;
&lt;pre&gt;
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);
}

&lt;/pre&gt;
&lt;div class="e2-text-video"&gt;
&lt;video src="https://blog-archive.alexkolodko.com/video/google-script-with-chatgpt-x2.mp4#t=0.001" width="2560" height="1600" controls alt="" /&gt;

&lt;/div&gt;
&lt;p&gt;Також ChatGPT описав інструкцію, як цей скрипт опублікувати, щоб він працював не тільки у конкретному документі, але це виявилось не так просто, як зробити скрипт 😅.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="2400" data-ratio="1.6"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-2-1.png" width="2400" height="1500" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-2-2.png" width="2400" height="1500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;3. Транслітерація тексту в Figma&lt;/h2&gt;
&lt;p&gt;Колись для транслітерації назв зробили разом з програмістами простий сайт з простим JS, якій заміняв літери на інші за певними правилами. Потім з цього створили скрипти для AI та ID. А потім я стикнувся з такою з задачею у Фігмі, але робочих рішень не знайшов. Щось покрутив, але кинув, бо моїх знань було недостатньо.&lt;/p&gt;
&lt;p&gt;І от спробував згодувати цю задачу ChatGPT. Взяв увесь наявний скрипт, як приклад, і попросив придумати, як з цього скрипту зробити скрипт для Фігми. Спочатку запропонований код транслітерував всі тексти на сторінці. Через уточнення він це робив для виділеного тексту, а якщо не виділений, то вже для всього.&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;video src="https://blog-archive.alexkolodko.com/video/automation-3-figma-x2.mp4#t=0.001" width="2560" height="1600" controls alt="" /&gt;

&lt;/div&gt;
&lt;p&gt;І у першому варіанті цей код навіть працює, транслітерує, лишилось тільки допиляти для виключень і різних випадків. Далі вже можна туди додати якийсь інтерфейс за потреби. Тест вважаю вдалим.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="2400" data-ratio="1.6"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-3-1.png" width="2400" height="1500" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-3-2.png" width="2400" height="1500" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-3-3.png" width="2400" height="1500" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Код транслітерації для Фігми від ChatGPT&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;4. Створення регулярних виразів для GREP / RegEx&lt;/h2&gt;
&lt;p&gt;Про грепи (або регулярні вирази, або regex) розповідав у лекції і все хотів написати детальну статтю зі всіма посиланнями, які назбирав, але все не знаходив час. GREP дуже потужна штука, але в неї був дуже високий поріг входу, щоб розуміти як будувати потрібні правильні вирази.&lt;/p&gt;
&lt;p&gt;І от тепер з ChatGPT цей поріг можна вважати зниженим, бо він дуже гарно конструює навіть складні вирази.&lt;/p&gt;
&lt;p&gt;Наприклад, давайте в Індизайні після всіх прийменників додамо нерозривні пробіли у всьому тексті через GREP-стилі. Для цього потрібно знайти у тексті всі прийменники. Тож створюємо стиль для символів без перенесень (no break) та питаємо у ChatGPT список всіх прийменників у вигляді регулярного виразу.&lt;/p&gt;
&lt;p&gt;Він розуміє українську і віддає згенерований вираз вже у потрібній формі. Єдине що цей regex не зовсім підійде у Індизайн, тому уточнюємо що це має бути саме GREP для Індизайну і отримуємо робочий запит.&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;video src="https://blog-archive.alexkolodko.com/video/automation-4-1-indesign-grep-find-x4.mp4#t=0.001" width="2560" height="1600" controls alt="" /&gt;

&lt;/div&gt;
&lt;p&gt;Так само можна конструювати грепи, які знаходять прізвища та ініціали, одиниці вимірювання, дати та місяці, номери телефонів у різних видах тощо. Далі потім знайдені дані (одразу всі, в усьому тексті) можна або переформатовувати або задавати їм потрібний стиль.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="2400" data-ratio="1.6"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-4-1.png" width="2400" height="1500" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-4-2.png" width="2400" height="1500" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-4-3.png" width="1694" height="950" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-4-4.png" width="1650" height="1936" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-4-5.png" width="1614" height="1074" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-4-6.png" width="2400" height="1500" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-4-7.png" width="2400" height="1500" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-4-8.png" width="2400" height="1500" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-4-9.png" width="1604" height="1176" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Приклади різних регулярних виразів&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Регулярні вирази — дуже технічно-орієнтований інструмент. Тому тепер до цього інструменту є людино-орієнтований інтерфейс, який трансформує ваш запит у зрозумілу машині форму.&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;video src="https://blog-archive.alexkolodko.com/video/automation-4-2-indesign-grep-replace-x4.mp4#t=0.001" width="2560" height="1600" controls alt="" /&gt;

&lt;div class="e2-text-caption"&gt;GREP заміни кириличних лапок латинськими&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;5.1 Зібрати відео зі скріншотів (з використанням ffmpeg)&lt;/h2&gt;
&lt;p&gt;Також в лекції згадував, що також у автоматизації дуже допомагають різні консольні команди (cli, command line interface), які заточені на певні дії. З ними така сама ситуація — щоб ними користуватись, потрібно розбиратись в прикладах та документації, що теж техно-орієнтованість.&lt;/p&gt;
&lt;p&gt;Тому тут можна теж ChatGPT використовувати, як посередника для пошуку потрібної команди з потрібними параметрами. Наприклад, маємо купу скріншотів зроблених автоматично з різницею у 4-5 секунд, з яких хочемо зробити скрінкаст.&lt;/p&gt;
&lt;p&gt;Для роботи з відео є потужна програма &lt;a href="https://ffmpeg.org/download.html"&gt;ffmpeg&lt;/a&gt;, яка працює з командного рядка. Тож попросив ChatGPT запропонувати команду для ffmpeg, яка б об’єднала картинки у відео. З першого разу отримуємо варіант, який на 100% працює та робить відео з заданою кількістю кадрів, які можна скоригувати.&lt;/p&gt;
&lt;pre&gt;
ffmpeg -framerate 30 -pattern_type glob -i ’/path/to/folder/*.jpg’ -c:v libx264 -pix_fmt yuv420p /path/to/output.mp4
&lt;/pre&gt;
&lt;p&gt;Таким чином не потрібні ніякі додаткові програми, для створення відео з картинок: за допомогою Автоматора робимо скріншоти, а через ffmpeg отримуємо відео.&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;video src="https://blog-archive.alexkolodko.com/video/automation-5-1-x4.mp4#t=0.001" width="2560" height="1600" controls alt="" /&gt;

&lt;div class="e2-text-caption"&gt;Збір відео з окремих картинок&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;5.2 Компресія відео (з використанням ffmpeg)&lt;/h2&gt;
&lt;p&gt;Так само можна пошукати запити і на інші задачі з відео, наприклад, перезберегти з певною компресією чи зміною розміру, або прискоренням.&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;video src="https://blog-archive.alexkolodko.com/video/automation-5-2-compress-video-x4-noaudio.mp4#t=0.001" width="2560" height="1600" controls alt="" /&gt;

&lt;/div&gt;
&lt;p&gt;Раніше я шукав налаштування команд на Stackoverflow, а зараз швидше спитати у ChatGPT. Приклади запитів.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="2400" data-ratio="1.6"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-5-2-1-compress-video.png" width="2400" height="1500" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/_automation-5-2-2-compress-video.png" width="2400" height="1500" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Компресія відео з ffmpeg&lt;/p&gt;
&lt;h2&gt;6. Зміна в наявному скрипті для Автоматора (Apple Script)&lt;/h2&gt;
&lt;p&gt;До попереднього пункту: для створення скрінкасту у мене був скрипт, який робив скріншот екрану і клав у потрібну теку в Дропбоксі, а потім зі скріншотів збиралося відео.&lt;/p&gt;
&lt;p&gt;Зараз Дропбокс змінив і виходить старий скрипт некоректно працює. Йти шукати у документації до AppleScript як змінити шлях було б довго. Тому скопіював наявний скрипт і попросив замінити шлях збереження скріншотів у теку /&lt;i&gt;Desktop&lt;/i&gt;.&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;video src="https://blog-archive.alexkolodko.com/video/automation-6-applescript-x4.mp4#t=0.001" width="2560" height="1600" controls alt="" /&gt;

&lt;/div&gt;
&lt;h2&gt;7. Збереження в TIFF у Adobe Illustrator&lt;/h2&gt;
&lt;p&gt;Ще попросив зробити скрипт для швидкого збереження артборду у TIFF з заданим DPI. Отримав отакий варіант, який видавав помилку. Знайшов у спільноті Адоба відповідь зі схожою частиною, та побачив що один з параметрів замість IBM має називатись IBMPC, замінив, запрацювало. Тобто весь скрипт робочий, але помилка була в одному з параметрів. &lt;a href="https://www.dropbox.com/s/g6u54xerw8lg4v4/toTIFF.jsx?dl=0"&gt;Завантажити скрипт&lt;/a&gt;.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/automation-7-1-w2400.png" width="2400" height="1500" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Збереження артбоду в TIFF 300dpi&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;8. OSM Overpass Query&lt;/h2&gt;
&lt;p&gt;Деякі системи хоч і доступні всім, але поріг входу в них занадто високий. Але ChatGPT і тут зможе допомогти його подолати.&lt;/p&gt;
&lt;p&gt;У OpenStreetMap (карта/база даних, які відкриті для всіх) зберігається величезна база геоданих, доступ до яких не суперпростий. І в OSM є мова запитів Overpass, яка дозволяє вивантажувати / запитувати якусь певну частину тих даних. Так от Overpass супер-неінтуітивна мова, і тут Chat GPT допомагає перекласти запит з людської на машинну.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://twitter.com/lemonodor/status/1636849040548675584"&gt;twitter.com/lemonodor/status/1636849040548675584&lt;/a&gt;&lt;/p&gt;&lt;h2&gt;P.S.&lt;/h2&gt;
&lt;p&gt;І це я скористався лише безкоштовною версією ChatGPT (модель GPT 3.5), і вже відчув, що стаю продуктивнішим ніби маю ще один механізований маніпулятор на додачу до рук, який розуміє що я хочу зробити та робить це швидше,&lt;/p&gt;
&lt;p&gt;Тепер спробую модель Codex (Github Copilot), яка створювалась як раз для написання коду, а також GPT4. Напишу потім, що з цього вийшло.&lt;/p&gt;
&lt;p&gt;&lt;i&gt;Також хотів проілюструвати цю думку згенерувавши картинку людини з ще оною механізованою рукою, накшталт, технодесандників з Вархаммеру, але з 20 спроб у Midjourney v4 мого задуму не вийшло&lt;/i&gt; ¯\_(ツ)_/¯&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1024" data-ratio="1"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/alexkolodko_man_with_extra_bionic_robotic_mechanical_manipulato_5e4ed387-75ea-434f-80ad-54a6bbf25a92-transformed.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/alexkolodko_man_with_extra_bionic_robotic_mechanical_manipulato_c97b8485-4aa5-4fcc-aba3-c6bbdc06f756-transformed.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/alexkolodko_man_with_augmentics_stay_with_laptop_at_the_large_f_35d6b34f-06c8-42a9-bb5f-a9f7d0228c89.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/alexkolodko_man_with_augmentics_stay_with_laptop_at_the_large_f_366792c8-fc63-431c-adb1-e75029104bb6.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/alexkolodko_man_with_augmentics_stay_with_laptop_at_the_large_f_b5de7f02-f43b-4fd6-b01c-4c33fcdace3e.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/alexkolodko_man_with_bionic_robotic_mechanical_manipulator_in_h_4edd41d4-5a33-488d-ad2c-58255555764f.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/alexkolodko_man_with_bionic_robotic_mechanical_manipulator_in_h_79d5dd21-a324-4f24-b5c2-ce37832c925b.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/alexkolodko_man_with_extra_bionic_robotic_mechanical_manipulato_5e4ed387-75ea-434f-80ad-54a6bbf25a92.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/alexkolodko_man_with_extra_bionic_robotic_mechanical_manipulato_15cc879c-6032-47b5-883c-56ccb48732cb.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/alexkolodko_man_with_extra_bionic_robotic_mechanical_manipulato_bb7622b8-8dac-41de-9925-d14892d79a05.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/alexkolodko_man_with_extra_bionic_robotic_mechanical_manipulato_c97b8485-4aa5-4fcc-aba3-c6bbdc06f756.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/alexkolodko_techmarine_warhammer_40k_style_with_robotic_arm_sit_092b8d8f-7132-4b40-9394-dd83607d6cb8.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/alexkolodko_techno_spacemarine_warhammer40k_style_with_robotic__b100e5a6-8d87-4b47-83cf-3151991a242a.png" width="1024" height="1024" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;hr&gt;&lt;/p&gt;
&lt;div&gt;&lt;div style="float: left;"&gt;&lt;p&gt;&lt;span style="font-weight:bold; font-size: 3em"&gt;&lt;b&gt;?&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding: 1em 0 0 4em"&gt;&lt;p&gt;Якщо у вас приклади вашого повторюваного дизайн-процесу, який ви повторюєте щоразу і витрачаєте свій час, напишіть на &lt;a href="mailto:alexkolodko@gmail.com"&gt;пошту&lt;/a&gt; або у &lt;a href="https://t.me/alexkolodko"&gt;телеграм&lt;/a&gt;.&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;hr&gt;&lt;/p&gt;
&lt;div&gt;&lt;div style="float: left;"&gt;&lt;p&gt;&lt;span style="font-weight:bold; font-size: 3em"&gt;&lt;b&gt;₴&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding: 1em 0 0 4em"&gt;&lt;p&gt;Якщо вам було цікаво та корисно, можете пригостити мене кавою ☕️: картка Монобанку: &lt;tt&gt;4441114450427339&lt;/tt&gt; або &lt;a href="https://send.monobank.ua/5jVrTaRziu"&gt;через сайт&lt;/a&gt;.&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;</description>
</item>

<item>
<title>ChatGPT як помічник з автоматизації</title>
<guid isPermaLink="false">93</guid>
<link>https://blog-archive.alexkolodko.com/all/adobe-scripting-with-chatgpt/</link>
<pubDate>Wed, 15 Mar 2023 11:37:29 +0200</pubDate>
<author></author>
<comments>https://blog-archive.alexkolodko.com/all/adobe-scripting-with-chatgpt/</comments>
<description>
&lt;p&gt;Знайшов для себе цікавий кейс застосування ChatGPT — створення простих скриптів для Ілюстратора.&lt;/p&gt;
&lt;p&gt;У лекції про дизайн-конвеєр я розповідав, що можна дуже прискорити роботу автоматизуючі окремі дії. І тут дуже допомагають екшени та різного роду скрипти. Але екшени покривають точно не всі функції, а поріг входу у скрипти доволі високий.&lt;/p&gt;
&lt;p&gt;Так от, нейромережа може допомогти створювати прості скрипти (до об’ємних вони поки не доросли).&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;video src="https://blog-archive.alexkolodko.com/video/Screen-Recording-2023-03-14-at-23.32.20-x2.mp4#t=0.001" width="2560" height="1600" controls alt="" /&gt;

&lt;div class="e2-text-caption"&gt;ChatGPT → JSX → Adobe Illustrator&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Наприклад, є задача: маємо купу інфографіки для звіту двома мовами. І в усіх картинках треба поміняти шрифт на інший та замінити кому на крапку у числах (45,5% → 45.5%).&lt;/p&gt;
&lt;p&gt;У картинках використовуються різні накреслення, тож просто все виділити і поміняти не підходить. Треба йти в Find/Replace font і там вручну задавати зміну кожного накреслення. Довго. Те саме  заміною символів: Find and Replace, ввести символи, замінити, підтвердити. Довго.&lt;/p&gt;
&lt;p&gt;Спочатку, як завжди, пошукав у гуглі відповідь, бо можливо хтось вже писав такий код. Сходу не знайшов щось робоче.&lt;/p&gt;
&lt;p&gt;Тож далі я запитав у ChatGPT, щоб він описав скрипт, який би замінював один шрифт на інший. Вийшов скрипт, який міняє шрифт, але робить все одним накресленням. Другим запитом я уточнив, щоб і накреслення враховувалось. Перевірив — працює. Тож у кожному документі просто запускався скрипт і все саме мінялось.&lt;/p&gt;
&lt;p&gt;На цю задачу можна було залучити програміста, який на цьому розуміється, але з конкретною простою задачею навіть безплатний ChatGPT впорався непогано.&lt;/p&gt;
&lt;p&gt;Далі можна ще допиляти скрипт додати заміну кількох шрифтів на інші. І ось, ще один службовий інструмент у вас є.&lt;/p&gt;
&lt;p&gt;Авжеж, не весь код працює або не враховує якісь крайні ситуації. Але через кілька уточнень можна спробувати трохи іншу версію.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="2400" data-ratio="1.6"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/adobe-scripting-with-chatpgpt-1.png" width="2400" height="1500" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/adobe-scripting-with-chatpgpt-2.png" width="2400" height="1500" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Відповіді ChatGPT&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Ось вам приклад цього скрипта, який я частково докрутив: &lt;a href="https://www.dropbox.com/s/5c26qlafyo225sq/Font%20Replacer.jsx?dl=0"&gt;https://www.dropbox.com/s/5c26qlafyo225sq/Font%20Replacer.jsx?dl=0&lt;/a&gt;&lt;/p&gt;
&lt;p&gt; На початку у масиві вказуються назви старого і нового шрифтів та їхні накреслення. Також можна вказати декілька змін для різних шрифтів і накреслень.&lt;/p&gt;
&lt;pre&gt;
{
«oldFontName» : «Daikon»,  // Назва старого шрифта
«oldFontWeight» : «Bold»,  // Накреслення старого шрифта
«newFontName» : «DM Sans», // Назва нового шрифта
«newFontWeight» : «Bold»   // Накреслення нового шрифта
},

&lt;/pre&gt;
&lt;p&gt;Не обов’язково треба вивчати кодування для програм Адоб, буде достатньо розуміння, що ви хочете отримати в результаті. Чим простіша і точкова задача, тим буде простіше поставити питання нейромережі й отримати більш-менш робоче рішення. &lt;/p&gt;
&lt;p&gt;І замість витрачання на часу на ручне клацання в інтерфейсі, можна створювати такі скрипти. Для своєї задачі я зекономив десь пів години, але чим більше картинок, тим більша буде й економія.&lt;/p&gt;
&lt;p&gt;Цікаво, як з такою задачею впрорається анонсований вчора GPT-4. Уявіть плагін, який би працював безпосередньо в Ілюстраторі, в який можна написати задачу і він видаватиме робочий скрипт, який можна запускати одразу у редакторі.&lt;/p&gt;
</description>
</item>

<item>
<title>Кілька думок про ШІ</title>
<guid isPermaLink="false">92</guid>
<link>https://blog-archive.alexkolodko.com/all/iome-thoughts-about-ai/</link>
<pubDate>Sat, 11 Mar 2023 15:18:41 +0200</pubDate>
<author></author>
<comments>https://blog-archive.alexkolodko.com/all/iome-thoughts-about-ai/</comments>
<description>
&lt;p&gt;Я покористувався різними сервісами, то спочатку замислився: на початку комп’ютерам треба було писати певні команди у командному рядку, а тепер знову потрібно писати команди, але вже у браузері.&lt;/p&gt;
&lt;p&gt;Прийшов до висновку, що те, що зараз називається ШІ, це скоріше ще більш верхньорівнева мова програмування. Ти просиш мережу/модель щось зробити, у певному вигляді, з певними параметрами, і вона робить (точніше намагається якомога точніше передбачити бажаний результат). Так само, як інші програми, тільки інтерфейс став ще більш доступний.&lt;/p&gt;
&lt;p&gt;Тому, мені здається, немає чого переживати за втрату роботи. Інструменти ШІ суттєво підвишують продуктивність у всякій не дуже цікавій рутинній роботі, наприклад: треба щось, на кшталт, тигра в акварельному стилі, і ти маєш або малювати, або замовляти, або шукати у пошуку чи на стоках.&lt;/p&gt;
&lt;p&gt;Так само як базове вміння програмувати допомагає автоматизовувати. Людині ж лишається головне — придумувати сенси і концепції, на що поки інструменти ШІ не здатні.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/photo_2023-03-11-15.13.52.jpeg" width="1280" height="729" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Під час запису уроків по Індизайну згенерував по суті обкладинку&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;P. S. Ще про саме поняття ШІ сподобалась &lt;a href="https://tech.liga.net/ua/ukraine/interview/tehnicheski-chelovechestvo-sebya-ischerpalo-pisatel-maks-kidruk-o-vtoroy-voyne-s-rf-i-ii"&gt;цитата Макса Кідрука&lt;/a&gt;:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Я як міг ретельно розібрався з ChatGPT та Midjourney, і вже втомлююся повторювати — це не штучний інтелект. Поняття штучного інтелекту настільки поширилося, що фахівці були змушені впровадити новий термін — «штучний інтелект людського рівня».  Те, що є зараз, — це просунуті програми, оптимізовані під виконання певних завдань, які імітують діяльність людини. Він вже давно існує — це машинний переклад, це пошуковики, розпізнавання облич у соцмережах. І є справжній штучний інтелект людського рівня — самоусвідомлена машина. &lt;/p&gt;
&lt;/blockquote&gt;
</description>
</item>

<item>
<title>Пошук та візуалізація ідей за допомогою ШІ</title>
<guid isPermaLink="false">90</guid>
<link>https://blog-archive.alexkolodko.com/all/ideas-with-ai/</link>
<pubDate>Wed, 22 Feb 2023 11:56:21 +0200</pubDate>
<author></author>
<comments>https://blog-archive.alexkolodko.com/all/ideas-with-ai/</comments>
<description>
&lt;p&gt;Поки всі почали тестувати ChatGpt, я пішов глянути Dall-E для генерації зображень. І знайшов гарний кейс пошуку ідей.&lt;/p&gt;
&lt;p&gt;В проєкті хочу показати, що треба на будівлі заводу намалювати щось яскраве для привернення уваги. Я пробував шукати у Пінтересті, але там дуже небагато справжніх прикладів таких ідей, або їх важко знайти. А от ШІ дуже просто візуалізує якусь промислову будівлю з яскравою графікою, чого достатньо буде для презентації. Хоча деякі приклади можна прям брати та втілювати, дійсно цікаві варіанти.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1024" data-ratio="1"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-01.22.19---Modern-factory-industrial-building-with-bright-geometry-graphics-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-01.26.53.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-01.27.03.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-01.27.14.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-01.04.49---factory-industrial-building-with-bright-graphics-numbers-on-the-walls,-4k.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-01.07.44---factory-industrial-building-with-bright-geometric-graphics-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-01.07.52---factory-industrial-building-with-bright-geometric-graphics-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-01.14.13---Modern-factory-industrial-building-with-bright-geometry-graphics-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-01.14.21---Modern-factory-industrial-building-with-bright-geometry-graphics-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-01.21.27---Modern-factory-industrial-building-with-bright-geometry-graphics-on-the-walls-and-big-numbers.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-18.19.07---Modern-factory-industrial-building-with-bright-geometry-graphics-1-or-2-colors-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-18.19.14---Modern-factory-industrial-building-with-bright-geometry-graphics-1-or-2-colors-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-18.19.21---Modern-factory-industrial-building-with-bright-geometry-graphics-1-or-2-colors-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-18.19.54---Modern-factory-industrial-building-with-bright-geometry-graphics-one-color-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-18.20.01---Modern-factory-industrial-building-with-bright-geometry-graphics-one-color-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-18.20.07---Modern-factory-industrial-building-with-bright-geometry-graphics-one-color-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-18.20.16---Modern-factory-industrial-building-with-bright-geometry-graphics-one-color-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-18.20.51---Modern-factory-industrial-building-with-bright-geometry-figure-one-color-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/DALLE-2023-02-19-18.20.57---Modern-factory-industrial-building-with-bright-geometry-figure-one-color-on-the-walls.png" width="1024" height="1024" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt; Запит на кшталт: Modern factory industrial building with bright geometry figure one color on the walls&lt;/div&gt;
&lt;/div&gt;
</description>
</item>


</channel>
</rss>