Створення pop art а з фотографії - уроки photoshop

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

Частина 1. Створення чорно-білого начерку

1) Підготовка малюнка.

Відкрийте зображення в Photoshop'е. Продублюйте шар "Background". (Натисніть і потягніть шар "Background" на іконку або просто натисніть Ctrl + J). Перейменуйте новий шар "dots" або "точки". (Для того щоб перейменувати клікніть 2 рази на назві шару). Створіть новий шар і залийте його яскравим синім кольором використовуючи Paint Bucket tool.

Розмістіть цей шар між шарами "dots" і "Background". Перейменуйте його "blue" (синій). Тепер палітра шарів повинна виглядати так:

Далі на шарі "dots" ми повинні прибрати фон залишивши тільки обличчя (або фігуру) людини. Для цього використовуємо Pen Tool. Спочатку переконайтеся, що в опціях Pen Tool'а обраний create a Work Path.

За допомогою Pen Tool обводимо обличчя людини точно по контуру. Потім робимо з контуру виділення (клік правою кнопкою і make selection). Інвертуємо виділення (CTRL + Shft + I) і тиснемо delete. Знімаємо виділення (CTRL + D).

2) Створення точкової основи

Знебарвлюються шар "dots" (Ctrl + Shft + U).

Тепер робимо малюнок чорно-білим Image> Adjustments> Threshold Для даної фотографії використані параметри які зображені нижче, але для вашої ви можете встановити інші відповідні.

Після використання Threshold краю зображення виглядають надто нерівними. Щоб їх зробити гладкими йдемо в Filter> Blur >> Gaussian Blur (параметри ставимо близько 2-3).

Дублюємо шар "dots" натиснувши праву кнопку миші і вибравши Duplicate Layer (Саме цим способом дублюємо шар!)

У вікні Document вибираємо New. Тепер у вас повинно бути відкрито 2 зображення в Photoshop'е.

У новому зображенні меням Mode на Grayscale Image> Mode> Grаyscale. У діалоговому вікні на питання "Discard color information?" Тиснемо OK. Тепер міняємо Mode на Bitmap. Image> Mode> Bitmap. У діалоговому вікні на питання "Flatten layers?" Тиснемо OK. У цьому ж вікні меням Use на Halftone Screen.

Після цих маніпуляцій зображення повинно стати таким:

3) Підготовка до фарбування

У цьому ж новому документі міняємо Mode назад на Grаyscale. Переконайтеся що розмір ratio дорівнює 1 і тисніть OK. Тепер міняємо Mode на RGB. Дублюємо шар таким же довгим способом як перед цим. У вікні Document вибираємо початковий документ (він повинен бути на самому верху).

На даний момент палітра шарів повинна виглядати так:

Останній етап в цій частині - це створення групування між скопійованих шаром і шаром "dots". Затиснувши кнопку ALT передвінте мишку між двома шарами. Потім клікніть мишкою коли з'явиться значок як на картинці нижче (можна просто натиснути Ctrl + G).

Ваша фотографія повинна бути приблизно такою ж як на малюнку нижче:

Частина 2. Розфарбовування.

1) Створення Кольорових шарів (Fill Layers)

Продублюйте шар "dots". Перейменуйте новий шар "white" (білий) і перемістіть його під шаром "dots". Далі йдемо в Image> Adjustments> Brightness / Contrast. Використовуємо параметри:
Brightness +100,
Contrast -100
Тепер шар "white" став білим. На даний момент ваша палітра шарів повинна виглядати як на картинці:

Змініть blending mode шару "dots" на Multiply.

Натисніть на іконку і виберіть опцію Solid Colour.

Новий Кольоровий шар з'явився в палітрі шарів. Перейменуйте його "lips" (губи) і перемістіть його під шаром "dots".

Згрупуйте шару "lips" і "white" (Ctrl + G)

Поміняйте foreground color на чорний. За допомогою Paint Bucket tool залийте шар "lips" чорним. Тепер починаємо розфарбовувати. Поміняйте foreground colour на білий. Використовуючи жорстку кисть розфарбуйте губи. (Переконайтеся що opacity дорівнює 100%). Результат на зображенні нижче вийшов дуже хорошим.

2) Решта Кольорові шари

Значки групування (стрілочки) повинні бути на всіх Кольорових шарах.

