Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Digital Painting
Design

Створимо цифровий портрет за допомогою Adobe Fuse і Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

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

Fuse - це в основному розширений редактор персонажів, в якому ви можете додавати і змінювати всі елементи тіла. після створення персонажа ви можете імпортувати його в Photoshop CC, де ви можете налаштувати позу і освітлення. Таким чином, ви отримаєте 80% своєї картини, перш ніж почати! У цьому уроці я покажу вам, як це зробити.

Відмова від відповідальності:

  • На даний момент Adobe Fuse все ще знаходиться на стадії розробки, і іноді це може бути досить складно.
  • Хоча вам не потрібна підписка на Creative Cloud для використання Fuse (потрібно тільки AdobeID), версії Photoshop нижче CC НЕ обробляють бібліотеки, необхідні для імпорту 3D-моделі з Fuse. Якщо у вас є Photoshop CS6, ви все одно можете використовувати цей підручник, але тільки після використання методу, описаного в цьому форумі Adobe.

1. Створіть обличчя в Adobe Fuse

Крок 1

Відкрийте Adobe Fuse.

adobe fuse interface

Крок 2

Виберіть голову, яка найбільше вам підходить.

adobe fuse pick head

Крок 3

Перейдіть на вкладку «Налаштування» (Customize).

adobe fuse customize tab

Крок 4

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

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

adobe fuse how to modify face bug

Крок 5

Якщо ви перейдете на вкладку «Текстура» (Texture), у вас буде можливість грати з кольорами. Будьте дуже обережні тут - таким чином легко створити неприродний ефект.

adobe fuse texture tab
adobe fuse skin color

Крок 6

Якщо ви закінчили з обличчям, поверніться на вкладку «Збірка» (Assemble) і додайте всі інші частини тіла. Це необхідно для продовження.

adobe fuse how to create head only

Крок 7

Коли ви закінчите, загориться вкладка «Одяг» (Clothing).

adobe fuse clothing tab
adobe fuse how to add hair
adobe fuse hair added

Крок 8

Перейдіть, щоб додати волосся. Після того, як ви вибрали зачіску, перейдіть на вкладку «Текстура» (Texture), щоб налаштувати кольори. Ви також повинні звернути увагу на Дозвіл текстури. Теоретично, чим більше, тим краще, але ми будемо працювати в 3D, і це споживає багато оперативної пам'яті. Переконайтеся, що у вас потужний комп'ютер, перш ніж виберете щось вище 512 x 512!

adobe fuse texture resolution

Крок 9

Якщо ви готові, перемістіть курсор у верхній правий кут інатисніть «Зберегти в бібліотеках CC» (Save to CC Libraries).

adobe fuse save to cc libraries

Надайте вашому файлу ім'я і виберіть бібліотеку для його збереження. Збереження може зайняти деякий час, в залежності від розміру використаних вами текстур.

adobe fuse save model

2. Підготуйте позу голови

Крок 1

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

photoshop new file resolution

Крок 2

Відкрийте Вікно> Бібліотеки (Window> Libraries) і завантажте обрану вами бібліотеку. Перетягніть персонаж на полотно.

photoshop import 3d character by libraries
photoshop 3d character from fuse

Крок 3

Відкрийте Вікно> 3D (Window> 3D) і виберіть Hair_Skeleton. Потім відкрийте «Вікно»> «Властивості» (Window> Properties) і натисніть значок маски.Тут ви можете вибрати вираз для свого персонажа.

photoshop 3d character expression

Крок 4

Ви також можете використати цю панель для регулювання положення голови і очей.

photoshop head eyes position

Крок 5

Використайте інструмент Crop Tool (C), щоб обмежити полотно до голови і плечей.

photoshop crop 3d model

Крок 6

Використовуйте Move Tool (V), щоб повернути модель і створити позу, в яку ви потребуєте.

