Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Illustration
Design

Як малювати і малювати зоряний єдинорога портрет в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Єдинороги? Зовнішній простір? Чому не обидва! У цьому навчальному посібнику з Adobe Photoshop ми об'єднаємо фантастичні елементи в потойбічний портрет.

Перш ніж розпочати, потрібно мати базові знання щодо Adobe Photoshop, наприклад, використовувати основні інструменти, працювати з шарами та створювати нові документи. Ми повністю працюємо в Photoshop, починаючи з кінця.

Шукаєте ресурси Photoshop? Чому б не перейти на GraphicRiver для Photoshop Brushes та багато іншого!

1. Як почати початковий ескіз

Крок 1

Почнемо з створення нового документа. Я вирішив працювати з документом розміром в 11 дюймів завбільшки на 14 дюймів заввишки, з роздільною здатністю 300 точок на дюйм.

Example of New Document window

Крок 2

Створіть початковий ескіз на новому шарі, це можна зробити, натиснувши значок "Створити новий шар" на панелі "Шари".

Example of Initial Sketch on New Layer

Крок 3

Мені подобається малювати за допомогою твердої округлої щітки, коли фільтр "Прозорість" і "Дріт потоку" налаштовано на тиск ручки. Це означає, що сума тиску, яку я розміщую на моїй перо, вплине на непрозорість та потік моїх пензлів.

Brush Panel demonstrating Opacity Jitter and Flow Jitter

Крок 4

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

Lowering the Opacity on the Initial Sketch while drawing on top

2. Як додати початкові кольори

Крок 1

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

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

Utilizing Clipping Masks and Blending Modes when applying color

Крок 2

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

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

Потім створіть нові шари та встановіть їх як маски для обрізки. Для цього клацніть правою кнопкою миші на Layer та оберіть Clipping Mask.

Чому обрізати маски? Ну, ви помітите, що ви не зможете колірувати поза основним кольором, який ми додали тут. Це означає, що не турбуючись про забарвлення поза межами цієї визначеної форми.

Example of multiple clipping masks when applying color

Крок 3

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

Спочатку виберіть шар, що містить колір у верхній частині волосся. Потім виберіть «Зображення»> «Коригування»> «Відтінок / Насиченість». Відкриється вікно Hue / Saturation.

Переконайтеся, що попередній перегляд ввімкнено. Потім налаштуйте три значення-Hue, Saturation та Lightness-для експерименту з кольором цієї частини ілюстрації. Особисто я вважаю, що це швидкий спосіб попереднього перегляду різних кольорів та цінностей, щоб побачити те, що мені, можливо, найбільше подобається!

Example of Hue and Saturation adjustment

Крок 4

Коли я задоволений своїми виборами, я, як правило, вирівнюю свої шаблони творів мистецтва (все одно залишаючи незалежний фон).

Додамо колір фону за допомогою інструмента Paint Bucket. Я вибрав темний, прохолодний колір, тому що я хотів би встановити цей персонаж проти темного неба. Застосувати цей колір до фонового рівня.

Flattened artwork with background color changed

Крок 5

Однак, я думаю, що мої кольорові варіанти тут можуть мати сильніші відносини до мого фонового кольору. Тому я хочу використовувати Blending Modes, щоб зробити ці кольори трохи прохолоднішими.

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

Установіть цей режим накладання шарів на Linear Dodge (Додайте), щоб додати кольори нашої роботи. Я знизив непрозорість цього шару до 75%, щоб зробити його менш інтенсивним.

Перевірте різницю для себе!

Example of artwork with and without Linear Dodge Add applied

Крок 6

Before we start rendering the character, let's put down some initial values. At this step, I like to think about where my light source is and how it might affect the subject.

У цьому випадку я хотів, щоб світло опинилося перед лицем персонажа.

Створіть новий шар і встановіть його як маску для обрізки. Режим накладання потрібно встановити на множення. Потім, використовуючи як тверду круглу щітку, так і м'яку круглу щітку, забарвлюйте за допомогою світло-фіолетового кольору.

Example of initial values

3. Як створити фон

Крок 1

Почнемо працювати на нашому фоні. Спочатку створіть новий шар між ілюстрацією та фоновими шарами. Тут ми збираємося малювати наші зірки.

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

Dots placed on a new layer above the background

Крок 2

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

Потім, щоб зробити зірки більш барвистими, я створив над ними новий шар. Зробіть цей новий шар маскою для обрізки.

Використовуйте м'яку круглу щітку, щоб додати різноманітні кольори до зірок. Я вибрав насичені рожеві і жовті кольори, посипаючи різноманітність кольорів навколо неба.

Adding Blur and extra color to the stars

Крок 3

Додамо додаткові кольори до неба, в цілому.

Створіть новий шар над зірками та встановіть режим накладання на Soft Light. За допомогою м'якої круглої щітки додайте смужку світло-рожевого кольору до неба. Будьте обережні, щоб вигляд лінії не був "надто досконалим".

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

Example of added colors in the sky area

Крок 4

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

Переконайтеся, що передній план і фоновий колір налаштовано чорно-білим кольором. Потім, вибравши свій новий шар, застосуйте Cloud Filter, перейшовши в розділ Фільтри> Хмара.

Це призведе до димного хмари, як показано нижче.

Example of the Cloud Filter

Крок 5

Візьміть шар, де застосовано Cloud Filter, і вимкніть режим Blending Mode на Color Dodge. Ви помітите, що зараз цей димний шаблон додає хмарно-подібного ефекту для нашого неба.

