Дізнайтеся, як перевертати, дзеркально та обертати одне зображення у Photoshop, щоб створити цікаві та цікаві конструкції та як створити неповторний вигляд ефекту за допомогою режимів суміші шарів Photoshop!
У попередньому навчальному посібнику з фотоефектами ми дізналися, як створити простий дзеркальний ефект у Photoshop, перевернувши одну сторону зображення по горизонталі, щоб створити відображення іншої сторони. У цьому підручнику ми візьмемо ту саму основну ідею і підемо набагато далі з нею, створивши цікаві ефекти, конструкції та візерунки, просто гортаючи, обертаючи та дзеркально одне і те ж зображення знову і знову! Ми також експериментуємо з режимами суміші шарів Photoshop, щоб побачити, як різні режими накладання можуть різко змінити наші результати.
Щоб продовжити, ви можете використовувати будь-яке зображення, яке вам подобається, але ви часто отримуєте найкращі результати, якщо зображення містить багато деталей.
Ось фото, яке я буду використовувати (фото квітів від Adobe Stock):
Оригінальне зображення. Кредит на фото: Adobe Stock.
І ось лише один приклад типу дизайну, який ми можемо створити з нього за кілька простих кроків. Ми будемо бачити інші приклади, як ми рухаємось далі. Кожна фотографія дасть унікальні результати, тож коли ви знаєте, як створити ефект, спробуйте скористатись різними типами зображень, щоб побачити, що ви можете придумати:
Одна можлива конструкція. Результати залежатимуть від вашої фотографії та вибраних режимів накладання.
Давайте розпочнемо!
Як гортати, дзеркало та обертати зображення у Photoshop
У цьому підручнику я використовую Photoshop CC, але кожен крок сумісний з Photoshop CS6 та більш ранніми версіями.
Ви також можете переглядати моє відео цього підручника на нашому каналі YouTube. Або скачайте цей підручник у форматі PDF та отримайте моє нове Повне керівництво по режимах суміші шару як бонус!
Крок 1: Обріжте фотографію, якщо потрібно
Для початку давайте обріжемо будь-які ділянки нашого іміджу, які насправді для цього не потрібні. Якщо вам не потрібно обрізати зображення, ви можете перейти до кроку 2.
Загалом, вам захочеться чітко обрізати предмет, видаляючи будь-які місця з низькою деталізацією (наприклад, синє небо), які насправді нічого не додадуть до кінцевого результату. У моєму випадку зображення, яке я використовую, насправді не має жодної області з низькою деталізацією. Насправді він практично цвіте деталями (трохи квіткового гумору там). Я міг би просто використати всю фотографію такою, якою вона є, і закінчити справді божевільний дизайн. Але щоб трохи спростити речі, я збираюся обрізати деякі квіти.
Щоб обрізати зображення, виберіть інструмент обрізання Photoshop на панелі інструментів зліва на екрані:
Вибір інструмента для обрізання.
Якщо вибрано інструмент обрізання, переконайтеся, що на панелі параметрів встановлено прапорець Видалити обрізані пікселі, оскільки нам потрібно фактично видалити обрізані пікселі, а не просто приховувати їх від перегляду (зверніть увагу: параметр Видалити обрізані пікселі доступний лише у Photoshop CC та CS6 Якщо ви використовуєте більш ранню версію, Photoshop видаляє пікселі за замовчуванням, тому вам не потрібно турбуватися про це):
Переконайтесь, що прапорець "Видалити обрізані пікселі".
Потім натисніть і перетягніть обрізну межу навколо області, яку ви хочете зберегти. У моєму випадку я перетягну рамку навколо правої сторони зображення. Це означає, що я буду тримати правий бік і обрізати лівий бік:
Перетягуючи мою обрізку навколо правої сторони фотографії.
Коли ви готові вирізати зображення, натисніть клавішу Enter (Win) / Return (Mac) на клавіатурі:
Решта частини зображення повинна створити кілька цікавих конструкцій.
Крок 2: Скопіювати фоновий шар
Якщо ми подивимось на панель «Шари», ми побачимо наше зображення, що сидить на шарі «Фон», який наразі є єдиним шаром у документі:
Панель "Шари", що показує вирізане зображення на шарі "Фон".
Нам потрібно створити копію цього шару. Для цього натисніть на шар "Фоновий фон" та перетягніть його вниз на значок " Новий шар " внизу панелі "Шари" (другий значок праворуч):
Перетягування фонового шару на піктограму Новий шар.
Photoshop робить копію шару "Фоновий", називає його "Фоновою копією" і розміщує його над оригіналом:
З'являється шар "Фонова копія".
Крок 3: Подвійна ширина полотна
Перейдіть до меню Зображення у верхній частині екрана та виберіть Розмір полотна :
Перехід до зображення> Розмір полотна.
Це відкриває діалогове вікно розміру полотна Photoshop, яке ми використаємо, щоб додати більше місця на полотні навколо нашої фотографії. Нам потрібно подвоїти поточну ширину нашого полотна, і ми хочемо, щоб весь зайвий простір полотна відображався праворуч від нашого зображення. Для цього встановіть значення Ширини на 200 відсотків і залиште Висоту на 100 відсотків (що залишить висоту полотна при його поточному розмірі). Залиште опцію Відношення без позначення. Щоб примусити зайвий простір полотна праворуч від фотографії, натисніть лівий середній квадрат у сітці Анкер :
Налаштування подвоєння ширини полотна.
Натисніть кнопку ОК, коли ви закінчите, щоб закрити діалогове вікно. Photoshop подвоює ширину полотна, додаючи увесь додатковий простір праворуч від фотографії. За замовчуванням Photoshop заповнює додатковий простір полотна білим кольором. Якщо чомусь ваш не білий, не хвилюйтесь, оскільки це не важливо:
Додатковий простір полотна з’являється в правій частині фотографії.
Крок 4: Перетягніть фотографію на шар "Фонова копія" праворуч
Тепер, коли ми додали свій додатковий простір для полотна, нам потрібно перетягнути копію нашої фотографії на шар «Копія фону» в нову область. Виберіть інструмент " Переміщення Photoshop" на панелі інструментів:
Вибір інструменту переміщення.
Переконайтесь, що на панелі "Шари" вибрано шар "Фонова копія". Утримуючи клавішу Shift, потім натисніть на фотографію та перетягніть її до правої частини оригінального зображення. Утримуючи клавішу Shift під час перетягування, ви обмежите напрямок руху, що полегшує перетягування прямо навпроти. Закінчивши, відпустіть кнопку миші та відпустіть клавішу Shift. Тепер ви повинні побачити дві копії фотографії, що сидить поруч:
Перетягування копії зображення праворуч від оригіналу.
Крок 5: Переверніть зображення праворуч по горизонталі
Поки що у нас є два однакові близнюки. Давайте створимо наш перший дзеркальний ефект, перевернувши зображення праворуч по горизонталі, щоб воно відображалося як відображення зліва. Для цього перейдіть до меню " Правка" у верхній частині екрана, виберіть " Трансформувати" та виберіть " Перевернути горизонтальне" :
Перехід до редагування> Перетворення> Перевернути горизонтально.
Фотографія праворуч моментально стає дзеркальним відображенням фотографії зліва, створюючи наш перший ефект:
Два зображення - це дзеркальні відображення один одного.
Крок 6: Об’єднайте два шари разом
Поки що так добре, але, як кажуть, але ми тільки почали. Давайте об’єднаємо наші два шари в один шар, перейшовши до меню шару у верхній частині екрана та вибравши Злиття вниз :
Перехід до шару> Злиття вниз.
Здається, в документі нічого не відбулося, але якщо ми подивимось на панель шарів, ми побачимо, що наші два шари були об'єднані в один фоновий шар:
Фоновий шар тепер утримує наш дзеркальний ефект.
Крок 7: Скопіюйте шар
Як ми це робили на етапі 2, давайте дублюємо шар Фонового зображення, натискаючи на нього та перетягуючи його на значок нового шару :
Знову перетягування фонового шару на піктограму Новий шар.
Photoshop знову дублює фоновий шар, називає його "Фоновою копією" і розміщує його над оригіналом:
Панель "Шари", що показує новий шар "Копія фону".
Крок 8: Подвійна висота полотна
Ми збираємось створити ще одне відображення нашого образу, цього разу вертикально. Для цього нам потрібно подвоїти висоту нашого полотна, щоб новий простір полотна з’явився нижче наявного зображення. Давайте ще раз піднімемо діалогове вікно «Розмір полотна», перейшовши до меню « Зображення » у верхній частині екрана та вибравши Розмір полотна :
Перехід до зображення> Розмір полотна.
Коли з'явиться діалогове вікно, встановіть ширину на 100 відсотків (що залишить ширину за його поточним розміром) та висоту - 200 відсотків . Знову ж, залиште опцію Відносна . Щоб змусити додатковий простір відображатися під зображенням, клацніть на верхньому середньому квадраті в сітці якоря :
Параметри подвоєння висоти полотна.
Клацніть OK, щоб закрити діалогове вікно. Photoshop додає додатковий простір полотна під зображенням. Якщо ви не можете бачити все полотно в цей момент, оскільки воно зараз занадто велике для розміщення на екрані, перейдіть до меню Перегляд і виберіть команду Fit on Screen або натисніть Ctrl + 0 (Win) / Command + 0 ( Mac) на клавіатурі. Photoshop збільшить масштаб документа на будь-який рівень, необхідний для його розміщення:
Додатковий простір полотна з’являється під зображенням.
Крок 9: Перетягніть зображення під оригінал
Якщо інструмент "Переміщення" все ще вибраний та шар "Фонова копія", обраний на панелі "Шари", натисніть на зображення та перетягніть його вниз у додатковий простір полотна. Натискайте та утримуйте клавішу Shift під час перетягування, щоб обмежити напрямок руху, що спрощує перетягування фотографії вниз:
Перетягування зображення на шар "Фонова копія" нижче оригіналу.
Крок 10: Переверніть нижнє зображення вертикально
Щоб перетворити нижнє зображення на дзеркальне відображення верхнього, перейдіть до меню « Правка », виберіть « Перетворити» та виберіть « Перевернути вертикаль» :
Перехід до редагування> Перетворення> Перевернути вертикально.
Тепер у нас є друге дзеркальне відображення, цього разу вертикально. Речі вже починають виглядати цікаво:
Нижнє зображення тепер є відображенням верхнього зображення.
Крок 11: Об’єднайте обидва шари на новий шар
Поки що все, що ми робимо, - це зробити копії зображення та гортати їх по горизонталі чи вертикалі. Давайте подивимось, наскільки далі ми можемо взяти речі, обертаючи копії зображення та приміряючи різні режими змішування шарів!
По-перше, давайте об’єднаємо обидва існуючих нашарування на абсолютно новий шар. Для цього натисніть і утримуйте клавішу Alt (Win) / Option (Mac) на клавіатурі. Утримуючи натиснутою клавішу, перейдіть до меню шару у верхній частині екрана та виберіть " Злиття видимого " внизу списку:
Тримаючи Alt (Win) / Option (Mac) та переходимо на Layer> Merge Visible.
Як правило, команда Merge Visible об'єднала б наші два шари в один шар, як і раніше команда Merge Down. Але, утримуючи клавішу Alt / Option, коли ми вибрали Merge Visible, ми сказали Photoshop створити абсолютно новий шар і об'єднати існуючі шари з новим шаром.
На нашій панелі «Шари» ми бачимо, що тепер у нас є третій шар, названий «Шар 1», і в його мініатюрі попереднього перегляду ми бачимо, що він містить об’єднану копію зображень із початкових двох шарів під ним:
Два оригінальних шари були об'єднані на третій шар.
Крок 12: Поверніть новий шар на 90 ° за годинниковою стрілкою
Давайте обернемо зображення на "Шар 1". Перейдіть до меню « Правка », виберіть « Трансформувати» та оберіть « Поворот на 90 °» за годинниковою стрілкою :
Перейдіть до меню Правка> Перетворити> Поверніть на 90 ° за годинниковою стрілкою.
Це поверне шар на 90 ° за годинниковою стрілкою, залишивши два шари під ним у початковій орієнтації:
Результат після обертання "Шар 1" на 90 градусів.
Крок 13: Обріжте документ навколо поверненого зображення
Далі ми обріжемо документ навколо оберненого зображення. Натисніть і утримуйте клавішу Ctrl (Win) / Command (Mac) на клавіатурі та натисніть безпосередньо на мініатюру попереднього перегляду для "Шар 1" на панелі "Шари":
Клацнувши мініатюру попереднього перегляду, утримуючи Ctrl (Win) / Command (Mac).
Це завантажує контур виділення навколо обертового зображення. Виділивши місце, перейдіть до меню " Зображення" у верхній частині екрана та оберіть " Обрізати" :
Перехід до зображення> Обрізати.
Photoshop обрізає ділянки над і над зображенням. Щоб видалити контур вибору, оскільки він нам більше не потрібен, перейдіть до меню Select у верхній частині екрана та виберіть пункт Скасувати вибір, або натисніть Ctrl + D (Win) / Command + D (Mac) на клавіатурі:
Перейдіть до пункту Вибрати> Скасувати вибір.
Тепер, коли ми обрізали верх і низ, все, що ми можемо бачити, - це наше обернене зображення. Ми це виправимо далі, коли ми почнемо експериментувати з режимами суміші шарів Photoshop:
Результат після обрізання областей над та нижче зображення.
Крок 14: Експериментуйте з режимами змішування шару
У цей момент речі починають ставати трохи експериментальнішими і справою особистого смаку. В даний час зображення на "Шарі 1" повністю блокує шари під ним з виду, що не те, що ми хочемо. Нам потрібно змішати верхній шар із шарами під ним, і ми можемо це зробити, змінивши режим накладання шару.
У верхньому лівому куті панелі "Шари" ви знайдете параметр "Режим змішування". Він не говорить "Режим змішування" де завгодно, але це параметр, встановлений за замовчуванням на " Нормальний ". "Нормальний" означає, що шар взагалі не змішується з шарами під ним. Це просто блокує їх з виду. Давайте спробуємо кілька різних режимів змішування, щоб побачити, що ми отримуємо. Почну з зміни мого режиму суміші з нормального на множення :
Зміна режиму накладання для "Шар 1" на "Множення".
Режим "Мультиплікація" добре поєднує мої зображення, щоб створити цікавий дизайн. Але оскільки Multiply - це один із декількох режимів накладання у Photoshop, який має ефект затемнення загального зображення, ми можемо побачити, що створений ним ефект є дещо темнішим, ніж у нас раніше:
Множення створює цікавий, але темний візерунок.
Я спробую інший режим суміші, на цей раз Lighten :
Зміна режиму накладання на "Шар 1" на "Полегшити".
Lighten - це один з декількох режимів накладання, що робить загальне зображення яскравішим. Він працює, порівнюючи пікселі на вибраному шарі з пікселями на шарах під ним, а потім зберігаючи те, що пікселі легші. Тут ми бачимо, що це, безумовно, полегшило речі і дало мені ще один цікавий дизайн. Особисто мені це подобається набагато краще:
Lighten створює ще один цікавий і набагато легший дизайн.
Якщо ви хочете чогось більш психоделічного, спробуйте або режими суміші Difference, або Excluding . Я спробую Різницю:
Зміна режиму накладання на різницю.
Режим суміші різниці шукає відмінності між шаром та шарами під ним, а потім відображає ці відмінності як різні кольори. Вірний своїй назві, результат безумовно виглядає інакше:
Ефект із режимом суміші встановлено на "Різниця".
Їзда на велосипеді через режими змішування з клавіатури
Поки що я просто натискав на параметр "Змішати режим" на панелі "Шари", а потім вибирав випадкові, щоб спробувати зі списку. Але ось набагато простіший спосіб випробувати режими змішування. Переконайтеся, що у вас все ще вибрано інструмент "Переміщення". Потім просто натисніть і утримуйте клавішу Shift на клавіатурі та скористайтесь клавішами + і -, щоб перейти вгору або вниз по списку.
Спробувавши їх усе, я думаю, я буду дотримуватися режиму Lighten blend. Ви можете віддати перевагу іншому режиму накладання для вашого зображення, але в цьому випадку Lighten дає мені результат, який мені найбільше подобається.
Крок 15: Об’єднайте обидва шари на новий шар
Давайте спробуємо зробити ще одну копію зображення, обертаючи її, а потім змінюючи режим її змішування, щоб побачити, що ми отримуємо. Спочатку ми об'єднаємо всі три наші шари на новий шар. Ще раз натисніть і утримуйте клавішу Alt (Win) / Option (Mac), переходячи до меню шару та вибираючи Злиття видимого :
Тримаючи Alt (Win) / Option (Mac) та вибираючи Layer> Merge Visible.
Це об'єднує всі три шари на четвертий шар, "шар 2", над ними:
Усі три шари об'єднані на "шар 2".
Крок 16: Поверніть новий шар на 45 °
Якщо вибрано "Шар 2", перейдіть до меню " Правка", виберіть " Трансформувати" та оберіть " Поворот" :
Перехід до редагування> перетворення> обертання.
Потім у панелі параметрів у верхній частині екрана введіть 45.0 у поле введення кута, щоб сказати Photoshop повернути зображення на "Шар 2" на 45 ° за годинниковою стрілкою:
Введення "45.0" у поле "Кут".
Натисніть клавішу Enter (Win) / Return (Mac) на клавіатурі один раз, щоб прийняти введений кут, а потім вдруге натисніть Enter (Win) / Return (Mac), щоб вийти з команди Rotate. Ось мій дизайн з верхнім зображенням тепер обертається:
Ефект після обертання «Шар 2» на 45 °.
Крок 17: Зміна режиму змішування
Нарешті, спробуйте різні режими накладання так само, як ми це робили раніше, щоб побачити, як кожен впливає на те, як обертається зображення на "Шарі 2" поєднується із шарами під ним. Знову ж таки, найпростіший спосіб зробити це - утримуючи клавішу Shift та використовуючи клавіші + і -, щоб перейти через режими змішування.
Після того, як випробувати їх усі, на цей раз я перейду з режимом змішування темнішого кольору . Як і режим Multiply blend, який ми намагалися раніше, темніший колір також затемнює зображення, але він трохи вдосконалений. Він працює, порівнюючи пікселі на вибраному шарі з пікселями шарів під ним, а потім зберігає ті пікселі, які будуть темнішими:
Встановлення верхнього шару темнішого кольору.
І ось результат:
Ефект після зміни режиму накладання верхнього шару на темніший колір.
Звичайно, ви завжди можете повернутися до цього моменту і змінити режим накладання на "Шар 1", якщо хочете продовжувати експериментувати. Для цього натисніть "Шар 1", щоб вибрати його. Тоді я зміню його режим накладання на щось зовсім інше, наприклад Luminosity :
Вибір "Шар 1" та зміна режиму його змішування на Luminosity.
Режим суміші Luminosity змішує яскравість (значення яскравості) вибраного шару з кольорами шарів під ним, і тут ми бачимо, що він створює зовсім інший результат від попередніх прикладів, які ми розглянули:
Результат за допомогою "Шар 1" встановлений на Luminosity.
Нарешті, я натискаю на "Шар 2", щоб повторно вибрати його. Тоді я зміню його режим накладання на Color :
Вибір "Шар 2" та змінення режиму його змішування на Кольоровий.
Режим суміші кольорів Photoshop - це протилежність Luminosity. Він поєднує колір обраного шару з яскравістю шарів нижче. Іншими словами, він забарвлює образ, даючи нам ще один унікальний результат:
Результат із "Шаром 2" тепер встановлений у кольорі.
Звичайно, вам не потрібно знати, як кожен із 27 різних режимів суміші шарів Photoshop (як у Photoshop CC 2017) працює для створення цього ефекту. Все, що вам дійсно потрібно знати, - це проїхатись по них та вибрати той, який вам найбільше подобається! Однак є кілька режимів змішування, які ви будете використовувати весь час у роботі Photoshop. Щоб дізнатись про них, ознайомтеся з підручником Photoshop's Five Essential Blend Modes.
І там ми його маємо! Ось як створити цікаві конструкції та візерунки із зображенням, просто гортаючи, обертаючи та віддзеркалюючи його та експериментуючи з режимами змішування шарів, у Photoshop! Для подібних навчальних посібників дивіться наш Ефект дзеркального зображення або наші підручники "Змішати текстури з фотографіями". Або відвідайте наш розділ Фотоефекти, щоб отримати більше навчальних посібників щодо ефектів Photoshop!