Ефект кордону фотографій зів'ялих пікселів у Photoshop

Зміст:

Anonim

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

Щоб створити ефект, ми завантажимо в один із додаткових наборів пензлів, що входять до програми Photoshop, і ми використаємо деякі параметри Brush Dynamics для випадкового зміни розміру та розсипання пензлика під час малювання. Ми почнемо з білого як нашого фонового кольору, але наприкінці навчального посібника ми дізнаємось, як ми можемо легко змінити колір, включаючи, як відібрати колір безпосередньо із самого зображення!

Я буду використовувати Photoshop CS5 для цього підручника, але будь-яка остання версія Photoshop буде працювати.

Ось оригінальне зображення, з якого я розпочну:

Оригінальне фото.

А ось як це буде виглядати, коли ми закінчимо:

Кінцевий результат.

Як створити рамку фотографій зів'ялих пікселів

Крок 1: Скопіювати фоновий шар

З нещодавно відкритим фотографією у Photoshop, почнемо із створення копії зображення, щоб ми могли залишити оригінал недоторканим у випадку, якщо нам це буде потрібно знову. Якщо ми подивимось на панель «Шари», то побачимо, що ми починаємо з оригінальної фотографії, що сидить на шарі «Фон»:

Панель "Шари", що показує оригінальну фотографію на шарі "Фон".

Щоб швидко дублювати шар, натисніть Ctrl + J (Win) / Command + J (Mac) на клавіатурі. Photoshop робить копію шару, називає копію "Шар 1" і розміщує її над оригіналом:

Копія фотографії з’являється на "Шар 1".

Крок 2. Додайте шару заливного білого суцільного кольору між існуючими шарами

Виберіть фоновий шар, натиснувши його на панелі "Шари":

Клацніть на фоновому шарі, щоб вибрати його.

Вибравши шар "Фоновий шар", натисніть на піктограму " Нова заливка або коригування" в нижній частині панелі "Шари":

Клацнувши на піктограмі "Новий заливний або коригувальний шар".

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

Вибір зі списку "Суцільний колір".

Ми будемо використовувати цей шар заповнення суцільним кольором як колір фону для нашого ефекту. Photoshop відкриє програму Color Picker, щоб ми могли вибрати потрібний колір. Виберіть біле на даний момент, або натиснувши на білий у верхньому лівому куті поля з вибору кольору зліва або ввівши 255 для значень R, G і B біля нижнього центру діалогового вікна. Наприкінці підручника ми дізнаємось, як ми можемо легко змінити колір тла, але поки що це буде робити:

Виберіть біле з вибору кольорів.

Коли ви закінчите, виберіть «Колір вибору», натисніть «ОК». Ми не зможемо побачити білий фон кольору лише в документі, але якщо ми знову подивимось на панель «Шари», ми побачимо новий шар заливки «Суцільний колір», який Photoshop назвав «Color Fill 1», що сидить між шаром 1 і фоновий шар:

Photoshop розміщує шар заповнення суцільним кольором між двома шарами зображення.

Крок 3: Додайте чорно-заповнену маску шару до рівня 1

Клацніть на шарі 1 на панелі "Шари", щоб вибрати його:

Виберіть шар 1.

Вибравши шар 1, натисніть і утримуйте клавішу Alt (Win) / Option (Mac) на клавіатурі та натисніть на піктограму " Маска шару " внизу панелі "Шари":

Утримуйте Alt (Win) / Option (Mac) і натисніть на піктограму Layer Mask.

Це додає маску шару до рівня 1, і оскільки ми натискали клавішу Alt (Win) / Option (Mac), натискаючи на піктограму "Маска шару", Photoshop заповнив маску шару чорним кольором, що повністю приховує фотографію на шарі з виду. Ми можемо побачити мініатюрну маску, заповнену чорним шаром, на шарі 1 на панелі "Шари":

Екран шару маски, заповнений чорним кольором, з’являється на шарі 1.

Якщо фотографії на шарі 1 приховано, ми можемо побачити білий заливний шар у повному кольорі в документі:

Тепер видно білий заливний шар.

Крок 4: Скопіювати шар 1 три рази

Тричі натисніть Ctrl + J (Win) / Command + J (Mac) на клавіатурі, щоб зробити ще три копії шару 1. У вікні документа ми не зможемо побачити нічого, але коли ви закінчите, у вас повинно бути чотири копії фотографії, кожна з яких має власну маску, заповнену чорним шаром, сидячи над шаром заливки "Суцільний колір" на панелі "Шари":

