Advertisement
  1. Design & Illustration
  2. Photoshop Actions
Design

Як Створити Олівцевий Малюнок в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

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

Action final results

Що вам знадобиться

Для створення даного ефекту, вам знадобиться наступний знімок:

1. Давайте Приступимо!

Спочатку відкрийте вихідну фотографію, з якою ви будете працювати. Щоб відкрити фотографію, йдемо Файл - Відкрити (File>Open) і у вікні, виберіть потрібну фотографію, а потім натисніть кнопку Відкрити (Open). Тепер, перед тим, як ми приступимо, просто уточніть пару моментів:

  1. Ваша вихідна фотографія повинна бути в колірний режим (Color mode) RGB, 8 біт / канал (Bits/Channel).  Щоб перевірити це, йдемо Зображення - Режим (Image>Mode).
  2. Для досягнення найкращих результатів, ваша фотографія повинна мати такі розміри в межах 1500-4000px по ширині/висоті (wide/high). Щоб перевірити розміри зображення, йдемо Зображення - Розмір зображення (Image>Image Size).
  3. Ваша вихідна фотографія повинна бути шаром заднього фону. Якщо вона не є такою, тоді йдемо Шар-Новий-Задній фон з шару (Layer>New>Background from Layer). Примітка перекладача: шар з вихідною фотографією повинен бути з замочком і представляти задній фон.
  4. Щоб провести невелику авто-корекцію тональності, контрастності і кольору вашої вихідної фотографії, йдемо Зображення - Автотон (Image>Auto Tone), Зображення - Автоконтраст (Image>Auto Contrast), а потім йдемо Зображення - Автоматичний колір (Image>Auto Color) .

Checking image size mode and making auto corrections

2. Створюємо Задній Фон

Для заднього фону ми застосуємо шар-заливку кольором. Для цього йдемо Шар - Новий шар заливки - Колір (Layer>New Fill Layer>Solid Color), щоб створити новий шар-заливку. Назвіть цей шар Колір Заднього фону (Background Color).

Creating new solid color fill layer

3. Створюємо Базовий Малюнок

Крок 1

Тепер ми створимо базовий малюнок. Перебуваючи на шарі з Заднім тлом (Background layer), йдемо Шар - Новий - Скопіювати на новий шар (Layer>New>Layer Via Copy), щоб продублювати шар Заднім тлом (Background layer), а потім проведіть дублікат шару наверх, розташувавши поверх всіх інших верств в палітрі шарів. Натисніть 'D', щоб виставити кольору за замовчуванням, а потім йдемо Фільтр - Галерея фільтрів - Ескіз - Ксерокопія (Filter>Filter Gallery>Sketch>Photocopy), а потім у вікні налаштувань даного фільтра, встановіть настройки, які вказані на скріншоті нижче :

Adding the sketch photocopy filter

Крок 2

Назвіть цей шар Базовий начерк (Base Sketch), а потім поміняйте режим накладення для даного шару на Множення (Multiply).

Renaming layer to Base Sketch and changing its blending mode

4. Створюємо Чернової Малюнок

Крок 1

