У цьому підручнику Photoshop ми дізнаємось, як перетворити фотографію на візерунок кольорових крапок за допомогою одного з фільтрів Photoshop, маски шару та простого повторюваного шаблону, який ми створюватимемо з нуля. Я використовую Photoshop CS5 тут, але будь-яка остання версія буде працювати. Однак користувачі Photoshop CS6 та CC (Creative Cloud) захочуть ознайомитись із повністю оновленим навчальним посібником «Поверніть фотографію у візерунок кольорових крапок».
Ось зображення, з якого я розпочну:
Оригінальне фото.
А ось як це буде виглядати, коли ми закінчимо:
Кінцевий результат.
Як створити кольоровий точковий візерунок з фотографії
Крок 1: Скопіювати фоновий шар
Щойно відкрите фотографію у Photoshop, якщо ми подивимось на панель «Шари», ми побачимо, що в даний час у нас є один шар - «Фоновий шар», який є шаром, на якому сидить наше зображення:
Оригінальне зображення розташоване на шарі "Фон" на панелі "Шари".
Клацніть на фоновому шарі та, утримуючи кнопку миші, перетягніть шар вниз на піктограму « Новий шар» внизу панелі «Шари» (це значок прямо зліва від смітника):
Клацніть та перетягніть шар «Фоновий шар» вниз до значка «Новий шар».
Відпустіть кнопку миші, коли курсор руки над значком Новий шар. Це робить копію фонового шару, який Photoshop розміщує над оригіналом:
Копія фонового шару з’являється над оригіналом.
Крок 2: Додайте новий порожній шар між двома існуючими шарами
Утримуйте клавішу Ctrl (Win) / Command (Mac) і натисніть на піктограму Новий шар у нижній частині панелі "Шари" (та сама піктограма, яку ми використовували на попередньому кроці):
Утримуйте клавішу Ctrl (Win) / Command (Mac) і натисніть на піктограму New Layer.
Це додає в документ новий порожній шар. Зазвичай Photoshop розміщує нові шари над шаром, який ви вибрали на даний момент (який у нашому випадку був шаром фонової копії), але, натиснувши клавішу Ctrl (Win) / Command (Mac), натискаючи піктограму New Layer, ми сказали Photoshop, що помістіть замість нього новий шар. На панелі "Шари" ми бачимо, що тепер у нас є новий порожній шар під назвою "Шар 1", який знаходиться між шарами "Копіювати фон" і "Фон":
Новий шар з’являється між двома попередніми шарами.
Крок 3: Заповніть новий шар чорним кольором
Давайте заповнимо новий шар чорним кольором, який стане кольором фону для ефекту. Перейдіть до меню " Правка" в рядку меню вгорі екрана та виберіть Заповнити :
Перейдіть до редагування> заливка.
Відкриється діалогове вікно Заповнення Photoshop. Змініть параметр Використання вгорі діалогового вікна на Чорний :
Змініть параметр Використання на Чорний.
Натисніть кнопку ОК, коли ви закінчите, щоб закрити діалогове вікно. Нічого, здається, не відбулося у вікні документа, оскільки зображення на шарі фонової копії наразі блокує рівень 1, але ми бачимо на мініатюрі попереднього перегляду шару 1 на панелі «Шари», що ми заповнили шар суцільним чорним кольором:
Ескіз попереднього перегляду шару 1 показує, що шар тепер заповнений чорним кольором.
Крок 4: Виберіть шар фонового копіювання
Клацніть на шарі фонової копії на панелі «Шари», щоб вибрати його та зробити його активним шаром:
Виберіть шар фонової копії.
Крок 5: Застосовуйте фільтр "Мозаїка"
Перейдіть до меню Фільтр у верхній частині екрана, виберіть Pixelate та виберіть Mosaic :
Перейдіть до Фільтр> Пікселят> Мозаїка.
Фільтр «Мозаїка» пікселює зображення, перетворюючи його на серію квадратних кольорів. Ми можемо встановити розмір квадратів за допомогою параметра Розмір комірки внизу діалогового вікна фільтра. Більші значення дозволять створити більші квадрати. Менші значення, менші квадрати. Ці квадрати з часом стануть нашими кольоровими крапками, тому ви хочете встановити значення свого розміру комірок залежно від кількості та розміру кольорових точок, які ви хочете в остаточному ефекті. Це може зайняти трохи спроб та помилок, щоб все виправити. Я буду встановлювати значення "Мобільний розмір" на 20 . Переконайтеся, що ви пам’ятаєте точне значення, яке ви використовували, тому що воно нам буде потрібно знову за мить:
Запам’ятайте значення, яке ви ввели для параметра Розмір комірки.
Клацніть OK, щоб закрити діалогове вікно. Тепер ваше зображення має виглядати піксельно:
Зображення після застосування фільтра «Мозаїка».
Крок 6: Створіть новий документ
Давайте на мить відкладемо наше зображення і створимо наш повторюваний точковий візерунок. Для цього нам знадобиться новий документ Photoshop, тому перейдіть до меню Файл у верхній частині екрана та оберіть Нове :
Перейдіть у меню Файл> Створити.
Це відкриває діалогове вікно Новий документ. В діалоговому вікні фільтра «Мозаїка» встановіть як для ширини, так і для висоти документа те саме значення, яке ви ввели для параметра «Розмір комірки». У моєму випадку я встановив розмір стільника на 20, тому я встановив параметри "Ширина та висота" в 20 пікселів. Це створить новий документ, точно такого ж розміру, як і квадрати на нашому зображенні. Не турбуйтеся про значення роздільної здатності, але переконайтесь, що для фонового вмісту встановлено значення Білий :
Встановіть ширину та висоту на те саме значення, яке ви ввели для розміру комірки. Переконайтесь, що тип вимірювання встановлений у пікселях.
Натисніть кнопку ОК, коли ви закінчите, щоб закрити діалогове вікно. Ваш новий документ з’явиться на екрані. Оскільки ваш документ, швидше за все, дуже малий, утримуйте клавішу Ctrl + пробіл (Win) / Command + пробіл (Mac) на клавіатурі, щоб тимчасово переключитися на інструмент збільшення Zoom Photoshop (курсор миші перетвориться на лупу зі знаком плюс у полі середина), а потім кілька разів клацніть всередині документа, щоб збільшити його. Тут я збільшив масштаб на 1600%:
Збільште масштаб нового документа, щоб зробити наступні кроки простішими.
Крок 7: Виберіть інструмент «Еліптична накреслення»
На панелі «Інструменти» виберіть інструмент « Еліптичне накреслення» . За замовчуванням він ховається за інструментом «Прямокутний намет», тому натискайте на інструмент «Прямокутний набір» і утримуйте кнопку миші на секунду-дві, поки не з’явиться меню вильоту, а потім виберіть зі списку інструмент «Еліптичний намет».
Клацніть та утримуйте інструмент «Прямокутний намет», а потім виберіть інструмент «Еліптичний накреслений» у меню розгортки.
Крок 8: Намалюйте круговий вибір
Маючи інструмент Elliptical Marquee в руці, утримуйте клавішу Shift, клацніть у самому верхньому лівому куті документа і, утримуючи кнопку миші, перетягніть по діагоналі до правого нижнього кута документа, щоб намалювати круговий контур вибору. . Утримуючи клавішу Shift під час перетягування, виберіть контур виділення в ідеальне коло. Якщо вам потрібно змінити контур виділення під час його малювання, утримуйте пробіл, перетягніть контур у положення за допомогою миші, а потім відпустіть пробіл і продовжуйте. Коли ви закінчите, краї контуру вибору повинні торкатися країв документа, щоб він був такою ж шириною і висотою, як і сам документ:
Витягніть круговий вибір всередині документа.
Крок 9: Заповніть вибір чорним кольором
Поверніться до меню " Правка" у верхній частині екрана та ще раз оберіть Заповнити так само, як ми це зробили на етапі 3. Опцію " Вживати " вже слід встановити на " Чорний", оскільки це ми змінили її в минулий раз, тому просто натисніть Гаразд, щоб закрити діалогове вікно Заповнення. Photoshop заповнює контур виділення в документі чорним кольором. Натисніть Ctrl + D (Win) / Command + D (Mac) на клавіатурі, щоб швидко зняти область та видалити контур вибору.
Якщо ви використовуєте Photoshop CS4 або CS5 і ви збільшили масштаб свого документа, як у мене, ви побачите контур сітки (відомий як піксельна сітка ), що з’являється через чорне коло. Піксельна сітка - це нова функція, що стосується CS4, і є просто наочним посібником, коли ви збільшуєте документ. Це не є частиною самого зображення і зникне при перегляді зображення в його фактичному розмірі, тому просто ігноруйте його. Сітка не з’явиться, якщо ви використовуєте Photoshop CS3 або новіші версії:
Документ (все ще збільшений до 1600%) після заповнення контуру вибору чорним кольором.
Крок 10: Інвертуйте кольори в документ
Перейдіть до меню " Зображення" у верхній частині екрана, виберіть " Налаштування" та виберіть " Інвертувати" :
Перейдіть до зображення> Коригування> Інвертувати.
Це обертає кольори в документі, роблячи чорні області білими, а білі - чорними:
Саме коло зараз біле, тоді як кутові ділянки стають чорними.
Крок 11: Визначте коло як візерунок
Перейдіть до меню « Правка » у верхній частині екрана та оберіть « Визначити шаблон» :
Перейдіть до редагування> Визначити шаблон.
Photoshop відкриє діалогове вікно з проханням назвати новий шаблон. Дайте шаблону описову назву. Я збираюся назвати шахту "Коло 20х20", оскільки розмір мого документа становить 20 пікс на 20 пікс. Ви можете створити більше шаблонів круга, всі з різними розмірами, тому корисно включити розмір документа до імені:
Дайте шаблону назву.
Натисніть кнопку ОК, коли ви закінчите, щоб закрити діалогове вікно. Здається, що нічого не сталося, але Photoshop тепер зберегла документ як зразок. У цей момент ви можете закрити документ із свого кола, оскільки він нам більше не потрібен. Не потрібно його зберігати, тому виберіть « Не зберегти», коли Photoshop запитає, чи бажаєте ви зберегти документ перед його закриттям.
Крок 12: Додайте шару маски до шару копіювання фону
Переключіться на основний документ і переконайтесь, що на панелі «Шари» вибрано шар фонової копії . Клацніть на піктограмі Додати маску шару в нижній частині панелі "Шари":
Вибравши шар фонової копії, натисніть на значок Додати маску шару.
Знову нічого, здається, у документі нічого не відбулося, але біла заповнена білизна маска шару з’являється на шарі фонової копії на панелі «Шари», що дає нам знати, що ми додали маску шару. Зауважте, що мініатюра має тонку межу підкреслення навколо неї. Це говорить нам, що вибрана сама маска шару:
Ескіз маски шару з’являється на шарі фонової копії.
Крок 13: Заповніть шару маску шаблоном кола
Ще раз перейдіть до меню « Правка » у верхній частині екрана та оберіть Заповнити . Цього разу змініть параметр Використання з Чорного на Шаблон :
Змініть параметр Use на Pattern.
Клацніть на мініатюрі попереднього перегляду спеціального шаблону, щоб вибрати шаблон, який потрібно використовувати:
Клацніть на мініатюрі.
Це відкриває Вибір малюнка . Виберіть шаблон, який ми тільки що створили, натиснувши на його ескіз. Це повинен бути останній мініатюр у списку. Якщо у налаштуваннях Photoshop увімкнено поради щодо інструментів, назва шаблону з’явиться, коли ви наведіть курсор миші на ескіз:
Клацніть на ескізі візерунка кола, щоб вибрати його.
Після вибору шаблону натисніть кнопку ОК, щоб закрити діалогове вікно Заповнення. Photoshop заповнює маску шару малюнком кола, і наше зображення тепер складається з візерунка кольорових крапок:
Зображення після заповнення шару маски повторюваною схемою кола.
Я збільшити масштаб ближче до зображення, щоб ми могли побачити ефект легше. Кожна крапка на зображенні складається з одного суцільного кольору завдяки фільтру Mosaic, який ми застосовували раніше. Чорна область навколо кіл розташована від шару 1 нижче зображення (яке ми заповнили чорним кольором на кроці 3):
Більш детальний погляд на ефект.
Крок 14: Додайте шар регулювання відтінку / насичення (необов'язково)
Як необов'язковий заключний крок, ми можемо трохи посилити ефект, збільшивши насиченість кольорів у зображенні. Клацніть піктограму « Новий шар коригування» внизу панелі «Шари»:
Клацніть на піктограмі New Adjustment Layer.
Виберіть шар коригування відтінку / насичення зі списку, який з’являється:
Виберіть відтінок / насиченість зі списку коригувальних шарів.
Якщо ви використовуєте Photoshop CS3 або новішу версію, на екрані з'явиться діалогове вікно відтінку / насичення. Для користувачів Photoshop CS4 та CS5 елементи керування шаром регулювання відтінку / насичення з’являться на панелі «Налаштування». У будь-якому випадку збільште насиченість кольорів на зображенні, натиснувши на повзунок « Насичення» та перетягнувши його вправо. Чим далі ви перетягнете вправо, тим насиченішими стануть кольори. Я збільшу насичення до +20 :
Перетягніть повзунок Насичення вправо, щоб збільшити насиченість кольору на зображенні.
Для Photoshop CS3 та попередніх користувачів натисніть кнопку OK, щоб закрити діалогове вікно Hue / Saturation. Користувачі Photoshop CS4 та CS5 можуть залишати панель "Налаштування" відкритою. І з цим ми закінчили! Ось після підвищення насиченості кольорів - мій остаточний результат "фотографії до кольорових точок":
Кінцевий результат.