Чотири копії фотографії з’являються над шаром заповнення суцільним кольором.

Крок 5: Виберіть інструмент кисті

Виберіть інструмент " Щітка Photoshop" на панелі "Інструменти":

Вибір інструмента "Щітка".

Крок 6: Завантажте набір квадратних пензлів

Ми будемо використовувати одну з щіток Photoshop для створення нашого піксельного ефекту, але потрібна нам щітка за замовчуванням не завантажується для нас, тому спочатку потрібно завантажити її вручну. Вибравши інструмент «Щітка», клацніть правою кнопкою миші (Win) / Control (Клацніть) (Mac) в будь-якому місці документа, щоб швидко відкрити інструмент « Вибір кисті», а потім натисніть на значку стрілки у верхньому правому куті

Клацніть на значці маленької стрілки.

Це відкриває меню з різними опціями, включаючи список у нижній частині додаткових наборів пензлів, в які ми можемо завантажити. Виберіть набір « Квадратні пензлі» :

Виберіть зі списку квадратні пензлі.

Photoshop запитає, чи хочете ви замінити оригінальні пензлі на нові. Клацніть Додати, щоб зберегти оригінали та просто додайте нові пензлі після них:

Натисніть "Додати", додайте в нові пензлі, не виймаючи оригінали.

З завантаженими новими пензликами прокрутіть мініатюри пензля на панелі вибору пензля, поки ви не підійдете до квадратних пензлів (які мають бути в самому дні списку). Двічі клацніть на квадратній кисті розміром 24 пікселів, щоб вибрати її та закрити з вибору пензля:

Двічі клацніть на мініатюрі для квадратної кисті розміром 24 пікселів.

Крок 7: Встановіть джиттер розміру кисті на 100%

Натисніть клавішу F5 на клавіатурі, щоб швидко відкрити головну панель пензлів Photoshop, а потім натисніть прямо на слова « Динаміка форми» в лівій частині панелі. Переконайтесь, що ви клацаєте на самі слова, а не лише у вікні зліва від слів:

Клацніть прямо на слова «Динаміка форми» на панелі «Щітки».

Збільште параметр Розмір джиттера до 100%, що створить квадрати випадкового розміру, коли ми малюємо пензлем. Переконайтеся, що для параметра " Мінімальний діаметр " встановлено значення 0%, а також параметри кута тремтіння та закруглення також встановлені на 0% :

Збільште розмір джиттера до 100% і переконайтеся, що інші параметри встановлені на 0%.

Крок 8: Додайте розсіювання до кисті

Клацніть прямо на слово « Розсіювання» внизу «Динаміка форми» зліва на панелі «Щітки». Знову ж таки, переконайтесь, що ви натискаєте саме слово, а не всередині прапорця:

Виберіть Розсіювання ліворуч на панелі «Щітки».

Збільшити значення Scatter приблизно до 700% або близько того, що розкидає квадрати під час малювання. Виберіть параметр " Обидві осі ", натиснувши всередину його прапорця, а потім переконайтеся, що для параметра " Підрахунок " встановлено значення 1, а " Джиттер" - 0% . Закінчивши, знову натисніть клавішу F5 на клавіатурі, щоб закрити панель «Щітки»:

Параметри розсіювання.

Крок 9: Виберіть маску верхнього шару

Готовий до роботи наш квадратний пензлик натисніть на мініатюру верхнього шару на панелі «Шари». Таким чином, ми будемо малювати на самій шарі маски, а не на фотографії. Навколо мініатюри з’явиться біле виділення вікна, яке повідомляє про вибрану маску:

Клацніть на мініатюрі шару маски верхнього шару.

Крок 10: Зафарбуйте основні ділянки фотографії

Переконайтесь, що значення непрозорості для верхнього шару встановлено на 100%, яке воно повинно бути за замовчуванням:

Значення непрозорості для верхнього шару має бути встановлено на 100%.

Також перед тим, як розпочати малювання, натисніть букву D на клавіатурі, щоб швидко переконатися, що кольори переднього плану та фону встановлені за замовчуванням: білий (колір переднього плану) та чорний (колір фону). Photoshop використовує колір переднього плану як колір пензля, і ми хочемо бути впевнені, що малюємо на шарі маску білим кольором, щоб ми могли розкрити фотографію, коли малюємо:

Натисніть D на клавіатурі, щоб скинути кольори переднього плану та фону.