Тепер ми створимо чорновий начерк. Отже, йдемо Шар - Новий - Скопіювати на новий шар (Layer>New>Layer Via Copy), щоб продублювати шар Базовий начерк (Base Sketch). Виберіть інструмент Лассо (Lasso Tool (L), клацніть правою кнопкою миші де-небудь в межах полотна і в меню, що з'явилося, виберіть опцію Вільне трансформування (Free Transform). Збільште ширину (width) і висоту (height) до 105%, як показано на скріншоті нижче:

Transforming draft sketch layer

Крок 2

Назвіть цей шар Великий Чернової Нарис (Large Draft Sketch), а потім зменшіть Непрозорість (Opacity) даного шару до 14%.

Renaming layer to Large Draft Sketch and changing its opacity

Крок 3

Перейдіть на шар Базовий начерк (Base Sketch), а потім йдемо Шар - Новий - Скопіювати на новий шар (Layer>New>Layer Via Copy), щоб ще раз продублювати шар Базовий начерк (Base Sketch). Виберіть інструмент Лассо (Lasso Tool (L), клацніть правою кнопкою миші де-небудь в межах полотна і в меню, що з'явилося, виберіть опцію Вільне трансформування (Free Transform). Зменшіть ширину (width) і висоту (height) до 95%, як показано на скріншоті нижче:

Transforming draft sketch layer

Крок 4

Назвіть цей дублікат шару Малий Чернової Нарис (Small Draft Sketch), а потім зменшіть Непрозорість (Opacity) даного шару до 14%.

Renaming layer to Small Draft Sketch and changing its opacity

5. Створюємо Грубий Малюнок

Крок 1

Тепер ми створимо грубий начерк. Перейдіть на шар з Заднім тлом (Background), а потім йдемо Шар - Новий - Скопіювати на новий шар (Layer>New>Layer Via Copy), щоб ще раз продублювати шар Задній фон (Background), далі перемістіть даний дублікат шару наверх, розташувавши поверх всіх інших шарів в палітрі шарів. Тепер йдемо Фільтр - Галерея фільтрів - Імітація - Аплікація (Filter>Filter Gallery>Artistic>Cutout), а потім у вікні налаштувань даного фільтра, встановіть настройки, які вказані на скріншоті нижче:

Adding the artistic cutout filter

Крок 2

Далі, йдемо Фільтр - Стилізація - Виділення країв (Filter>Stylize>Find Edges), а потім йдемо Зображення - Корекція - Знебарвити (Image>Adjustments>Desaturate).

Stylizing and desaturating layer

Крок 3

Назвіть цей шар RS_1, а потім поміняйте режим накладення для даного шару на Затемнення основи (Color Burn), а також зменшите Непрозорість (Opacity) шару до 30%.

Renaming layer to RS_1 and changing its blending mode and opacity

Крок 4

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

Adding the artistic cutout filter

Крок 5

Назвіть цей шар RS_2, а потім поміняйте режим накладення для даного шару на Затемнення основи (Color Burn), а також зменшите Непрозорість (Opacity) шару до 25%. Далі, перемістіть даний шар вниз, розсташувавши нижче шару RS_1, щоб зберегти відповідний порядок шарів.

Renaming layer to RS_2 and changing its blending mode opacity and order

Крок 6

Повторіть Кроки 1 і 2 цього пункту, тільки в Кроці 1 замість налаштувань, які ми використовували в попередній раз, ми використовуємо нові настройки, які вказані на скріншоті нижче:

Adding the artistic cutout filter

Крок 7

Назвіть цей шар RS_3, а потім поміняйте режим накладення для даного шару на Затемнення основи (Color Burn), а також зменшите Непрозорість (Opacity) шару до 20%. Далі, перемістіть даний шар вниз, розсташувавши нижче шару RS_2, щоб зберегти відповідний порядок шарів.

Renaming layer to RS_3 and changing its blending mode opacity and order

Крок 8

Повторіть Кроки 1 і 2 цього пункту, тільки в Кроці 1 замість налаштувань, які ми використовували в попередній раз, ми використовуємо нові настройки, які вказані на скріншоті нижче:

Adding the artistic cutout filter

Крок 9

Назвіть цей шар RS_4, а потім поміняйте режим накладення для даного шару на Затемнення основи (Color Burn), а також зменшите Непрозорість (Opacity) шару до 20%. Далі, перемістіть даний шар вниз, розсташувавши нижче шару RS_3, щоб зберегти відповідний порядок шарів.

Renaming layer to RS_4 and changing its blending mode opacity and order

Крок 10

Ще раз повторіть Кроки 1 і 2 цього пункту, тільки в Кроці 1 замість налаштувань, які ми використовували в попередній раз, ми використовуємо нові настройки, які вказані на скріншоті нижче:

Adding the artistic cutout filter

Крок 11

Назвіть цей шар RS_5, а потім поміняйте режим накладення для даного шару на Затемнення основи (Color Burn), а також зменшите Непрозорість (Opacity) шару до 18%. Далі, перемістіть даний шар вниз, розсташувавши нижче шару RS_4, щоб зберегти відповідний порядок шарів.

Крок 12

Ще раз повторіть Кроки 1 і 2 цього пункту, тільки в Кроці 1 замість налаштувань, які ми використовували в попередній раз, ми використовуємо нові настройки, які вказані на скріншоті нижче:

Adding the artistic cutout filter

Крок 13

Назвіть цей шар RS_6, а потім поміняйте режим накладення для даного шару на Затемнення основи (Color Burn), а також зменшите Непрозорість (Opacity) шару до 7%. Далі, перемістіть даний шар вниз, розташувавши нижче шару RS_5, щоб зберегти відповідний порядок шарів.

Renaming layer to RS_6 and changing its blending mode opacity and order

Крок 14

Тепер ми згрупуємо всі шари з грубим начерком. Перебуваючи на шарі RS_6, утримуючи клавішу (Shift), клацніть по шару RS_1, щоб виділити ці два шари, а також інші шари, які розташовані між ними. Потім йдемо Шар - Новий - Група з шарів (Layer>New>Group from Layers), щоб створити нову групу з виділених шарів. Назвіть нову групу Грубий начерк (Rough Sketch).

Creating new group from selected layers named Rough Sketch

6. Створюємо Затемнення

Крок 1

Тепер ми створимо ніжне затінення. Перейдіть на шар з Заднім тлом (Background), а потім йдемо Шар - Новий - Скопіювати на новий шар (Layer>New>Layer Via Copy), щоб ще раз продублювати шар Задній фон (Background), далі перемістіть даний дублікат шару наверх, розташувавши поверх всіх інших шарів в палітрі шарів. Далі, йдемо Фільтр - Стилізація - Виділення країв (Filter>Stylize>Find Edges), а потім йдемо Зображення - Корекція - Знебарвити (Image>Adjustments>Desaturate).

Stylizing and desaturating layer

Крок 2

Йдемо Фільтр - Галерея фільтрів - Штрихи - Похилі штрихи (Filter>Filter Gallery>Brush Strokes>Angled Strokes), а потім у вікні налаштувань даного фільтра, встановіть настройки, які вказані на скріншоті нижче:

Adding the brush strokes angled strokes filter

Крок 3

Назвіть цей шар Затененіе_1 (Shading_1), а потім поміняйте режим накладення для даного шару на Множення (Multiply), а також зменшите значення непрозорі (Opacity) до 12%.

Renaming layer to Shading_1 and changing its blending mode and opacity

Крок 4

Далі, повторіть Крок 1 даного параграфа, йдемо Фільтр - Штрихи - Перехресні штрихи (Filter>Brush Strokes>Crosshatch). Встановіть наступні настройки, які вказані нижче:

Adding the brush strokes crosshatch filter

Крок 5

Назвіть цей шар Затененіе_2 (Shading_2), а потім поміняйте режим накладення для даного шару на Множення (Multiply), а також зменшите значення непрозорі (Opacity) до 5%. Далі, перемістіть даний шар вниз, розташувавши нижче шару Затененіе_1 (Shading_1), щоб зберегти відповідний порядок шарів.

Renaming layer to Shading_2 and changing its blending mode and opacity

7. Додаємо Шум

Крок 1

У цьому кроці ми додамо трохи шуму до нашого начерку. Перейдіть на шар Затененіе_1 (Shading_1), а потім йдемо Шар- Новий - Шар (Layer>New>Layer), щоб створити новий шар. Назвіть цей шар Шум (Noise).

Creating new layer named Noise

Крок 2

Тепер натисніть клавішу "D", щоб виставити кольору за замовчуванням, а потім йдемо Редагування - Виконати заливку (Edit>Fill). Встановіть налаштування, які вказані на скріншоті нижче:

Filling Noise layer with foreground color

Крок 3

Далі, йдемо Фільтр - шум-Додати шум (Filter>Noise>Add Noise). Встановіть наступні настройки. які вказані на скріншоті нижче:

Adding noise filter to the noise layer

Крок 4

Змініть режим накладення для шару з шумом на Освітлення (Screen), а також зменшите значення непрозорі (Opacity) до 64%.

Changing Noise layer blending mode and opacity

8. Додаємо Колір

Крок 1

Тепер ми додамо красивий колір до нашого малюнку. Йдемо Шар - Новий коригувальний шар Криві (Layer>New Adjustment Layer>Curves), щоб створити новий шар, що коректує Криві (curves). Назвіть цей шар Колір (Color Look).

Creating new curves adjustment layer

Крок 2

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

Changing settings of Color Look layer

9. Проводимо Заключну Корекцію

Крок 1

Тепер ми проведемо заключну корекцію нашого малюнка. Йдемо Шар - Новий коригувальний шар Фото Фільтр (Layer>New Adjustment Layer>Photo Filter), щоб створити новий шар, що коректує Фото Фільтр (Photo Filter). Назвіть цей шар Колірний Тон (Photo Tint).

Creating new photo filter adjustment layer

Крок 2

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

Changing settings of Photo Tint layer

Крок 3

Тепер ми додамо контраст. Натисніть 'D', щоб виставити кольору за замовчуванням, а потім йдемо Шар - Новий коригувальний шар Карта градієнта (Layer>New Adjustment Layer>Gradient Map), щоб створити новий шар, що коректує Карта градієнта (Gradient Map). Назвіть цей шар Загальний контраст (Overall Contrast).

Creating new gradient map adjustment layer

Крок 4

Поміняйте режим накладення для даного шару, що коректує на М'яке світло (Soft Light), а також зменшите значення непрозорі (Opacity) до 18%.

Changing overall contrast layer blending mode and opacity

Крок 5

Тепер ми додамо вібрації і насиченості. Йдемо Шар - Новий коригувальний шар Вібрація (Layer>New Adjustment Layer>Vibrance), щоб створити новий шар, що коректує Вібрація (Vibrance). Назвіть цей шар Загальна Вібрація / Насиченість (Overall Vibrance/Saturation).

Creating new vibrance adjustment layer

Крок 6

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

Changing settings of Overall VibranceSaturation layer

Крок 7

Тепер ми злегка посилимо світлові відблиски. Йдемо Шар- Створити коригуючий шар Рівні (Layer>New>Levels), щоб створити новий шар, що коректує Рівні (Levels). Назвіть цей шар Загальна Яскравість (Overall Brightness).

Creating new levels adjustment layer

Крок 8

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

Changing settings of Overall Brightnes layer

Крок 9

Далі, ми посилимо різкість. Натисніть клавіші (Ctrl + Alt + Shift + E), щоб створити об'єднаний шар їх всіх видимих шарів.  Йдемо Фільтр - Інше - Кольоровий контраст (Filter>Other>High Pass). У вікні налаштувань даного фільтра, встановіть значення радіуса різкості, яке зазначено на скріншоті нижче:

Adding high pass filter

Крок 10

Назвіть цей шар Загальна Різкість (Overall Sharpening), поміняйте режим накладення для даного шару на Жорстке світло (Hard Light), а також зменшить Непрозорість (Opacity) шару до 76%.

Renaming layer to overall sharpening and changing its blending mode and opacity

Ви зробили це!

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

Final result

Змінюйте ваш результат

Тепер ви можете змінити заключний дизайн. Я дам вам кілька підказок, як це зробити:

  • Перейдіть на шар Колір Заднього фону (Background Color), двічі клацніть по мініатюрі даного шару, а потім у вікні Палітра кольорів (Color Picker), виберіть інший відтінок кольору. Натисніть кнопку 'ОК'.
  • Виділіть деякі шари з начерком, а потім пограйте з їх непрозорістю, щоб створити інші ефекти малюнка.
  • Перейдіть на шар Колір (Color Look), двічі клацніть по мініатюрі даного шару, а потім всередині панелі Властивості (Properties), змінить налаштування, щоб створити іншу тональність.
  • Перейдіть на шар Тон (Photo Tint), двічі клацніть по мініатюрі даного шару, а потім всередині панелі Властивості (Properties), поміняйте налаштування, щоб створити іншу тональність.
  • Перейдіть на шар Загальний контраст (Overall Contrast). Змініть значення непрозорості, щоб змінити контраст.
  • Перейдіть на шар шар Загальна Вібрація / Насиченість (Overall Vibrance / Saturation), двічі клацніть по мініатюрі даного шару, а потім всередині панелі Властивості (Properties), пограйте з настройками Вібрації (Vibrance) і насиченості (Saturation), щоб створити інші результати.
  • Перейдіть на шар Загальна Яскравість (Overall Brightness), двічі клацніть по мініатюрі даного шару, щоб змінити налаштування і змінити яскравість.
  • Перейдіть на шар Загальна Різкість (Overall Sharpening), а потім змініть значення непрозорості, щоб змінити рівень різкості.

Результат, який вийшов у мене.

Customized final result

Відмінна робота!

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

Action final result

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

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

Action final results
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.