Приєднайтеся до EU.LuckyTemplates, щоб дізнатися , як перетворити звичайні фотографії на привабливі ілюстрації за допомогою ефектів освітлення та корекції кольору в Adobe Photoshop CS6 , включаючи багатошарові файли PSD.
Почніть із створення нового документа ( Ctrl+N ) у Adobe Photoshop CS6 із розмірами 1000 x 1500 пікселів (кольоровий режим RGB) із роздільною здатністю 72 пікселя/дюйм . Використовуйте інструмент Paint Bucket (G) , щоб заповнити новий фоновий шар кольором #030221 .

Знайдіть фотографії в архіві. У статті вибрано фотографію танцівниці, яка позує в студії, взяту з Shutterstock.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Зітріть фон за допомогою ваших улюблених інструментів, таких як Pen Tool (P) , Magic Wand Tool (W) , Magnetic Lasso (L) , навіть простим Filter > Extract і вставте його в новий шар в основному документі.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Тепер ми створимо шар під зображенням танцюриста. Клацніть інструмент «Пензель» (B) і виберіть тонкий пензель кольору #65b0c9 , встановіть Непрозорість на 40% на панелі параметрів, а потім залийте колір фону, як показано нижче. Встановіть режим накладання для цього шару на Linear Dodge .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Далі відкрийте новий шар і застосуйте той самий стиль пензля того ж кольору, щоб заповнити фон. Встановіть режим змішування для цього шару на Color Dodge .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Відкрийте Adobe Illustrator і створіть новий файл розміром 1000 x 1500 пікселів. Потім намалюйте синій прямокутник за допомогою Rectangle Tool (M) .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Використовуючи інструмент «Еліпс» , стаття намалює два еліпси.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Більший еліпс матиме обведення -1pt , менший матиме -3pt .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Великий еліпс можна відкоригувати за допомогою інструмента «Перетворення опорної точки» ( Shift+C ), як показано на наступному зображенні.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Виділіть обидва еліпси інструментом виділення (V) . Натисніть кнопку Shift .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Застосуйте наступне виділення до вибраних еліпсів: Об’єкт > Переливання > Параметри накладання . Встановіть для параметра Specified steps значення 20 .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Натисніть наступну комбінацію клавіш Ctrl+Alt+B , і ви матимете 20 проміжних компонентів, як показано нижче.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Скористайтеся тими самими методами, наведеними вище, щоб намалювати коло, з меншою кількістю проміжних копій усередині, лише 10 визначених кроків .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Використовуючи інструмент «Відрізок лінії» , створіть 3 лінії, позначені червоним кольором, з обведенням — 3 пункти та визначеними кроками — 25 . У вас буде наступне зображення:
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Виберіть інструмент Прямокутник (M) .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Тепер намалюйте дві паралельні фігури за допомогою вказаних кроків – 12 .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
У нас буде фігура, що складається з трикутників, використовуючи інструмент виділення (V) і натискаючи Ctrl+C , щоб скопіювати ці лінії. Відкрийте Adobe Photoshop і клацніть файл > натисніть Ctrl+V , щоб вставити як смарт-об’єкт рядки в основний документ. Встановіть режим змішування для цього шару на М'яке світло . Скопіюйте цей шар за допомогою Ctrl+J і переверніть копію горизонтально за допомогою команди «Вільне трансформування» (Ctrl+T) . Розмістіть цей шар під шаром фотографії танцівниці, ви отримаєте наступний результат:
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Тепер створіть копію одного зі створених шарів і виберіть Вільне трансформування (Ctrl+T), щоб отримати результат, як показано нижче:
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Виберіть інструмент «Гумка» (E) і згладьте краї останнього створеного шару.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Розміщений під іншим шаром обробляє його спочатку таким же чином.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Об’єднайте всі шари, що містять лінії, в одну групу (натисніть кнопку Ctrl , щоб вибрати необхідні шари, і, утримуючи ліву кнопку миші, перетягніть вибрані шари на значок «Створити нову групу» в нижній частині панелі «Шари »).
Використовуйте векторну маску для цієї нової групи та виберіть інструмент Пензель (B), щоб приховати лінії на накладенні таким же чином, і ми матимемо таке зображення:
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Додайте кілька рядків угорі, як показано нижче:
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Створіть новий шар і виберіть м'яку круглу кисть білого кольору. Щоб створити ефект блиску, встановіть значення Flow на 20% на панелі параметрів. Встановіть Overlay для цього шару в режимі змішування .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Створіть ще один новий шар і додайте кілька штрихів, як показано нижче, використовуючи той самий стиль пензля. Встановіть Normal для цього шару в режимі змішування .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Скористайтеся пензлем на новому шарі та додайте ефект фіолетового світіння (код кольору #9265C9 ).
![Як створити цифрові ілюстр��ції в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Створіть новий шар і застосуйте той самий стиль і колір пензля, що й вище, але цього разу створіть більший ефект світіння по краях, як показано нижче. Встановіть М'яке світло для цього шару в режимі змішування.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Поверніться до Illustrator, виділіть кола та натисніть Ctrl+C . Поверніться до Adobe Photoshop і натисніть Ctrl+V, щоб вставити як смарт-об’єкт . Встановіть Hard Light для режиму змішування.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Потім зробіть копію цього великого кола:
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Сховайте його з країв за допомогою інструмента «Гумка» .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Вставте прямокутники, створені в Illustrator, спотворивши їх подібним чином, як показано нижче, за допомогою команди «Вільне трансформування» ( Ctrl+T ).
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Сховайте його за допомогою інструмента «Гумка» .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Натисніть піктограму «Додати стиль шару» в нижній частині панелі « Шари» та виберіть «Зовнішнє світіння» .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Прямокутний шар буде яскравим:
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Скопіюйте цей шар і перемістіть його в горизонтальне положення.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Тепер створіть тінь на новому шарі за допомогою м’якої круглої кисті з ефектом Flow – 10% і вставте люмінесцентний шар на область плечей моделі.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Створіть новий шар, за допомогою інструмента Paint Bucket Tool (G) заповніть шар кольором #5F2D50 . Встановіть Fill на 60% для цього шару та змініть колір на Blending Mode .
Утримуйте клавішу Alt (Windows) або Option (MacOS) і клацніть між новим шаром із кольором і шаром із візерунком на панелі «Шари» , щоб створити відсічну маску . Колір буде застосовано лише до шару зразка.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Натисніть «Створити нову заливку або коригувальний шар» під панеллю «Шари» > натисніть «Криві» , щоб трохи змінити колір кривої.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Оригінальний шар шаблону буде більш контрастним після цієї зміни, що призведе до:
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Тепер ми повинні зробити нижню частину ніг моделі темнішою, створивши новий шар і поєднавши його з моделлю. Використовуйте м'яку круглу щітку з Flow - 10% і чорним кольором. Розгладьте ноги моделі до області колін.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Повторіть вищевказані кроки, але цього разу виберіть синій колір #4164AA та налаштуйте відтінок волосся, рук і стегон моделі.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Тепер створіть ефект освітлення, відкривши новий шар і поєднавши його з візерунком. Виберіть його за допомогою білого пензля та освітліть контури, як показано нижче.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Створіть новий шар і заповніть його кольором #61BFBB . Встановіть Fill на 80% для цього шару та змініть режим змішування на Soft Light .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Створіть шар і заповніть його кольором #ff6b00 . Встановіть Fill на 14% для цього шару та змініть режим змішування на Color .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Створіть новий шар, за допомогою Soft Round зафарбуйте краї полотна чорним кольором, Flow - 10% .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Клацніть «Створити нову заливку або коригувальний шар» у нижній частині панелі «Шари» та клацніть « Криві », щоб налаштувати форму кривої, як показано нижче, для невеликої корекції кольору. Додайте накладення (маску) на цей шар і натисніть Ctrl+I , щоб інвертувати колір накладання.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Тепер виберіть білу кисть і заповніть маску коригувального шару кольором. На цьому етапі ми намалюємо область голови, верхній лівий край і нижній правий край матимуть такий контрастний ефект:
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Далі скористайтеся спеціальним пензлем, виберіть Hard Round , перейдіть на панель Brushes (F5), виберіть Brush Tip Shape . Натисніть і перетягніть будь-який повзунок, щоб змінити розмір і інтервал . У вікні попереднього перегляду відображаються змінені мазки пензля.
Перейдіть до Shape Dynamics і скористайтеся такими налаштуваннями:
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Застосувати передачу :
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Використовуйте спеціальний пензель, щоб намалювати кола в режимі малювання від руки ( потік пензля - 80% ) на новому шарі. Встановіть режим накладання для цього шару на Перекриття .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Створіть новий шар і виберіть м’яку круглу кисть із розливом – 30% для яскравішої виділеної області. Встановіть Overlay для режиму змішування цього шару.
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Клацніть «Створити нову заливку або коригувальний шар» під панеллю «Шари» та клацніть «Експозиція» , щоб налаштувати колір, виконавши обчислення в лінійному просторі кольорів. Встановіть наступні значення для Exposure , Offset і Gamma .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Натисніть Ctrl+Shift+E , щоб об’єднати всі шари в один . Використовуйте цей шар для наступного фільтра: Filter > Sharpen > Unsharp Mask .
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()
Готово. Сподіваюся, ця стаття буде для вас корисною!
![Як створити цифрові ілюстрації в Adobe Photoshop CS6 Як створити цифрові ілюстрації в Adobe Photoshop CS6]()