Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Illustration

Вау! Створюємо неймовірну напівреалістичну помаду в Адобе Ілюстратор

by
Read Time:12 minsLanguages:

Ukrainian (українська мова) translation by Mavka (you can also view the original English article)

У цьому уроці ви дізнаєтеся, як намалювати реалістичну помаду з нуля у Адобе Ілюстратор, та створите з неї інші версії. Він почнеться з роботи з основними формами, так що вам не потрібно турбуватися про навички роботи з інструментом Перо. Ми також скористаємося ефектами Викривлення та Об’єктним пензлем, щоб створити відблиски та рефлекси. Також я познайомлю вас із параметром Редагування балансу кольорів, який чудово підходить для створення різних версій тієї самої помади. Давайте почнемо!


1. Створимо новий документ

Запустіть Ілюстратор і перейдіть до Файл > Створити, щоб відкрити пустий документ. Введіть ім'я для файлу, налаштуйте розміри а потім виберіть Пікселі як Одиниці та Колірний режим як RGB.

Потім перейдіть в меню Редагування > Параметри > Загальні і встановіть Приріст клавіатурою на 1 рх, та можемо розпочати малювання.

diana_lipstick_tut_1diana_lipstick_tut_1diana_lipstick_tut_1

2. Створимо основу губної помади

Крок 1

Візьміть Прямокутник (M), клацніть в будь-якому місці вашої монтажної області, введіть показані розміри, та натисніть OK. З виділеним прямокутником, переходимо до меню Ефект> Викривлення та застосовуємо ефекти Арка, Каркас вище та Випнутий. Після цього ви отримаєте потрібну нам форму.

diana_lipstick_tut_2diana_lipstick_tut_2diana_lipstick_tut_2

Ви можете побачити застосовані налаштування на зображенні нижче:

diana_lipstick_tut_3diana_lipstick_tut_3diana_lipstick_tut_3

Крок 2

Тепер, ми повинні розібрати три застосовані ефекти, та щоб це зробити перейдіть в меню Об’єкт> Розгорнути вигляд потім Розгрупуйте (Shift + Ctrl + G). Далі візьміть інструмент Часткове виділення (A) та виберіть лише дві опорні точки в нижній частині, далі перейдіть в меню Файл> Сценарії> Round Any Corner і застосуйте Радіус 8.

diana_lipstick_tut_4diana_lipstick_tut_4diana_lipstick_tut_4

Вам потрібно встановити сценарій Round Any Corner. Перезапустіть Ілюстратор, і ви будете готові.

Крок 3

Візьміть Еліпс (L) і намалюйте еліпс з зазначеними розмірами. Перемістіть його на вершину основи та переконайтеся, що вони відцентровані. З обома виділеними формами, натисніть на Мінус передній план в панелі Обробка контурів та Розгорніть.  

diana_lipstick_tut_5diana_lipstick_tut_5diana_lipstick_tut_5

Крок 4

Скопіюйте (Ctrl + C) та вставте попереду (Ctrl + F) форму основи, отриману в попередньому кроці. Зруште копію трохи вниз, на 8 px, для цього натисніть клавішу Стрілка вниз на клавіатурі вісім разів. Скопіюйте (Ctrl + C) та вставте попереду (Ctrl + F) основу, знову виділіть червону форму та копію основи і натисніть на Мінус передній план в панелі Обробка контурів та Розгорніть. В результаті ви отримаєте бордюр у верхній частині.

diana_lipstick_tut_6diana_lipstick_tut_6diana_lipstick_tut_6

3. Розфарбуємо основу губної помади

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

diana_lipstick_tut_7diana_lipstick_tut_7diana_lipstick_tut_7

4. Додамо до основи рефлекси

Крок 1

Намалюйте овал за допомогою Еліпсу (L) та розташуйте його над основою, як показано нижче. Залийте його лінійним градієнтом від білого до темно - сірого потім перейдіть до меню Ефект> Розмиття> Гаусове розмиття та застосуйте Радіус 3px. Встановіть Режим змішування на Жорстке світло та зменште Непрозорість до 55%.

diana_lipstick_tut_8diana_lipstick_tut_8diana_lipstick_tut_8

Крок 2

Тепер, візьміть Перо (P) та намалюйте шлях по правій стороні основи. Обведіть за допомогою Об’єктного пензлю під назвою називається Tapered-Round, який можна знайти в меню Бібліотеки пензлів> Художній> Художній _Чорнило, та застосуйте Щільність Обведення 1pt. З виділеним шляхом, перейдіть в Об’єкт> Розгорнути вигляд потім Розгрупуйте. Залийте отриману форму лінійним градієнтом від білого до чорного, а потім перейдіть до Ефект> Розмиття> Гаусове розмиття та застосуйте Радіус 2px. Встановіть Режим змішування на Освітлення основи та зменште Непрозорість до 20%.

