Створення ефектів в фотошопі - малюємо разом

Фарбування арту і створення світлових ефектів в фотошопі

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

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

І так давайте приступимо!

Етап 1. Створення контуру і нанесення основних кольорів і світлових ефектів.

1. Відскануйте свій ескіз і завантажте його в програму фотошопа.

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

Потім я створюю новий шар для створення контуру. При скануванні ескізу в 300 dpi (якщо необхідно великий розмір малюнка), я використовую кисть в 3px або 4px.

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

Так виглядає мій рівень організації перед початком фарбування:

Создание эффектов в фотошопе

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

Создание эффектов в фотошопе

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

Создание эффектов в фотошопе

А потім використовував м'яку кисть для передачі заходу.

Создание эффектов в фотошопе

Создание эффектов в фотошопе


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

Создание эффектов в фотошопе

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

Создание эффектов в фотошопе

3. Тепер я почну фарбування персонажа.

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

За допомогою інструмента " чарівна паличка (W), я вибираю область для заливки кольором. Потім переходжу в Select> Modify> Expand (Виділення > Модифікація > Розширити), щоб розширити виділену зону на кілька пікселів (2). Це необхідно для того, щоб колір трохи зайшов під контур малюнка і надалі не було ні яких не бажаних прогалин.

Создание эффектов в фотошопе

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

Для налаштування тону, особливо для освітлення, я використовую Image> Hue / Saturation (Зображення> Тон/Насиченість).

Создание эффектов в фотошопе

Так буде виглядати малюнок після нанесення всіх основних кольорів:

Создание эффектов в фотошопе


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

Создание эффектов в фотошопе

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

Создание эффектов в фотошопе


6. Так буде виглядати фінальне зображення після додавання основних тіней і свечений. Тепер воно готове для додавання дрібних деталей!

Создание эффектов в фотошопе

Етап 2. Деталізація і додавання дрібних деталей.

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

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

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

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

1. Деталізація волосся.

Вибираємо необхідну кисть. Я віддаю перевагу кисть невеликого розміру (9 px) з жорсткими краями.

Создание эффектов в фотошопе


Намічаємо ділянки на пасмах волосся, де буде тінь.

Создание эффектов в фотошопе


В деяких місцях трохи розмиваємо чіткі краї тіні, змішуючи з основним тоном волосся.

Создание эффектов в фотошопе


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

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

Создание эффектов в фотошопе

Создание эффектов в фотошопе


2. Деталізація бавовняної сорочки.

Нижче представлена анімація, на якій показано, як я працюю з пензлем для досягнення потрібного мазка.

Создание эффектов в фотошопе

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

Создание эффектов в фотошопе


3. Деталізація текстурної одяг (Светр).

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

Создание эффектов в фотошопе

Щоб показати великий обсяг текстури я додав невеликі моменти на краях цих матеріалів, у вигляді світлих відтінків.

Создание эффектов в фотошопе


Після завершення малювання плавного переходу світу на текстурі, я в буквальному сенсі цього слова, усіяв в різних місцях відблиски від світла.

Создание эффектов в фотошопе

Создание эффектов в фотошопе


Етап 3. Деталізація світла і заднього плану.

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


1. Магічне світло і світло.

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

Создание эффектов в фотошопе



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

Создание эффектов в фотошопе


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

Создание эффектов в фотошопе

2. Доробка фону.

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

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

Создание эффектов в фотошопе

Создание эффектов в фотошопе

Создание эффектов в фотошопе


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

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

Создание эффектов в фотошопе

3. Останній штрих.

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


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

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

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

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

Создание эффектов в фотошопе

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

Создание эффектов в фотошопе


Автор: Shilin

Переклад: Prescilla

Даний матеріал підготовлений для Вас командою сайту http://jak-namaljuvaty.pp.ua


Намалюй разом з нами таке
Додавання коментаря

Ім'я:*
Напівжирний Нахилений текст Підкреслений текст Перекреслений текст | Вирівнювання по лівому краю По центру Вирівнювання по правому краю | Вставка смайликів Вибір кольору | Прихований текст Вставка цитати Перетворити вибраний текст з транслітерації в кирилицю Вставка спойлера
Введіть код: *