Якщо ви незадоволені кольором будь-якого Колірного шару, клікніть два рази на кольоровому значку шару (дивіться вище) і виберіть інший колір.

Отже, ви зробили достачно багато. Але ви ще можете додати напис, мова йде від фото, думки людини і т.д.

Частина 3. Створення обведення (LineArt).

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

1) Підготовка шарів

Відкрийте фотографію в Photoshop'е. Перейменуйте шар "Background" в "оригінал". Якщо ваша фотографія темна, ви повинні її освітлити. Освітлення потрібно для того, щоб лінії обведення виглядали більш чітко.

Для освітлення йдемо в Image> Adjustments> Brightness / Contrast. (Для даної фотографії параметри вказані вище)

Продублюйте шар "оригінал". Перейменуйте новий шар "top". Створіть два нових шару. Перемістіть їх під шаром "top". Залийте найближчий шар до шару "оригінал" білим і перейменуйте його "Background". Що залишився новий шар перейменуйте "line art". Зробіть невидимими шари "Background" і "top", а відіимі залиште шари "оригінал" і "line art". Активним зробіть шар "line art".

2) Параметри Brush Tool

Для створення ліній в Photoshop'е ми будемо користуватися Brush Tool. Заходимо в параметри кистей.

Далі показані параметри для створення звужується кисті.

Переконайтеся що foreground color чорний.

3) Створення контура

Починаємо з губ. Вибираємо Pen tool. Переконайтеся що обрана опція create a Work Path.

Обведіть губи. Нижче показано місце початку.

Правий клік, виберіть Stroke Path. (В параметрах Brush)

Зробіть видимим шар "Background". Видаліть "точкову" лінію (path). Для цього правий клік, Delete Path або просто Enter. Якщо ви задоволені результатом вимкніть шар "Background" і зробіть наступну лінію. Якщо не задоволені результатом використовуйте вікно History і видаліть останні дії

Якщо лінія злегка обривається ви можете використовувати Eraser Tool. Ведіть гумку не вгору / вниз, а по діагоналі. Тоді ви досягнете конусообразного ефекту на кінці лінії.

2) Створення конусоподібної лінії.

Щоб створити лінію з конусоподібним закінченням з двох сторін зайдіть в опції кистей, Shape Dynamics. Поміняйте Control на Pen Pressure, а Minimum Diameter на 1%.

Коли ви вибираєте Stroke Path зробіть активної опцію Simulate Pressure.

Коли ви закінчите робити губи включите шар "Background". Потім включайте / виключайте шар "top". Якщо губи "стрибатимуть", значить вам варто переробити лінію губ.

3) Створення широких ліній.

Створення широкої лінії вам знадобиться наприклад в бровах. Створіть замкнутий контур брови і використовуйте Fill Path.

Такий же спосіб можна використовувати при створенні верхніх вій.

4) Створення круглого, овального, квадратного і т.п. контуру

Спочатку використовуйте Shape Tool або Ellipse Tool для створення форми. Потім тими ж інструментами робимо всередині форми фігуру поменше, щоб зовні залишився потрібний контур.

1) Підготовка зображення

Спочатку ми видалимо фон. Для цього скористаємося Pen Tool. Переконайтеся, що в опціях Pen Tool'а обраний create a Work Path.

Створіть контур навколо предмета.

Ідіть у вікно Paths (праворуч від Chanels).

Завантажте виділення - Load path as a selection - дивіться малюнок вище. Скопіюйте виділення: Ctrl + C. Вставте: Ctrl + V. Повертаємося у вікно "Layers" і перейменовуємо новий шар назвою предмета (в даному випадку "gun" - пістолет). Створіть новий шар. Залийте його білим. Перейменуйте його "background" і перемістіть під шаром "gun".

Знебарвлюється: Image> Adjust> Desaturate

2) Створення обведення

Filter> Blur> Smart Blur на шарі "gun":
Quality: High
Mode: Edge Only
Інші параметри виставите на свій розсуд. Нижче вказані параметри для цієї картинки.

Робимо чорну обведення Edit> Stroke. Виберіть товщину лінії підходить до вашої зображенні.

Вийде ось це:

Тепер йдемо в Filter> Artistic> Poster Edges. Параметри як на зображенні:

Ну і останній штрих Filter> Artistic> Cutout. Параметри як на зображенні: