Малювання шоколадних цукерок з фото.

Створюю і творю

artlab.club

Малюнок шоколадні цукерки з фото. Векторні ілюстрації за допомогою градієнтних сіток (mesh)

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

Ось так виглядає перша картинка, відмальована з фотографії:

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

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

фото

А ось так виглядає сітка цієї картинки (сітка досить проста, без величезної кількості точок та складних кривих):

цукерки

Раз із переходами кольорів, накладенням сіток одна на одну стало все зрозуміло, настав час експериментувати з додаванням плям на цукерку. Спершу я намалювала корпус цукерки, складений з двох сіток (передня частина з верхівкою та бічна). Тут я вже використовувала деякі знання про різкі і плавні переходи з попередньої ілюстрації, і змогла зробити дно цукерки більш реалістичним. Коли корпус був готовий (окремо корпус можна глянути тут), я почала додавати помаранчеві плями - окремий міш на кожну пляму, маючи в своєму розпорядженні і забарвлюючи точки так, щоб переходи були плавними. На лівій бічній грані я спробувала зробити плями із загальної сітки, а не окремими плямами, але це набагато складніше. Референс (фото з якого малювався малюнок) можна подивитися тут. А ілюстрація вийшла більш ніж крута:

малювання

І загальна сітка вже складніша:

шоколадних

З пірамідками вже награлася, тож із готових на той момент фотографій обрала нову форму. Крім того я дізналася про нову фішку при роботі з сітками - до окремих точок можна застосовувати прозорість - а це означає, що переходи на стиках можна робити ще плавнішими, а в деяких випадках взагалі непомітними. Це ж просто неможливо круто! Уявляєте як підганяє на творчість нові для себе відкриття?

Цукерка (фото), яку я вибрала для малювання цього разу, була наполовинупофарбована в зелений, фактично пофарбованого зеленого шоколаду було більше, і я не стала малювати окремий шоколадний корпус, а поверх зелена пляма — адже це в 2 рази більше роботи. І я вирішила спробувати зробити потрібний перехід прямо у спільній сітці. Тобто вся цукерка в мене намальована однією сіткою, крім дрібних бризків. Бризки створені окремими мішами з прозоростями у потрібних місцях для м'яких переходів.

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

цукерки

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

малювання

Ось такі результати. Є куди рухатися та розвиватися. Ще стільки всього доведеться дізнатися. А з сітками працювати досить цікаво - подобаються мені ці плавні градієнтні переходи кольорута реалістичність результату.