diana_lipstick_tut_9diana_lipstick_tut_9diana_lipstick_tut_9

Крок 3

Настав час замаскувати рефлекси. По-перше, Скопіюйте (Ctrl + C) та вставте попереду (Ctrl + F) темну основу та видаліть існуючу градієнтну заливку. Відправте цю форму на передній план, перейшовши в меню Об’єкт> Упорядкувати> На передній план. Тепер, оберіть дві відображені форми, а також копію основи та перейдіть до команди Об'єкт> Відсічна маска> Зробити.

diana_lipstick_tut_10diana_lipstick_tut_10diana_lipstick_tut_10

5. Створимо металевий корпус губної помади

Крок 1

Візьміть Прямокутник з округленими кутами та намалюйте невеликий прямокутник з зазначеними розмірами. Залийте його лінійним градієнтом, використовуючи багато відтінків сірого кольору та перемістіть у верхню частину основи, як на наступному зображенні. Відправте його позаду всього, перейшовши в Об’єкт> Упорядкувати> На задній план.

diana_lipstick_tut_11diana_lipstick_tut_11diana_lipstick_tut_11

Крок 2

Скопіюйте (Ctrl + C) та вставте позаду (Ctrl + B) форму з попереднього кроку та перемістіть її трохи вгору, натиснувши двічі клавішу Стрілка вгору на клавіатурі. Тепер, з все ще обраною формою відкрийте панель Трансформувати та введіть 134px замість 128px в полі ширини. Залиште ту саму градієнтну заливку.

diana_lipstick_tut_12diana_lipstick_tut_12diana_lipstick_tut_12

Крок 3

Далі намалюйте округлений прямокутник з показаними розмірами. Візьміть Додати опорну точку (+) та додайте дві додаткові точки по центру верхнього і нижнього країв. Застосуйте Часткове виділення (A), щоб вибрати тільки ці дві точки та зруште їх трохи вниз, натиснувши клавішу зі Стрілкою вниз два рази. Тепер, за допомогою Перетворення опорних точок (Shift + C), створіть ручки та перетворіть їх з кутових точок на гладкі. Упорядкуйте цю форму, як на зображенні та залийте її наведеним градієнтом.

diana_lipstick_tut_13diana_lipstick_tut_13diana_lipstick_tut_13

Крок 4

Скопіюйте (Ctrl + C) та вставте позаду (Ctrl + B) отриману на попередньому кроці форму, та зруште її трохи вгору, двічі натиснувши клавішу Стрілка вгору. Відкрийте панель Трансформувати та введіть 111px замість 118px в полі ширини, щоб зробити форму трохи меншою. Також замініть існуючу заливку градієнтом на показаний раніше. Потім Скопіюйте (Ctrl + C) та вставте позаду (Ctrl + B) цю форму та знов перемістіть її на 2 px вгору, далі встановіть ширину 105px. Повторіть цю дію ще раз, використовуючи останню форму, як зазначено нижче.

diana_lipstick_tut_14diana_lipstick_tut_14diana_lipstick_tut_14

Крок 5

Застосуйте Прямокутник з округленими кутами, щоб намалювати прямокутник, з показаними розмірами, далі перейдіть до Об’єкт> Контур> Додати опорну точку. В результаті ви отримаєте додаткову опорну точку посередині кожної сторони. Виберіть за допомогою Часткового виділення (A) тільки середню точку унизу та зруште її на 2 px вниз. Скористайтеся Перетворенням опорних точок (Shift + C), щоб створити ручки та округле дно. Розмістіть цю фігуру над іншими та залийте її показаним градієнтом, який в основному однаковий, лише деякі слайдери знаходяться в іншому місці.

diana_lipstick_tut_15diana_lipstick_tut_15diana_lipstick_tut_15

Крок 6

Нарешті намалюйте еліпс у верхній частині та заповніть його показаним радіальним градієнтом.

diana_lipstick_tut_16diana_lipstick_tut_16diana_lipstick_tut_16

6. Малюємо форму губної помади

Крок 1