Маючи квадратну пензлик у руці, непрозорість шару встановлена ​​на 100%, а колір переднього плану - білий, почніть малювати лише основні, важливі ділянки вашої фотографії. Звичайно, оскільки все, що ми можемо бачити на даний момент, є суцільним білим тлом, вам потрібно буде "найкраще здогадатися", де знаходяться ці важливі області. Якщо ви не зрозумієте це з першого разу, просто натисніть Ctrl + Z (Win) / Command + Z (Mac), щоб скасувати обведення кисті, а потім спробуйте ще раз.

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

Фото розкривається по квадратах, коли ви малюєте.

Якщо ви не задоволені розміром квадратної кисті, натисніть Ctrl + Z (Win) / Command + Z (Mac), щоб скасувати обведення кисті (або натисніть Ctrl + Alt + Z (Win) / Command + Option + Z (Mac) кілька разів, щоб скасувати декілька штрихів), а потім змінити розмір кисті за допомогою лівої та правої кнопок на дужці на клавіатурі. Кожного разу, коли ви натискаєте ліву клавішу дужки ( ( ), ви зробите пензлик трохи меншим, тоді як права клавіша дужки ( ) ) зробить її більшою. Почніть малювати ще раз, коли ви будете задоволені розміром пензлика.

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

Перша частина ефекту завершена.

Крок 11: Виберіть маску шару на наступному шарі

Клацніть піктограму маски для шару безпосередньо під верхнім шаром. Знову навколо мініатюри з’явиться біла рамка підсвічування, яка повідомляє про вибрану маску шару:

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

Крок 12: Зменшіть непрозорість шару до 70%

Знизьте значення непрозорості для цього шару до приблизно 70% :

Змініть непрозорість шару на 70%.

Крок 13: Фарба навколо початкової області, щоб розкрити більше фотографії

При зменшенні непрозорості шару пофарбуйте навколо початкової області, щоб виявити більше фотографії. Оскільки непрозорість шару встановлена ​​лише на 70%, ця нова область виявиться трохи зів’ялою порівняно з попередньою зоною, яку ми намалювали:

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

Крок 14: Виберіть маску наступного шару

Натисніть на ескіз маски для третього шару зверху:

Виберіть маску наступного шару.

Крок 15: Зменшіть непрозорість шару до 35%

Зменшіть непрозорість цього третього шару до приблизно 35% :

Змініть непрозорість шару на 35%.

Крок 16: Фарба, щоб розкрити більше фотографії

Продовжуйте малювати навколо попередньої області, щоб розкрити більше фотографії. Ця нова область здасться ще більше зів’ялою, ніж остання завдяки 35% -ному значенню непрозорості:

Продовжуйте малювати, щоб розкрити більше зображення.

Крок 17: Виберіть маску наступного шару

Нарешті, натисніть на оригінальну ескіз маски рівня 1, щоб вибрати її:

Виберіть маску рівня 1.

Крок 18: Зменшіть непрозорість шару до 10%

Знизіть непрозорість шару 1 до кінця до 10%:

Змініть непрозорість шару на 10%.

Крок 19: Фарба на залишках фотографії

Пофарбуйте всередині білих областей навколо зображення, щоб розкрити решту. Ця остання частина буде дуже слабкою з непрозорістю шару лише 10%:

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

Крок 20: Зміна кольору фону (необов’язково)

На даний момент ефект закінчений, але якщо ви хочете змінити колір тла на щось інше, ніж на біле, просто двічі клацніть на кольоровій палітрі шару заливки "Суцільний колір" на панелі "Шари":

Двічі клацніть на кольоровій шарі заливного шару.

Це повторно відкриє програму Color Picker. Ви можете вибрати новий колір із програми вибору кольорів, але те, що я люблю робити, - це вибірки кольору безпосередньо із самого зображення. Для цього натисніть курсор миші на зображенні, коли папір кольорів все ще відкритий. Ви побачите, що курсор тимчасово змінюється на піктограму інструмента « Піпетка» . Клацніть на області зображення, яка містить потрібний колір для фону. Я натискаю на область на лобі жінки:

Клацніть на кольорі на зображенні, щоб використовувати як фон для ефекту.

Коли ви закінчите, виберіть «Колір вибору», натисніть «ОК». Шар заповнення суцільним кольором миттєво оновлює нововиявлений колір, надаючи нам новий колір фону для ефекту:

Той самий ефект з новим кольором фону.