Підказка: якщо ви отримали повідомлення про недостатньо пам'яті, спробуйте Edit> Purge> All, щоб звільнити її трохи.

photoshop how to rotate 3d model not enough ram
photoshop 3d mdoel rotated

Крок 7

Знову використовуйте інструмент Crop Tool (C), на цей створивши остаточний малюнок.

photoshop porttrait frame 3d

3. Встановіть світло

Крок 1

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

Перейдіть на 3D панель і виберіть «Середа» (Environment).

photoshop 3d panel environment

На панелі «Властивості» (Properties) відключіть IBL.

photoshop how to turn off ambient light

Крок 2

Виберіть «Нескінченне світло» (InfiniteLight) - тепер це єдине світло на зображенні.

photoshop how to edit light

Використовуйте інструмент Переміщення (V) (Move Tool (V)),щоб правильно встановити світло. Це неймовірно просто, особливо в порівнянні ззатінюванням з фантазії!

photoshop how to set lighting

Крок 3

На панелі «Властивості» (Properties) ви можете налаштувати інтенсивність і м'якість світла. Ви побачите зміни в реальному часу, тому не соромтеся експериментувати, поки не знайдете кращий результат.

photoshop how to create soft shadows

Крок 4

У трьохточкову освітленні нам потрібні три джерела світла. Попереднє було назване ключовим світлом, і його мета - виявити форму обличчя.

Давайте додамо ще одне джерело світла. натисніть значок світлової лампи і виберіть (New Infinite Light).

photoshop new light

Крок 5

Створіть другий слабше світло (New Infinite Light), як світло, що заповнює тіні, створені ключовим світлом.

photoshop fill light
photoshop fill light properties

Крок 6

Нарешті, додайте третє світло (New Infinite Light), як світло обідка, щоб створити різкий контур обличчя з одного боку. Це джерело світла повинне бути розташоване ззаду.

photoshop rim light
photoshop rim light properties

Крок 7

Проблема тут в тому, що те, що ви бачите, є «спрощеною» версією остаточної моделі. Щоб повністю побачити освітлення,вам потрібно зробити знімок, але на це потрібен час. Щоб уникнути несподіванки після витраченого даремно часу, час від часу виконуйте візуалізацію, щоб встановити ідеальне освітлення.

Щоб зробити це, використовуйте Rectangular MarqueTool (M), щоб вибрати розділ зображення.

photoshop how to perform test render

Натисніть Render на панелі 3D.

photoshop how to render 3d

Почекайте трохи, поки секція не отримає хоча б трохи візуалізації. Оцініть ефект, визначитеся, що ви хочете змінити, а потім натисніть Esc, щоб перервати процедуру і скасувати (Control-Z).

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

photoshop test render effect

Крок 8

Коли ви впевнені, що все виглядає нормально, ви можете почати рендеринг зображення насправді. Виберіть все(Control-A) і натисніть Render. Залежно від дозволу зображення і текстур це може зайняти від декількох хвилин до декількох годин. Однак вам не потрібно чекати остаточного ефекту - якщо вам подобається те, що ви бачите, ви можете зупинитися і продовжити роботу з ним.

photoshop full render

Крок 9

Збережіть файл як новий файл (Control-Shift-S), щоб створити копію, якщо щось піде не так. Потім правою кнопкою миші 3D-шар і виберіть Rasterize 3D, щоб створити плоске зображення моделі.

photoshop how to rasterize 3d layer

4. Зробіть обличчя більш реалістичним

Крок 1

Наш портрет виглядає досить красиво, але у нього все ще є відчуття «3D-моделі». Щоб зменшити його, нам доведеться використати кілька мальовничих трюків.

По-перше, ми повинні переконатися, що зображення має правильне вирішення. Ширина щонайменше 2000 px є обов'язковою, чим більше, тим краще. Використовуйте меню Image> Image Size, щоб переконатися в цьому.

Використовуйте Paint Bucket Tool (G), щоб заповнити фон 50% сірого.