Крім того, я хотів відмовитися від деяких із зірок. На новому шарі, над зірками, я взяв м'яку круглу щітку і додав трохи темніші значення. Зараз деякі з зірок, особливо навколо краї композиції, виглядають більш забарвленими на задній план.

Applying a new Blending Mode to the Cloud Filter applied

Крок 6

Оскільки джерело світла знаходиться на очах персонажа, я думав, що це буде цікаво, якщо додати зірку тут як цікаву точку.

Використовуйте м'яку круглу щітку для створення кривої лінії в районі неба. Потім, використовуйте м'яку круглу еластику, щоб пом'якшити краї і зробити його зникати на тлі, навколо області хвіст.

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

Creating the shooting star

4. Як малювати символ

Крок 1

Коли справа доходить до живопису персонажа, мій процес дуже багато стосується живопису на вершині моєї роботи за допомогою змінної непрозорості та потоку. Пам'ятайте, що непрозорість відноситься до обсягу прозорості, а Flow - скільки "фарби" виходить.

Коли справа доходить до живопису персонажа, мій процес дуже багато стосується живопису на вершині моєї роботи за допомогою зміни непрозорості та потоку. Пам'ятайте, що непрозорість відноситься до обсягу прозорості, а Flow - скільки "фарби" виходить.

Demonstrating Opacity and Flow in the Options Panel

Крок 2

Давайте продемонструємо ці поняття у волоссі.

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

Коли малюєш волосся, я люблю мати на увазі, як воно рухається, тече і падає. Я б рекомендував зробити ваші лінії цілеспрямовано-хаотичні лінії не будуть виглядати природними.

Example of painting on top of artwork in a new layer

Крок 3

Для найяскравіших моментів мені подобається створювати новий шар і встановити режим накладання на Color Dodge. Використовуючи світло-рожевий колір, я застосував колір у загальній площі, відповідній джерела світла, з м'якою круглою щіткою.

Потім я продовжував, як ми робили на попередньому кроці - створіть новий шар і малюємо зверху. У цьому випадку мені подобається використовувати інструмент "Піпетка", щоб підібрати світлі кольори, створені за допомогою Color Dodge. Then I can pull and push these different values in a way that naturally flows with the hair.

Example of using Color Dodge to create and develop highlights

Крок 4

When it comes to the face, I often like to stick to a Soft Round Brush.

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

Using a Soft Round Brush to render the face

Крок 5

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

Коли справа доходить до одягу та складок, я більше схиляюся до жорсткої щітки. Потім, щоб змішувати, я повертаюся до м'якої круглої щітки. Я перемикаюсь між двома, в моєму процесі!

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

Preview of rendering the character

Крок 6

Давайте додамо деякі додаткові значення тут, особливо в місцях, які можуть отримати користь від додаткових тіней. Створіть новий шар із режимом накладання, встановленим для множення.

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

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

Adding additional values to the illustration

5. Як додати обробку

Крок 1

Ми поки що не зроблені з цінностями! Рогам-одиночкам і вішаючої зірки потрібна деяка очистка та деякі цінності.

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

Я використав тверду круглу щітку на зірці та рогах. Пам'ятайте, що для пом'якшення країв ви можете використовувати м'яку круглу щітку та / або м'яку круглу гумку.

Adding values to the unicorn horns and star areas

Крок 2

Я дійсно хочу, щоб тут світло на обличчі героя було драматичним, так що давайте додамо ще більше цінностей!

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

Adding additional dark values on the dark side of the character

Крок 3

У цьому пункті я згладив мої художні шари (за винятком зірки зйомки та тла шарів).

Давайте додамо деяке світло, засноване на зйомці зірки.

Створіть новий шар поверх твоєї ілюстрації і встановіть режим накладання на Color Dodge. Зробіть цей шар маскою для обрізки. Виберіть жовтий колір (я рекомендую скористатися інструментом "Піпетка", щоб вибрати колір на основі зйомки зірки) та нанесіть світло за допомогою м'якої круглої щітки.

Потім я увійшов з Hard Round Eraser і очистив якихось зайвого жовтого кольору навколо моїх ліній (тому що я хотів, щоб вони залишалися трохи темнішими).

Adding light to the character inspired by the shooting star

Крок 4

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

Для цього, після Скошування моїх шарів шарів, я створив новий шар. І все-таки, я використав маску для обрізки тут. Установіть режим накладання на Екран і нанесіть синій колір м'якою круглою щіткою.

Цей процес дуже схожий на попередній, тільки з іншим режимом накладання (Екран).

Adding in blue reflected light

Крок 5

Для маленьких деталей, таких як висвітлення рога з єдинорогами, я рекомендую м'яку круглу щітку. Не забудьте зберегти своє джерело світла!

Я також додав тут жовту лінію, з'єднуючи рог із зіркою. Я намалював тверду круглу щітку, а також маленькі крапки в середині рядка.

Adding in final refinements

Крок 6

Я також хотів випробувати м'яку, рожеву тінь для тіней.

Для цього створіть новий шар і встановіть режим накладання на екран. Я застосував колір за допомогою щільної круглої щітки, а потім використовував м'яку круглу еластику, щоб зникнути в тон шкіри.

Adding in pink eyeshadow

Крок 7

Нарешті, давайте додамо деякі варіанти до волосся - де-небудь безладу тут і там, а також деякі додаткові удари в спині, де блакитне світло потрапляє в голову.

Я зробив це, використовуючи тверду круглу щітку на новому шарі.

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

Finishing touches in the hair area

Чудова робота!

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

Щасливе створення!

Final illustration
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.