Багато з нас пускали слюні при вигляді цих зображень і задавалися лише одним питанням: «Як таке зробити?». Зараз мова піде про них, так-так, це ті самі зображення, складені з безлічі крихітних геометричних форм, які, об'єднуючись, формують абстрактне зображення. Сьогодні ми відкриємо вам таємницю: за допомогою яких інструментів і дій можна домогтися такого ефекту, використовуючи додатки Illustrator і Photoshop.
Ми будемо використовувати фотографію тигра як основу для нашого твору, але нам необхідно домогтися. щоб фотографія була абсолютна симетрична. Тому необхідно дублювати шар і розгорнути його горизонтально.
Додайте нову маску до шару, зробіть одну половину чорної, щоб стерти її і створити дзеркальний ефект між двома половинками зображення.
Використовуйте м'яку гумку, щоб стерти різку грань між половинками малюнка, з'єднати їх і сформувати єдине зображення. Не хвилюйтеся, якщо не виходить занадто точно виконати дану операцію: в будь-якому випадку, дрібні деталі будуть надалі втрачені.
Створіть новий шар, виберіть регуляцію контрасту та відкоригуйте основні моменти і тіні. Зображення з високою чіткістю після його перетворення буде виглядати краще, це дозволить світлим і темним областям формувати чіткі контури.
Завантажте файл. розпакуйте його, відкрийте в вашому браузері файл index. html і виберіть стиль, щоб почати редагування.
Для початку роботи оберіть пункт Керування приєднаними "Add 25 Vertices" і збільште прозорість багатокутників, таким чином, щоб було видно зображення внизу.
Розтягніть форму на все зображення, щоб максимально заповнити всю область векторними формами, клацнувши по кутах картинки.
Тепер почнеться трохи виснажливий процес промальовування зображення, метою якого є підстроювання нижнього шару до доданому зображенню. Таким чином, ми описали в загальних рисах чорні смуги і область навколо очей.
Наша мета в додаванні великої кількості деталей в потрібних нам областях, таких як очі. Клацайте мишкою частіше, щоб створити якомога більше вершин навколо різних елементів очі, це дозволить багатокутників створити більш точне зображення.
Також попрацюйте з іншою частиною зображення, додавши додаткові деталі до головних анатомічних особливостей.
Регулюйте прозорість зображення, щоб порівняти векторну ілюстрацію з нашим зображенням. Нам необхідно переконатися, що охоплено достатню кількість деталей.
Почніть працювати над другою половиною обличчя. Уважно стежте за тим, як ви робили першу половину: для нас важливо зберегти той же самий рівень деталей. Можна пропрацювати одну половину і потім відобразити її в ілюстратора, але буде дуже складно підігнати одне до одного вершини, щоб сформувати повне зображення. Набагато краще обробити одну половину за одною, повторюючи і простежуючи свої кроки.
Працюючи над правою частиною зображення важливо спробувати приблизно відповідати розташуванню вершин, як на лівій частині малюнка.
Протиставлення областей дрібних деталей з великою кількістю маленьких форм і менш докладних областей з великими багатокутниками допомагає зберегти той ефект, якого ми домагаємося.
Щоб завершити ілюстрацію, необхідно додати ще кілька вершин навколо зображення по його краях: дуже важливо усунути будь-які огріхи!
Як тільки ви задоволені досягнутим ефектом, збережіть зображення у форматі SVG. в цьому випадку його можна буде в подальшому відкрити в Illustrator для останніх штрихів.
Відкрийте отримане зображення SVG в Illustrator. Ви побачите витвір мистецтва у всій його векторної красі!
Краї зображення виглядають трохи грубо, тому першим кроком при роботі в Illustrator буде виправлення цієї прикрої упущення. Вам потрібно буде просто змінити розмір геометричних фігур по краях.
Видаліть наповнення з виділеного квадрата, натиснувши кнопку Crop в меню, і приберіть все, що виходить за межі квадрата.
Обрізані краї виглядають набагато гармоничней. Клацніть правою кнопкою миші і скасуйте роботу з групою, щоб редагувати окремі частини багатогранників.
Повернемося на крок назад і перевіримо наш шедевр на наявність будь-яких непривабливих форм або різких перепадів кольорів. Кожну фігуру можна виділити за допомогою інструменту Direct Selection, а його колір змінити інструментом Eyedropper tool.
Виділіть все і скопіюйте документ в фотошоп, створіть шар і відрегулюйте рівень тіней і основні моменти, щоб зробити зображення більш контрастним і насиченим.
Для останнього штриха додайте до зображення ефект легкого зернистого шуму, це додасть йому ще більшу привабливість.
Важко припустити, що це чудове зображення створюється так просто!