photoshop portrait paintign resolution

Крок 2

Застосуйте м'який пензль, щоб додати деякий градієнт до фону.

Підказка: ви можете використовувати ті ж пензлі, що і я. Просто завантажте додаток з «Як створити і застовувати набір пензлів для цифрового живопису в Adobe Photoshop».

photoshop portrait background

Крок 3

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

Знайдіть фотореференси, які найкращим чином відповідають вашій ідеї. Я вирішила використати:

Ви можете завантажити обидва рефренси в обраному вами дозволі на Envato Market. Ви також можете скористатися цим сайт для пошуку більш конкретних референсів, наприклад, для губ або очей.

where to find photo references for digital painting

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

photoshop how to use photo references to paint a portrait

Крок 4

Почнемо з волосся, тому що на даний момент воно більше схоже на шолом.

Скористайтеся інструментом Eyedropper Tool (I), щоб забрати темний відтінок з референсу на волосся і намалюйте деякі волосинки за допомогою пензлю «деталі ескізу» (Sketch Detail)(Або будь-яким пензлем зі змінним потоком).

photoshop how to paint hair

Крок 5

Використовуйте дуже тонкі штрихи, щоб намалювати окремі волосинки тут і там. Так волосся буде виглядати світлішим.

Не додавайте ніяких деталей. Просто зробіть його більш мальовничим.

photoshop how to paint hair quickly

Крок 6

Далі - шкіра. Давайте змінимо свій відтінок на відтінок шкіри з нашого прикладу.

Дублюйте (Control-J) шар портрету і закріпіть його (Control-Alt-G) оригіналом. Потім перейдіть в Filter> Filter Gallery і виберіть Artistic>Cutout. Грайте з варіантами щоб створити ефект, аналогічний до наведеного нижче.

photoshop how to reduce shades
photoshop skin shades reduced

Крок 7

Дублюйте також приклад шкіри, та перейдіть в Filter> LastFilter, щоб застосувати до неї той же ефект.

photoshop how to see more skin shades

Крок 8

Виберіть портретний шар («відфільтрований») і оберіть (Select> Color Range). Виберіть найяскравіший відтінок і поекспериментуйте з Fuzziness, щоб зробити його максимально точним. Натисніть ОК.

photoshop how to select single skin shade

Крок 9

Необхідно створити добірку. Використовуючи інструмент Eyedropper Tool (I) виберіть самий яскравий відтінок з  фотографії.

photoshop how to pick a single skin shade

Крок 10

Створіть Новий шар, закріпіть його (Control-Alt-G) і застосуйте інструмент Paint Bucket Tool (G), щоб заповнити область цим відтінком.

photoshop how to change one shade of the skin

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

photoshop how to change skin color

Крок 11

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

Знайдіть інструмент BrushTool на панелі Інструменти Tools. Натисніть його і утримуйте протягом секунди, щоб відкрити список. Виберіть інструмент Mixer Brush Tool. потім відкрийте меню і Reset Tool.

photoshop mixer brush tool blending

Крок 12

Клацніть правою кнопкою миші, щоб відкрити палітру кистей і виберіть Rough Round Bristle.

photoshop brush for blending

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

photoshop how to blend skin shading
photoshop skin blended

5. Додамо деталі до обличчя

Крок 1

Злегка зніміть Непрозорість шару, щоб змішати його з оригіналом. Потім застосуйте Маску шару, щоб відкрити губи. Ви можете дізнатися,як це зробити тут: Quick Tip: Layer Mask vs. Eraser Tool в Adobe Photoshop.

photoshop skin color

Крок 2

Застосуйте пензль Texture Sketch або будь-який злегка текстурований пензль, щоб намалювати губи. Використовуйте Eyedropper Tool (I), щоб вибрати колір з області, яку ви хочете намалювати. Приклад з фото може бути тут дуже корисним! Якщо ви не хочете його використовувати, ви можете дізнатися більше про губи в уроці «Вчимося малювати красиві реалістичні губи» в Adobe Photoshop.