Візьміть Прямокутник (M) та створіть прямокутник 68 х 150 px. Додайте опорну точку в нижній частині за допомогою інструменту Додати опорну точку (+), потім зруште її трохи вниз, натиснувши клавішу зі Стрілкою вниз два рази (2px). За допомогою Перетворення опорних точок (Shift + C) перетворіть цю точку з кута на гладку, тому що нам потрібно округлення унизу. Додайте ще одну точку Додати опорну точку (+) в верхній частині, як показано нижче.

diana_lipstick_tut_17diana_lipstick_tut_17diana_lipstick_tut_17

Крок 2

Візьміть Часткове виділення (A), виберіть лише верхню праву точку та перемістіть її вниз, як показано на малюнку. Користуйтеся Перетворенням опорних точок (Shift + C), щоб перетягувати ручки. Потім перемістіть верхню ліву точку вниз та перетворіть її з кутової на гладку.

diana_lipstick_tut_18diana_lipstick_tut_18diana_lipstick_tut_18

7. Розфарбуємо губну помаду

Крок 1

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

diana_lipstick_tut_19diana_lipstick_tut_19diana_lipstick_tut_19

Крок 2

Візьміть Перо (P) і намалюйте наступний шлях між цими двома формами. Обведіть за допомогою Об’єктного пензлю під назвою називається Tapered-Round, який можна знайти в меню Бібліотеки пензлів> Художній> Художній _Чорнило, та застосуйте Щільність Обведення 0,1pt. Надайте обведенню темно-рожевий колір.

diana_lipstick_tut_20diana_lipstick_tut_20diana_lipstick_tut_20

8. Додамо відблиски до губної помади

Крок 1

За допомогою Пера (P), намалюйте шлях на лівій стороні помади, як показано нижче та оберіть білий, як колір обведення. Постарайтеся не перетинати металеву форму, інакше вам знадобиться маска. Обведіть цей шлях за допомогою Об’єктного пензлю під назвою Tapered-Round, який можна знайти в меню Бібліотеки пензлів> Художній> Художній _Чорнило. Знизьте Щільність обведення до 0.35 pt. З все ще обраним шляхом, перейдіть в Ефект> Розмиття> Гаусове розмиття та застосуйте Радіус 3px.

diana_lipstick_tut_21diana_lipstick_tut_21diana_lipstick_tut_21

Крок 2

Далі намалюйте інший шлях на правій стороні помади. Оберіть білий колір обведення та застосуйте для нього той же об’єктний пензль. Встановіть Щільність 0.25pt. Додайте 1,5 px Гаусового розмиття а потім зменште Непрозорість до 35%.

diana_lipstick_tut_22diana_lipstick_tut_22diana_lipstick_tut_22

9. Додамо деталі до корпусу губної помади

Крок 1

За допомогою Пера (P) намалюйте чотири крихітних вигнуті шляхи навколо основи, як показано нижче. Я обвела ці шляхи пензлем Blend Art Brush, яким я досить часто користуюся. Я розповідала, як його створити, в іншому своєму уроці. Змініть тільки розміри - замість 200 х 5px цей має розміри 100 х 3px. Знизьте Непрозорість до 75%.

diana_lipstick_tut_23diana_lipstick_tut_23diana_lipstick_tut_23

Крок 2

Далі намалюйте інші п'ять шляхів по межам металевих форм. Обведіть їх тим же пензлем та встановіть Обведення на 2pt.

diana_lipstick_tut_24diana_lipstick_tut_24diana_lipstick_tut_24

Крок 3

З допомогою Еліпсу (L), намалюйте еліпс 50 х 177px та залийте його показаним радіальним градієнтом.  Встановіть Режим змішування на Екран, і ви отримаєте стриманий золотий рефлекс.

diana_lipstick_tut_25diana_lipstick_tut_25diana_lipstick_tut_25

10. Додамо тінь під помадою

Намалюйте еліпс у нижній частині основи та залийте його радіальним градієнтом від темно-сірого до білого. Відправте його на задній план, перейшовши в Об'єкт> Упорядкувати> На задній план. Встановіть Режим змішування на Множення та зменште Непрозорість до 50%.   

diana_lipstick_tut_26diana_lipstick_tut_26diana_lipstick_tut_26

11. Створимо ковпачок губної помади

Крок 1

За допомогою Прямокутника (M) та Еліпсу (L) намалюйте дві форми і розташуйте їх як на зображенні. Користуючись Частковим виділенням (A), виділіть тільки верхню вузлову точку еліпсу та натисніть Delete на клавіатурі. Тепер виберіть прямокутник та шлях і натисніть Розділити в панелі Обробка контурів. Натисніть Shift + Ctrl + G, щоб Розгрупувати отримані форми, а потім видаліть невелику форму унизу, тому що вона нам не потрібна.

