У цьому підручнику Photoshop Effects ми дізнаємось, як перетворити фотографію на колаж з квадратів. Це веселий ефект, і це дійсно легко зробити, тим більше, що більшість робіт - це просто повторення, як ми побачимо.
Ось оригінальне фото, з якого я розпочну:
А ось зображення із завершеним ефектом "Колаж квадратів":
Як я вже говорив, більша частина роботи - це лише повторення, тож як тільки ви потрапляєте "в пазу" з тим, що робите, вам навіть не потрібно буде думати про це. Можна просто повеселитися, створюючи ефект.
Цей підручник із нашої серії фотоефектів. Давайте розпочнемо!
Крок 1: Скопіювати фоновий шар
З моїм зображенням, відкритим у Photoshop, у мене зараз є лише один шар, фоновий шар, який містить моє початкове зображення:
Палітра шарів фотошопу, що показує оригінальне зображення на шарі "Фон".
Мені потрібно дублювати фоновий шар, тому я буду використовувати комбінацію клавіш Ctrl + J (Win) / Command + J (Mac), яка додає копію фонового шару в палітрі шарів. Photoshop автоматично називає копію "Шар 1":
Натисніть "Ctrl + J" (Win) / "Command + J" (Mac) для дублювання фонового шару.
Крок 2: Додайте новий шар між двома шарами і залийте його білим кольором
Нам потрібно додати новий порожній шар між двома шарами, які ми маємо на даний момент у палітрі шарів. Для цього, вибравши "Шар 1", утримуйте клавішу Ctrl (Win) / Command (Mac) на клавіатурі та натисніть на піктограму Новий шар у нижній частині палітри шарів. Зазвичай Photoshop додає новий шар вище вибраного поточного шару, але, утримуючи Ctrl / Command, це говорить Photoshop, щоб замість нього додати новий шар:
Утримуйте клавішу "Ctrl" (Win) / "Command" (Mac) та натисніть на піктограму "New Layer", щоб додати новий шар між двома існуючими шарами в палітрі шарів.
Тепер у мене новий пустий шар "Шар 2" між двома іншими шарами:
Новий порожній шар тепер знаходиться між шаром "Фоновий" та "Шар 1".
Лише коротка примітка, перш ніж продовжувати …. Ми закінчимо багато шарів до моменту закінчення цього ефекту, і зазвичай це означатиме, що ми точно хотіли б переконатися, що ми називаємо наші шари як ми йдемо. Однак у цьому випадку ви, мабуть, зійдете з розуму, намагаючись придумати описові назви для кожного шару, тому, якщо така річ не сподобається вам, я б не переймався називанням ваших шарів при створенні цього ефекту. Взагалі кажучи, іменування шарів - це звичка, до якої слід входити.
Сказавши це, продовжимо. Нам потрібно заповнити цей новий шар білим кольором, оскільки ми будемо використовувати білий ефект як колір тла для ефекту, тому натисніть букву D на клавіатурі, щоб скинути кольори переднього плану та фону, завдяки чому білий колір буде кольором тла, і потім за допомогою нового пустого шару, вибраного в палітрі шарів, скористайтеся комбінацією клавіш Ctrl + Backspace (Win) / Command + Delete (Mac), щоб заповнити шар білим кольором.
У вікні документа ви нічого не побачите, оскільки копія шару "Фон" блокує "Шар 2" з виду, але якщо ви подивитеся на палітру "Шари", ви побачите, що попередній перегляд мініатюр для шару зараз заповнений білим кольором:
Попередній перегляд мініатюр для "Шар 2" зараз заповнений білим кольором у палітрі шарів, навіть якщо "Шар 1" наразі блокує його від перегляду у вікні документа.
Крок 3: Перетягніть квадратний вибір навколо частини зображення
Я збираюся натиснути назад на копію мого фонового шару "Шар 1" в палітрі шарів, щоб вибрати його. Потім я захоплю свій інструмент « Прямокутний малюнок » з палітри «Інструменти»:
Виберіть інструмент «Прямокутний набір» на палітрі «Інструменти».
Я також міг натиснути клавішу M на клавіатурі, щоб швидко вибрати її. Потім, використовуючи інструмент «Прямокутний малюнок» у руці та «Шар 1», вибраний у палітрі «Шари», я збираюся витягнути зображення у квадратній формі. Я витягну квадрат навколо обличчя хлопчика праворуч:
Скористайтеся інструментом «Прямокутний намет», щоб намалювати квадратний вибір всередині зображення.
Щоб обмежити вибір ідеальним квадратом, утримуйте клавішу Shift під час перетягування.
Крок 4: Додайте маску шару
Вибравши квадратну форму і знову переконавшись, що в палітрі шарів вибрано "Шар 1", натисніть на значок Додати маску шару в нижній частині палітри шарів:
Клацніть піктограму "Додати маску шару" в нижній частині палітри шарів.
Це додасть маску шару до "Шар 1", і оскільки у мене була вибрана область зображення, коли я натиснув значок "Додати маску шару", Photoshop використовуватиме цей вибір для створення маски, тобто лише область зображення, яке було всередині виділення - обличчя хлопця - залишатиметься видимим у вікні документа. Решта зображення буде прихована від перегляду, розкриваючи заповнений білим шаром під ним:
Площа навколо обличчя хлопчика тепер усе, що видно на зображенні. Білий фон тепер видно за ним.
Крок 5: Від’єднайте маску шару від вмісту шару
Якщо ми ще раз подивимось на нашу палітру шарів, ми можемо побачити маску шару, додану до "Шар 1". Маска наповнена чорним кольором, за винятком білої маленької квадратної площі, яка є областю навколо обличчя хлопчика, що відображається у вікні документа. Якщо ви придивитесь уважніше, ви також побачите невеликий значок посилання між мініатюрою шару та ескізом маски:
Піктограма "Посилання шару" між мініатюрою шару та мініатюрою шару шару для "Шар 1".
Коли цей значок посилання видно, це означає, що вміст шару (зображення) та маска шару добре пов'язані. Якщо ви переміщаєте одне, ви переміщуєте їх обох. Це не те, що ми хочемо. Ми хочемо мати можливість переміщати маску, не рухаючи зображення. Для цього все, що нам потрібно зробити, - це натиснути на піктограму посилання, що призведе до її зникнення, і в цей момент маску шару можна перемістити незалежно від вмісту шару. Я збираюся натиснути на піктограму посилання, щоб видалити її:
Піктограма зв’язку між мініатюрою шару та маскою шару відсутня. Тепер ми можемо переміщувати маску, не рухаючи зображення.
Крок 6: Додайте до маски білий стиль шару "Зовнішнє сяйво"
Для того, щоб ми могли бачити краї квадратів під час створення ефекту, я маю додати маску стиль шару "Зовнішнє світіння". Спочатку я натискаю безпосередньо на ескіз маски шару, щоб вибрати її. Я можу сказати, що він вибраний, коли навколо нього виділяється підсвітка. Потім, вибравши маску, я натискаю на піктограму « Новий коригувальний шар» у нижній частині палітри Шари:
Вибравши маску шару, натисніть на значок «Новий шар коригування».
Тоді я виберу Зовнішнє світіння зі списку, який з’являється:
Виберіть стиль шару "Зовнішнє світіння".
Це відкриває діалогове вікно « Стиль шару» Photoshop з опціями Зовнішнє світіння в середній колонці. За замовчуванням стиль шару зовнішнього світіння використовує жовтуватий колір. Я хочу змінити його на білий, щоб зробити це, я натискаю прямо на кольоровий зразок Зовнішнього світіння:
Клацніть кольоровий зразок у параметрах Зовнішнє світіння, щоб змінити колір світіння.
Коли я натискаю на кольоровий зразок, з'являється програма вибору кольорів Photoshop. Я виберу білий у верхньому лівому куті:
Клацніть у верхньому лівому куті вибору кольору, щоб вибрати білий колір як колір зовнішнього світіння.
Тоді я натискаю ОК, щоб вийти з програми "Вибір кольорів". Колір мого зовнішнього світіння - білий.
Я залишу всі інші параметри Зовнішнього світіння в спокої і просто натисніть кнопку OK в цьому пункті, щоб вийти з діалогового вікна «Стиль шару». Біле зовнішнє сяйво буде додано до маски шару. Ми не зможемо побачити його на зображенні лише тому, що це біле сяйво на білому тлі, але ми побачимо це, як тільки ми почнемо додавати до зображення більше квадратних ділянок, як ми це робимо.
Крок 7: Скопіюйте шар
Згадайте на початку цього підручника, коли я сказав, що більшість творів - це просто повторення? Ну, ось тут і починається. Наступні кілька кроків будуть повторюватися знову і знову, але не хвилюйтеся, вони прості. По-перше, з "Шаром 1", вибраним у палітрі шарів, я збираюсь дублювати його за допомогою комбінації клавіш Ctrl + J (Win) / Command + J (Mac). Зараз у мене є точна його копія у верхній частині палітри шарів:
Палітра шарів тепер показує дублікат "Шар 1" вгорі.
Коли я кажу "точна копія", я маю на увазі точну копію. Копія не тільки містить зображення, вона також містить копію маски та стиль шару Outer Glow, тому нам не доведеться самостійно додавати іншу маску чи інший Зовнішній світіння. Все вже є для нас. Крім того, оскільки вміст шару та маска шару на "Шарі 1" не були пов'язані, вони також не пов'язані на копії, що саме те, що ми хочемо.
Крок 8: Перемістіть маску шару на нове місце, щоб створити другу площу
Я захоплю інструмент Move з палітри інструментів:
Виберіть інструмент "Переміщення" на палітрі "Інструменти".
Я також міг натиснути клавішу V на клавіатурі, щоб вибрати її. Потім у палітрі шарів я натискаю на піктограму маски дублюючого шару, щоб вибрати її, переконуючись, що вибрана маска, а не сам шар. На піктограмі маски навколо неї буде виділятися підсвітка, щоб вказати, що вона вибрана:
Клацніть на мініатюрі шару маски в палітрі шарів, щоб вибрати її. Навколо нього буде виділятися вікно підсвічування, яке вказуватиме на те, що він обраний
Потім, вибравши маску шару, я просто збираюся натиснути все вікно документа і перетягнути маску на нове місце, яке створить другий квадрат. Я перетягну її вліво і вліво, щоб верхній правий кут перекривався нижнім лівим кутом початкового квадрата:
Перетягніть маску на нове місце на зображенні, щоб створити другий квадрат.
Зараз у мене два квадрати, і якщо ви подивитесь у верхній правий кут того, що я щойно створив, ви зможете побачити біле Зовнішнє світіння, що визначає краї квадрата.
Крок 9: Продовжуйте дублювати шар і перетягувати маску, щоб створити більше квадратів
На даний момент просто питання повторення останніх двох кроків, поки основні області зображення не будуть помітні всередині квадратів. Тому спочатку натисніть Ctrl + J (Win) / Command + J (Mac) для дублювання шару. Потім, і ця частина дуже важлива, натисніть на мініатюру маски шару новоствореного шару, щоб переконатися, що вибрана маска, а не вміст шару. Якщо ви спробуєте перетягнути маску, щоб створити новий квадрат, і замість цього ви побачите зображення всередині квадрата, що рухається, у вас є сам шар, вибраний помилково. У такому випадку натисніть Ctrl + Z (Win) / Command + Z (Mac), щоб скасувати, потім натисніть на ескіз маски шару та повторіть спробу.
Продовжуйте цей процес дублювання шару, вибору маски та перетягування маски на нове місце на зображенні, поки не з’являться всі важливі області зображення. Добре перекривати квадрати, і не бійтеся залишати випадковий порожній простір між ними. Це просто додає ефекту.
Я продовжую дублювати шар і переміщувати маску, поки всі четверо людей на фотографії не з’являться всередині квадратів. Ось мій образ після створення достатньої кількості квадратів, щоб залучити решту хлопчика до зображення:
Зображення після додавання достатньої площі, щоб привести хлопця зліва.
Після дублювання більшої кількості шарів і переміщення масок, щоб створити більше квадратів, я привів маму хлопчика і молодшого брата в дію:
Після додавання ще квадратів тепер видно маму хлопчика та молодшого брата.
Нарешті, я додав достатньо квадратів, щоб переглядати всі основні області фотографії. Я також переконався, що на фотографії чітко видно обличчя всіх чотирьох людей та їх не розрізають по краях будь-яких квадратів. Це було б просто неправильно:
Зараз додано достатньо квадратів, щоб привести основні площі фотографії у вигляд.
Крок 10: Скопіюйте ще один шар і зменшіть розмір квадрата до 50%
Основна частина ефекту тепер завершена, і для запису я зараз маю 36 квадратів на зображенні. Ви можете мати більше, ви можете менше. Це дійсно залежить від зображення, яке ви використовуєте, і скільки квадратів, на вашу думку, потрібно, перш ніж ефект виглядає «правильно». Я закінчу ефект, додавши кілька менших квадратів у кутах та навколо зовнішніх країв.
Для цього я збираюся дублювати ще один шар із Ctrl + J (Windows / Command + J (Mac), а потім натискаю на маску шару, щоб вибрати її, як я це робив уже 36 разів. Цього разу, замість того, щоб просто перемістити маску, щоб створити ще один квадрат, я натискаю Ctrl + T (Win) / Command + T (Mac), щоб відкрити вікно Photoshop Free Transform і обробляти навколо площі, а потім я Я перетягну одну з кутових ручок всередину, щоб зменшити розмір квадрата приблизно на 50%. Коли я перетягую ручку всередину, я буду затримувати Shift + Alt (Win) / Shift + Option (Mac), яка збирається обмежити маску ідеальною площею і сказати Photoshop змінити розмір квадрата від його центру:
Використовуйте "Безкоштовне перетворення", щоб зменшити розмір квадратної маски приблизно на 50%.
Після зміни розміру квадрата приблизно до половини його початкового розміру я натискаю клавішу Enter (Win) / Return (Mac), щоб прийняти перетворення, і тоді, як я це зробив з іншими квадратами, я буду використовувати Перемістіть інструмент, щоб перетягнути його на нове місце, цього разу десь біля зовнішнього краю колажу:
Використовуйте інструмент "Переміщення", щоб перетягнути менший квадрат десь уздовж зовнішнього краю колажу.
Крок 11: Продовжуйте додавати більше менших квадратів навколо зовнішніх країв колажу
Продовжуйте дублювати шар меншою квадратною маскою і переміщуючи менші квадрати до зовнішніх країв колажу. Знову ж таки, додайте стільки, скільки потрібно, щоб ефект виглядав «правильно». Ось моя після додавання декількох менших квадратів по краях. Я також додав тут і там у основній частині зображення, щоб додати трохи різноманітності:
Зображення після додавання достатньої площі, щоб привести хлопця зліва.
Крок 12: Об’єднайте всі квадратні шари масок в один
Після додавання до зображення всіх моїх менших квадратів у мене зараз загальна сума 56 квадратів, а значить, у мене 56 шарів, що містять маску квадратної форми. Я хочу завершити ефект додаванням тіні краплі до колажу, але я не можу зробити це дуже легко, коли колаж складається з 56 окремих шарів. Мені потрібно злити їх усіх на один шар. Для цього в моїй палітрі шарів я збираюся натиснути на самий верхній шар, щоб вибрати його. Потім я прокручую всю дорогу вниз і натискаю клавішу Shift на "Шар 1", який є шаром, за допомогою якого розпочався весь колаж. Це дозволить вибрати всі квадратні шари маски одразу (ви побачите їх усі вибрані в палітрі шарів).
Якщо всі вони вибрані, натисніть Ctrl + E (Win) / Command + E (Mac), щоб об'єднати їх на один шар над заповненим білим шаром. Тепер у палітрі шарів у вас буде лише три шари - шар «Фоновий», «заповнений білим шаром» і злитий шар:
Палітра шарів тепер показує лише три шари, включаючи нещодавно злитий шар у верхній частині.
Крок 13: Додайте тінь для краплі для завершення ефекту
Вибравши об'єднаний шар, ще раз клацніть на піктограмі " Новий коригувальний шар" у нижній частині палітри "Шари" і цього разу виберіть " Відмінити тінь" зі списку:
При вибраному об'єднаному шарі натисніть на піктограму «Новий шар коригування» та виберіть «Відкинути тінь».
Це допоможе відновити діалогове вікно « Стиль шару» Photoshop, на цей раз встановлено параметри «Тінь випадання». Єдиний варіант, який я збираюся змінити - непрозорість . Мені просто хочеться тонкої краплі тіні, нічого, що не відніме увагу від колажу, тому я знижую значення непрозорості аж до 25%:
Зменшіть значення непрозорості тіні, щоб вона була більш тонкою.
Натисніть кнопку ОК, щоб вийти з діалогового вікна «Стиль шару», і ми закінчили! Ось мій остаточний ефект "Колаж квадратів":
Кінцевий ефект.
І там ми його маємо! Ось як перетворити фотографію на колаж квадратів за допомогою Photoshop! Відвідайте наш розділ Фотоефекти, щоб отримати більше навчальних посібників щодо ефектів Photoshop!