https://blog-archive.alexkolodko.com/tags/generator-2/ Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems uk Aegea 11.3 (v4134) Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems 91 https://blog-archive.alexkolodko.com/all/automatisation-with-customisation/ Mon, 06 Mar 2023 22:26:12 +0200 https://blog-archive.alexkolodko.com/all/automatisation-with-customisation/ <p>Після того, як я опублікував відео про генератори, мене попросили зробити такий інструмент для створення табличок Природного заповідного фонду України для дерев. Зробив першу ітерацію:<br /> <a href="https://g.wayfinding.systems/pzfu">g.wayfinding.systems/pzfu </a></p> <div class="e2-text-video"> <video src="https://blog-archive.alexkolodko.com/video/pzfu-demo-speedx4.mp4#t=0.001" width="2560" height="1736.245912361" controls alt="" /> <div class="e2-text-caption">Демо роботи генератора</div> </div> <h2>Процес</h2> <p><a href="https://capture.dropbox.com/aA9xUetXOC0PBMjo">Новий стиль заповідників</a> розробляла студія happy, дуже велика і змістовна робота. В основі стилю був зроблений патерн, який повторює текстуру дерева. І на цих табличках він також використовується.</p> <p>У матеріалах з брендбука ця текстура зроблена однією великою картинкою, щоб потім дизайнер міг на свій розсуд її вставляти у макети та обирати зручний ракурс. У макетах, які мені дали як приклад, текстура для всіх табличок однакова. Але мені хотілося не просто відтворити, а зробити так, щоб для кожної таблички цей патерн був унікальним.</p> <p>Перша думка була — треба на основі алгоритму якось генерувати подібні лінії. Але я не маю достатньо знань, що створити потрібний алгоритм.</p> <div class="e2-text-picture"> <img src="https://blog-archive.alexkolodko.com/pictures/tree-random-texture-2400.png" width="2400" height="906" alt="" /> </div> <p>Але трохи подумав, як можна обійтись тією однією текстурою. Придумав такий підхід:</p> <ol start="1"> <li>обрізаємо текстуру, щоб отримати рівний прямокутник великого розміру (у 3-4 рази більший за розмір таблички);</li> <li>беремо цю текстуру і вставляємо у маску, що має розмір самої таблички;</li> <li>випадково міняємо: 
<br /> a) положення текстури у масці, 
<br /> b) масштаб текстури від 100 до 120%,<br /> c) віддзеркалення текстури по осі x.</li> </ol> <p>Таким чином маючи одну фіксовану текстуру можна отримати безліч комбінацій. Хоча підхід неідеальний: при певних параметрах текстура занадто сильно з’їжджає в якийсь з боків.</p> <p>
За допомогу окрема подяка dnipro.design, Ігорю та Максиму Крижановським.</p>