У цьому підручнику щодо Photoshop Effects ми дізнаємось, як створити ефект "цифрового пікселя", який часто використовується в оголошеннях, які продають будь-які стосунки цифрових. Ми спершу пікселізуємо все своє зображення за допомогою дуже простого фільтра, а потім експериментуємо з маскою шару, налаштуванням непрозорості та деякими режимами змішування шару, щоб створити різні варіанти нашого ефекту. В кінці підручника ми навіть побачимо, як щось таке просте, як зміна режиму накладання шару може створити абсолютно новий ефект!
Ось оригінальне зображення, з якого я розпочну:
Оригінальне зображення.
Як я вже говорив, ми розглянемо кілька різних варіацій ефекту. Ось перший, над яким ми будемо працювати:
Один із ефектів, який ми будемо створювати в цьому підручнику.
Ось другий:
Варіація того ж ефекту.
І лише як приклад того, як легко ми можемо створити те, що здається зовсім іншим ефектом, просто змінивши режим накладання шару, ми закінчимо цим:
Остаточна варіація ефекту.
Цей підручник із нашої серії фотоефектів. Давайте розпочнемо!
Крок 1: Скопіювати фоновий шар
Перше, що мені потрібно зробити для цього ефекту - це дублювати фоновий шар. З мого зображення, відкритого у Photoshop, я бачу на своїй палітрі шарів, що в даний час у мене є лише один шар, фоновий шар, який містить моє зображення:
Палітра шарів Photoshop у вигляді фонового шару.
Я збираюся дублювати цей шар за допомогою комбінації клавіш Ctrl + J (Win) / Command + J (Mac), і тепер я бачу в своїй палітрі шарів, що у мене два шари, з копією шару "Фоновий" над оригінальний. Photoshop назвав його "Шар 1":
Натисніть "Ctrl + J" (Win) / "Command + J" (Mac) для дублювання фонового шару.
Крок 2: Пікселюйте подвійний шар
Далі нам потрібно пікселізувати новий шар, і ми можемо це зробити, перейшовши до меню Фільтр у верхній частині екрана, вибравши Pixelate, а потім вибираючи Mosaic . Це відкриває діалогове вікно фільтра "Мозаїка". Перетягніть повзунок внизу, щоб змінити параметр Розмір комірки, що збільшує або зменшує кількість і розмір пікселів, що створюються із зображення. Перетягування праворуч створює менше, але більших пікселів, а перетягування вліво дає більше, але менших пікселів. Я збираюся встановити розмір стільника приблизно 18:
Фільтр «Мозаїка» у Photoshop. Перетягніть повзунок внизу, щоб збільшити чи зменшити кількість та розмір пікселів.
Клацніть OK, щоб вийти з діалогового вікна. Ось моє зображення після застосування фільтра Mosaic:
Зображення після пікселяції його з фільтром Mosaic.
Тепер, коли ми пікселювали зображення, ми можемо з ним зробити кілька різних речей, і ми розглянемо їх далі.
Крок 3: Додайте маску шару
Я збираюся додати маску шару до пікселізованого шару в цей момент. Для цього, вибравши "Шар 1", я натискаю на піктограму " Маска шару " внизу палітри шарів:
Клацніть піктограму "Маска шару".
Це додає маску шару до "Шар 1", і якщо ми подивимось на палітру шарів, ми можемо побачити, що вона також додає мініатюру маски шару праворуч від мініатюри вмісту шару:
До "Шар 1" додано маску шару та мініатюру маски шару.
Можна також сказати, що маска шару, а не вміст шару, в даний час вибирається білою межею виділення навколо мініатюри маски шару.
Крок 4: Виберіть інструмент «Градієнт»
Ми будемо використовувати нашу маску шару для поєднання початкового зображення на шарі "Фоновий" та пікселізоване зображення на "Шарі 1" разом, і для цього нам потрібен інструмент "Градієнт", тому виберіть його з палітри "Інструменти" або натисніть G клавіатура:
Виберіть інструмент «Градієнт».
Крок 5: Скиньте кольори переднього плану та фонові кольори, якщо потрібно
Ми хочемо, щоб чорний колір був як колір переднього плану, а білий - як колір тла. Зазвичай це кольори переднього плану та фону Photoshop за замовчуванням, за винятком випадків, коли у нас вибрана маска шару, що ми робимо в даний час. Щоразу, коли у нас вибирається маска шару, кольори за замовчуванням змінюються, при цьому білий колір стає типовим кольором переднього плану, а чорний стає кольором фону за замовчуванням. Щоб швидко встановити кольори переднього плану та фону відповідно на чорно-білий (пам'ятаючи, що у нас вибрана маска шару), натисніть D на клавіатурі, щоб повернути їх до значень за замовчуванням, а потім натисніть X, щоб змінити їх. На палітрі "Інструменти" ви побачите, що зразок кольору переднього плану тепер відображається чорним кольором, а зразок кольору фону тепер відображається білим:
Натисніть "D", а потім "X" на клавіатурі, щоб встановити чорний колір переднього плану, а білий - колір тла.
Крок 6: Виберіть градієнт "Передній план для фону"
Вибравши інструмент «Градієнт», а кольори переднього плану та фону встановлені на чорно-білий, знайдіть у панелі параметрів у верхній частині екрана, щоб побачити, який градієнт ви вибрали. Якщо область попереднього перегляду градієнта показує градієнт чорно-білого кольору, все налаштовано:
Область попереднього перегляду градієнта, що показує чорно-білий градієнт.
Якщо він показує якийсь інший градієнт, натисніть на невелику стрілку вниз праворуч від області попереднього перегляду градієнта. Вибір градієнта з’явиться під ним. Виберіть градієнт "Передній план до фону" у верхньому лівому куті, а потім натисніть будь-де за межами вибору градієнта, щоб закрити його:
Клацніть стрілку вниз праворуч від області попереднього перегляду градієнта та виберіть градієнт у верхньому лівому куті вибору градієнта.
Крок 7: Перетягніть чорно-білий градієнт на маску шару
Тепер, коли у нас є чорно-білий градієнт, ми можемо використовувати його для поєднання фонового шару та пікселізованого шару разом, створюючи нашу першу варіацію ефекту. Я хочу, щоб область переходу моєї суміші з’явилася на обличчі хлопця, тому половина його обличчя (і половина зображення також) пікселізована, а друга половина - ні. Щоб досягти цього, я збираюся клацнути нижче його правого ока, а потім, утримуючи свою клавішу Shift, щоб переконатися, що я перетягую в горизонтальній лінії, я перетягну мишку повністю до лівого краю його обличчя:
Перетягніть градієнт через область, де ви хочете, щоб суміш між двома шарами з’явилася.
Область між тим, де я розпочав і закінчив мій градієнт, перетвориться на область переходу між піксельним зображенням на "Шарі 1" та вихідним зображенням на шарі "Фон". Коли я відпускаю кнопку миші, я отримую ефект переходу:
Перший ефект.
Крок 8: Заповніть шару маску білим кольором
Давайте розглянемо ще одну варіацію нашого ефекту «цифровий піксель». Спочатку нам потрібно видалити градієнт, який ми додали до маски шару за мить. Ми можемо просто натиснути Ctrl + Z (Win) / Command + Z (Mac), щоб скасувати її, але давайте знову заповнимо маску шару білою. Для цього за допомогою мініатюри маски шару, вибраної в палітрі шарів, та білого кольору як нашого поточного кольору фону, використовуйте комбінацію клавіш Ctrl + Backspace (Win) / Command + Delete (Mac), щоб заповнити маску шару кольором фону (білий ). Мініатюра шару маски знову з’явиться суцільно білим кольором, і тепер зображення знову з’явиться повністю піксельним:
Натисніть "Alt + Backspace" (Win) / "Option + Delete" (Mac), щоб заповнити маску шару білим кольором і ще раз розкрити весь пікселізований шар у вікні документа.
Крок 9: Виберіть інструмент кисті
Виберіть інструмент "Щітка" на палітрі інструментів або натисніть клавішу B для комбінації клавіш:
Виберіть інструмент кисті
Крок 10: Пофарбуйте чорним кольором, щоб виявити частини зображення
Використовуючи пензлик з м'якими краями і з чорним кольором, як наш колір переднього плану, я розкрию основну частину його обличчя, просто намалювавши його моїм пензликом. Оскільки я малюю на шарі маски, а не на самому зображенні, де завгодно, коли я малюю чорним кольором, приховатимуть нерівний шар і розкриватимуть під ним шар фону. Я можу змінити розмір кисті на ходу за допомогою лівої та правої кнопок на дужці на клавіатурі, і я можу встановити пензлик на м'який край, утримуючи клавішу Shift і кілька разів натискаючи клавішу лівої дужки :
Використовуйте пензлик з м'якими краями, щоб зафарбувати частини пікселізованого шару, виявляючи оригінальне зображення під ним.
Ось мій образ після розкриття основних ділянок його обличчя, фарбуючи їх чорним кольором, створюючи враження, що він якось переглядає пікселі:
Основні частини його обличчя тепер виглядають такими, якими вони були на оригінальній фотографії, а решта фотографії залишається пікселізованою.
Крок 11: Зменшіть непрозорість пікселізованого шару
Я дозволю вихідному зображенню частково відображатися через пікселізоване зображення, і я можу це зробити, просто перейшовши до параметра " Непрозорість " у верхньому правому куті палітри шарів і зменшивши значення непрозорості. Я знижую його приблизно до 75%:
Зменшіть непрозорість пікселізованого шару, щоб вихідне зображення частково відображалось.
Ось моє зображення після зниження непрозорості пікселізованого шару, створюючи нашу другу варіацію ефекту:
Друга варіація ефекту "цифровий піксель".
Крок 12: Експериментуйте з різними режимами змішування для пікселізованого шару для різних результатів
Щоб створити ще більше варіацій ефекту, експериментуйте з різними режимами накладання для пікселізованого шару, перейшовши до параметрів режиму накладання у верхньому лівому куті палітри шарів та вибираючи різні зі списку. По-перше, я збираюся повернути непрозорість мого пікселізованого шару на повну 100%. Потім я зміню режим накладання шару з "Звичайного" на Темніший :
Встановіть непрозорість пікселізованого шару на 100%, а потім змініть режим змішування пікселізованого шару на "Потемніти".
Ось ефект, який я отримую з пікселізованого шару, встановленого на "Darken":
Зображення після зміни режиму накладання на "Потемніє".
Давайте спробуємо режим Lighten blend, знову змінивши його у верхньому лівому куті палітри шарів:
Змініть режим суміші на "Полегшити".
Ось ефект, який я отримую в режимі суміші "Lighten":
Зображення після зміни режиму накладання на "Світліша".
Для того, щоб показати вам, наскільки різний ефект може виглядати просто, змінивши режими накладання шарів, ми спробуємо ще один. Цього разу я перейду на режим змішування на Hard Mix :
Змініть режим суміші на "Hard Mix".
Думаю, ти погодишся, що ефект зараз виглядає зовсім по-іншому, хоча все, що ми зробили, це змінити режим суміші:
Змінивши режим суміші на "Hard Mix", ми отримуємо зовсім інший зовнішній вигляд.
І там ми його маємо! Ось наш погляд на те, як створити простий ефект "цифрового пікселя" та зразок того, як ми можемо створювати різні варіанти одного і того ж ефекту та навіть створювати абсолютно нові ефекти, експериментуючи з масками шарів та режимами накладання в Photoshop.
Перегляньте наш розділ Фотоефекти, щоб отримати більше навчальних посібників щодо ефектів Photoshop!