diana_lipstick_tut_27diana_lipstick_tut_27diana_lipstick_tut_27

Крок 2

Намалюйте еліпс над формою, отриманою в попередньому кроці, та оберіть обидві форми, і натисніть кнопку Об’єднати на панелі Обробка контурів. Залийте отриману форму градієнтом, який використовувався для основи помади.

diana_lipstick_tut_28diana_lipstick_tut_28diana_lipstick_tut_28

12. Додамо рефлекси до ковпачка

Крок 1

Оберніть ковпачок на -90 градусів, а потім намалюйте еліпс зверху. Залийте його лінійним градієнтом від чорного до білого, а потім перейдіть в Ефект> Розмиття> Гаусове розмиття та застосуйте Радіус 5.6 px. Встановіть Режим змішування на Екран та знизьте Непрозорість до 65%.

Потім намалюйте маленький еліпс з правого боку та залийте його радіальним градієнтом від білого до чорного. Застосуйте 3px Гаусове розмиття, а потім змініть Режим змішування на Екран.

diana_lipstick_tut_29diana_lipstick_tut_29diana_lipstick_tut_29

Крок 2

Для того, щоб замаскувати ці дві форми, спершу Скопіюйте (Ctrl + C) та вставте попереду (Ctrl + F) ковпачок, та видаліть існуючу заливку градієнту. Відправте цю копію на передній план, потім оберіть обидві форми разом з копію та перейдіть в Об’єкт> Відсічна маска> Зробити.

diana_lipstick_tut_30diana_lipstick_tut_30diana_lipstick_tut_30

13. Додамо тінь під ковпачком

Крок 1

За допомогою Еліпсу (L), намалюйте два овали, з зазначеними розмірами, та розташуйте їх, як показано нижче. Надайте їм чорну заливку та зменште Непрозорість для більшого еліпса до 0%. З виділеними формами, переходимо в Об’єкт> Перехід> Параметри переходу та оберіть Задано кроків 50. Тепер поверніться до Об'єкт> Перехід та виберіть Зробити. Розташуйте тінь під ковпачком та відправте її назад.

diana_lipstick_tut_31diana_lipstick_tut_31diana_lipstick_tut_31

Крок 2

Тепер помада готова і виглядає як нижче:

diana_lipstick_tut_32diana_lipstick_tut_32diana_lipstick_tut_32

14. Створимо золоту помаду

Крок 1

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

diana_lipstick_tut_33diana_lipstick_tut_33diana_lipstick_tut_33

Крок 2

Ви також можете змінити колір помади. Я вибрала яскравий червоний колір. Замініть рожеві градієнти на показані нижче, а також змініть колір обведення невеличкого шляху між двома. Тепер золота помада готова.

diana_lipstick_tut_34diana_lipstick_tut_34diana_lipstick_tut_34

15. Створення інших версій за допомогою Регулювання балансу кольору

Крок 1

Існує ще один простий спосіб, за допомогою якого ви можете створювати інші версії губної помади. Я маю на увазі варіант Регулювання балансу кольору. Я вперше застосувала його, і я думаю, це чудово. По-перше, зробіть копію рожевої помади і виберіть усю основу, далі перейдіть до Редагування> Редагувати кольори> Налаштування колірного балансу. Виберіть Колірний режим RGB та потім перетягніть синій повзунок до 10%. Ви отримаєте червоний металевий вигляд, а також почервонілі відблиски на основі. Ви можете зберегти основу як зараз, і виділити лише металеві форми, якщо захочете. На цей раз, в вікні Налаштування колірного балансу перетягніть червоний повзунок до 10%, і ви отримаєте золотавий вигляд.

diana_lipstick_tut_35diana_lipstick_tut_35diana_lipstick_tut_35

Крок 2

Те саме можна зробити з губною помадою. Виберіть тільки дві рожеві форми та невеликий шлях між ними (без відблисків) потім перейдіть до Редагування> Редагувати кольори> Налаштування колірного балансу. Для яскраво-рожевого перетягніть зелений повзунок на -15%. Для яскраво-червоного кольору, вам необхідно поєднання зеленого і синього, отже, перетягніть повзунки, як показано та натисніть OK.  Легко, вірно?

diana_lipstick_tut_36diana_lipstick_tut_36diana_lipstick_tut_36

Неймовірно! Все готово!

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

Lipstick FinalLipstick FinalLipstick Final
One subscription.
Unlimited Downloads.
Get unlimited downloads