Окрім Photoshop, ви також можете створювати вексельні ілюстрації в Illustrator. Там навіть є функція трасування, яка може частково автоматизувати вашу роботу, але це вже інша історія і не є темою цього уроку. І ще одне: окрім трендового фактору, вексельні зображення мають дуже корисну властивість. Їх можна збільшувати до будь-якого розміру без розмиття контурів - що логічно. Ми працюємо не з пікселями, а з фігурами, які обмежені векторами, і їх можна масштабувати без жодних проблем.
Крок 1
Для порівняння я розмістив зображення до і після поруч, щоб ви могли побачити весь обсяг роботи. Для початківця це досить складне завдання, але з кожним вексельним зображенням ви набуваєте досвіду і стаєте кращими і швидшими. Порада: якщо ви хочете створити вексельне зображення, продублюйте оригінал, щоб у процесі роботи ви могли порівняти кольори і форми векторного зображення з оригіналом.
Крок 2
Почніть з обведення контурів зображення зверху вниз. У нашому випадку це важливо, оскільки нам потрібно врахувати структуру пір'я птаха. Виберіть інструмент ласо і обведіть верхню частину дзьоба.
Крок 3
Клацніть правою кнопкою миші і виберіть опцію " Створити робочий контур".
Крок 4
У діалоговому вікні, що з'явиться, виберіть допуск. Невеликий допуск, приблизно 1-3, ідеально підходить для дрібних деталей, тоді контур створюється точно відповідно до вибору і не спрощується програмою довільно.
Крок 5
Дзьоб птаха не монохромний, а має кілька кольорів, які ви можете відобразити за допомогою градієнта у векторній версії. У палітрі шарів виберіть опцію Градієнт (Gradient ), щоб заповнити контур.
Крок 6
Спочатку виберіть тип градієнта "Чорно-білий" і задайте відповідний кут у діалоговому вікні"Градієнтна заливка".
Крок 7
Ви можете додати будь-який колір до градієнта, який наразі є чорно-білим. Двічі клацніть на смузі градієнта і в діалоговому вікні Редагування градієнтів задайте червоний і жовтий кольори, як показано на скріншоті.
Крок 8
Ви також можете створити нижню частину дзьоба так само, як описано в кроках з 2 по 7. Зверніть увагу на порядок розташування шарів. Принцип розташування шарів дуже простий. Шар з нижньою частиною дзьоба знаходиться під шаром з верхньою частиною.
Крок 9
Створіть деякі форми на верхній і нижній частині дзьоба, які підкреслять структуру дзьоба. Ви можете створити їх за допомогою інструмента "Ласо " і перетворити на контур.
Крок 10
Створені фігури заповнюються неградієнтами, а кольором. Для цього в палітрі шарів виберіть опцію " Суцільний колір".
Крок 11
На скріншоті ви можете побачити, з скількох шарів заливки складається векторизована версія дзьоба. Рот був залитий чорним кольором. В принципі, на цьому пояснення можна припинити, тому що прийоми будуть більш-менш повторюватися. Але це було б несправедливо, тому що є ще кілька порад, які полегшать вашу роботу, і я не хочу приховувати їх від вас.
Крок 12
Для кращого огляду має сенс об'єднати шари заливки, які тематично підходять один до одного, в групи шарів. Ви можете виділити шари, з яких складається дзьоб, утримуючи клавішу Shift, і об'єднати їх у групу за допомогою комбінації клавіш Ctrl+G. Назвіть групу "Дзьоб".
Крок 13
Клацніть на фоновому шарі і створіть виділення голови птаха за допомогою інструмента "Ласо". Використовуйте опцію " Додати до виділення" для інструмента " Ласо ", щоб не виділяти фігуру за один раз, а створювати виділення частинами, що буде зручніше. Перетворіть виділення на контур, виберіть допуск 2 і залийте фігуру синім кольором.
Крок 14
Якщо вас не влаштовує форма контуру, ви можете перетягнути опорні точки контуру і відкоригувати його форму. Для цього виберіть інструмент прямого виділення та інструмент виділення контуру.
Крок 15
Щоб намальована форма голови не затуляла інші деталі, такі як очі та пір'я, ви можете тимчасово зменшити непрозорість шару заливки приблизно до 50%.
Крок 16
Намалюйте фігури трохи світлішим блакитним кольором на маківці та потилиці. Переконайтеся, що шари, які належать до голови, не перекривають групу шарів з дзьобом.
Крок 17
Ви можете використовувати ту ж техніку для оперення на голові птаха. Намалюйте кілька маленьких "пір'їнок" за допомогою інструмента "Ласо " (опція " Додати до виділення"), а потім перетворіть їх усі разом у контур. Потім залийте контур темно-синім кольором.
Крок 18
Коли ви закінчите всі форми голови, ви можете встановити непрозорість нижнього шару з контуром голови на 100%. Об'єднайте шари з головою в групу шарів.
Крок 19
Почніть з моделювання очей. Щоб ви могли розпізнати все на оригінальному зображенні під групою з головою, зменшіть непрозорість всієї групи з головою приблизно до 30-50%. Створіть темні фігури під очима.
Крок 20
Створіть форму очного яблука і залийте його темно-червоним кольором.
Крок 21
Створіть інші фігури, такі як зіниця, яка буде заповнена чорним кольором, світловий рефлекс у зіниці, який можна заповнити білим кольором. Об'єднайте шари з оком в іншу групу шарів.
Крок 22
Як вже було описано, створіть шари, за допомогою яких ви векторизуєте шию птаха.
Крок 23
Ви можете трохи погратися з деталями, які мають особливо яскравий колір, наприклад, з грудьми птаха. Спочатку створіть основну форму, як ви зробили з головою, а потім форму з пір'ям, яку заповніть трохи темнішим кольором.
Крок 24
Потім продублюйте шар зі структурою ще тричі. Масштабуйте копії шару зі структурою, злегка перемістіть їх відносно першого шару зі структурою і змініть колір заливки, двічі клацнувши на мініатюрі шару зі структурою. Закінчивши розподіл структур, ви можете об'єднати шари в групу шарів.
Крок 25
З великими пір'ям ви також можете полегшити собі роботу, працюючи з копіями шарів заливки. Спочатку створіть шар заливки з формою пір'я і градієнтом від світло-зеленого до темно-зеленого.
Крок 26
Створіть копію заливного шару і перемістіть її в інше місце. Таким чином ви можете створити велику кількість клонованих пір'їн. Щоб вони не виглядали надто схожими, ви можете повернути деякі шари-фігури за допомогою команди " Вільне трансформування" (Free Transform ).
Крок 27
Об'єднайте шари з пір'ям у групу шарів.
Крок 28
Щоб надати пір'ю трохи більше структури, можна скористатися ще одним трюком. Продублюйте групу шарів з пір'ям і зменшіть її так, щоб структура групи пір'я була трохи зміщена від оригіналу.
Крок 29
Створіть маску шару на групі шарів з масштабованим пір'ям і виберіть інструмент "Градієнт" з параметром " Передній план прозорий, колір переднього плану чорний". Намалюйте маскуючий градієнт, як показано стрілкою на скріншоті.
Крок 30
Як бачите, ви можете перетворити весь дизайн птаха і гілки у векторний у спосіб, описаний у попередніх кроках. Важливо розділити структуру шарів на групи шарів; це дасть вам кращий огляд.
Крок 31
Щоб створити фон зображення, використовуйте ті ж прийоми, які я описав у цьому уроці. Якщо ви використовуєте інструмент "Спеціальна фігура ", ви можете отримати доступ до бібліотеки Photoshop, де є багато цікавих шаблонів для вашого дизайну. Ви також можете зберегти власні шаблони і використовувати їх.
Крок 32
Якщо ви хочете, щоб фігура, яка лежить поверх іншої, не перетинала її межі (у нашому прикладі це вільно намальована фігура, яка не повинна виходити за межі квадрата), скористайтеся опцією обтравочної маски, яку можна активувати, клацнувши між двома шарами, утримуючи натиснутою клавішу Alt .
А ось так виглядає готове зображення.