photoshop how to paint realistic lips

Крок 3

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

photoshop how to paint eyelashes eyelids

Крок 4

Очі, як правило, виглядають неживими, коли ми дивимося на 3D-модель. Потрібно багато попрацювати, перш ніж вони почнуть виглядати більш природними!

Створіть Новий шар і закріпіть його. Візьміть темно-червоний колір і намалюйте очні яблука за допомогою текстурированого пензлю.

photoshop how to paint eyes digitally

Крок 5

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

photoshop how to paint eyes realism

Крок 6

Застосуйте темний, менш насичений червоний (коричневий),щоб намалювати тіні.

photoshop how to shade eyes

Крок 7

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

photoshop how to paint light in eyes

Крок 8

Використайте текстурований пензль, щоб додати більше деталей в райдужну оболонку.

photoshop how to paint iris

Крок 9

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

photoshop how to paint reflection in the eyes

Крок 10

Візьміть білий і намалюйте трохи в кутку одного з відображень.

photoshop how to paint shiny reflection in the eyes

Крок 11

Нарешті, використайте маску шару LayerMask, щоб виявити тінь вій.

photoshop how to paint realistic eyes digitally
photoshop realistic digital eyes

6. Додамо останні штрихи

Крок 1

Найбільшим недоліком 3D-рендеринга Photoshop є відсутність підповерхевого розсіювання. Наша шкіра злегка напівпрозора, тому світло може проходити крізь неї і висвітлювати її зсередини. Ось чому тінь на нашому обличчі дає червонуватий відтінок.

Давайте зимімітуємо цей ефект. Створіть новий шар і закріпіть його. Змініть Blend Mode на Overlay. Візьміть червоний оранжевий і використайте м'який пензль, щоб помалювати над термінатором (кордон між світлом і тінню).

photoshop why subsurface scattering so important

Крок 2

Малюйте м'яко на затіненій стороні лінії.

photoshop how to paint subsurface scattering

Крок 3

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

photoshop how to make effect subtler

Використовуйте її скрізь, де тіні здаються занадто «холодними» або сірими.

photoshop how to make face more alive

Крок 4

Наша 3D-модель мала пори на шкірі, але ми видалили їх при зміні кольору шкіри. Давайте виправимо це зараз!

Створіть Новий шар і закріпіть його. Залийте його чорним. Потім перейдіть в Filter> Noise> Add Noise. Виберіть кількість Amount, необхідну для видимості білих точок.

photoshop how to add skin pores

Крок 5

Двічі клацніть шар, щоб відкрити панель Styles. Змініть Blend If, щоб побачити шум тільки в освітленій області (ви можете дізнатися, як він працює тут: Quick Tip: Magicof Photos Blend If). Потім зменшіть непрозорість заливки до 0.

photoshop how to remove black from texture

Перевірте Bevel & Emboss з Контуром. Потім попрацюйте з налаштуваннями для досягнення ефекту, аналогічного до наведеного нижче.

photoshop how to create 3d pores
photoshop how to make skin less even

Крок 6

Як тільки ви завершите, ви можете працювати з Непрозорістю, щоб зробити ефект більш ніжним. Ви також можете додати ще один шар шуму і змінити його Режим змішування Blend Mode на Overlay, щоб додати трохи зернистості в тіні.

photoshop skin pores effect

Крок 7

Створіть ще один шар шуму, на цей раз над волоссям. Змініть Режим змішування Blend Mode на Screen. Застосуйте інструмент Free Transform (Control-T), щоб збільшити кількість точок.

photoshop how to make hair shine

Крок 8

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

photoshop natural hair effect

Крок 9

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

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

photoshop digital portrait from scratch

Дуже гарно!

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

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

Final Image
Advertisement
Advertisement
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.