У цьому підручнику з фотоефектами Photoshop ми дізнаємося, як створити просту рамку для фотографій з трьох зображень, і коли ми закінчимо, ми побачимо, як легко перетворити кінцевий результат у шаблон для багаторазового використання, використовуючи смарт-об’єкти Photoshop! Розумні об’єкти були вперше представлені у Photoshop CS2, а значить, вам знадобиться Photoshop CS2 або вище для завершальних кроків підручника. Я сам буду використовувати Photoshop CS4. Однак якщо ви використовуєте більш ранню версію Photoshop, ви все одно можете створити власне фоторамку. Єдине, що вам не вдасться зробити, це перетворити зображення в смарт-об’єкти в кінці підручника.
Ось трійка фоторамки, яку ми будемо створювати:
Кінцевий результат.
Як створити фоторамку з трьох зображень
Крок 1: Створіть новий документ
Почнемо зі створення нового документа Photoshop. Перейдіть до меню Файл у рядку меню у верхній частині екрана та оберіть Створити . Або для швидшого створення нового документа просто натисніть комбінацію клавіш Ctrl + N (Win) / Command + N (Mac) :
Перейдіть у меню Файл> Створити або натисніть Ctrl + N (Win) / Command + N (Mac).
У будь-якому випадку ви вибираєте діалогове вікно " Новий документ" Photoshop, де ми встановлюємо параметри нашого нового документа. Оскільки я розміщую три зображення в портретному стилі поруч один з одним підряд, мені знадобиться досить широкий документ, тому я введу 12 дюймів для ширини і 6 дюймів для висоти, переконайтеся, що тип вимірювання встановлено на дюйми, а не пікселі. Можливо, вам потрібно буде ввести різні значення для ширини та висоти, якщо у вас є певний розмір документа, який ви хочете створити. Оскільки я хочу надрукувати ефект кадру, коли закінчу, я введу 300 пікселів / дюйм для роздільної здатності :
Створіть новий документ розміром 12 дюймів x 6 дюймів зі швидкістю 300 пікселів / дюйм.
Натисніть кнопку ОК, коли ви закінчите, щоб прийняти налаштування та вийти з діалогового вікна. Новий документ з'явиться на вашому екрані:
З'являється новий документ.
Крок 2: Заповніть новий документ чорним кольором
Я хочу використовувати чорний колір для фонового кольору, тому я перейду до меню " Правка" у верхній частині екрана і оберіть команду Photoshop's Fill, яка дозволяє нам заповнити шар або виділити кольором:
Перейдіть до редагування> заливка.
Коли з’явиться діалогове вікно «Заливка», я встановлю параметр « Використовувати» у розділі « Зміст» у верхній частині діалогового вікна на « Чорний» :
Встановіть для параметра Параметр чорний.
Клацніть OK, щоб вийти з діалогового вікна, і Photoshop заповнить документ суцільним чорним кольором:
Тепер документ заповнений чорним кольором.
Крок 3: Додайте новий порожній шар
Нам потрібно додати новий порожній шар. На цьому новому шарі ми додамо заповнювач для першого зображення. Утримуйте клавішу Alt (Win) / Option (Mac) і натисніть на піктограму New Layer в нижній частині панелі "Шари":
Утримуйте клавішу Alt (Win) / Option (Mac) і натисніть на піктограму New Layer.
Утримуючи клавішу Alt / Option, натискаючи на піктограму New Layer, ми повідомляємо Photoshop відкрити діалогове вікно New Layer перед тим, як додати новий шар, і ми можемо скористатися діалоговим вікном, щоб дати назву новому шару. Змініть назву нового шару зі свого за замовчуванням "Шар 1" на заповнювач зліва :
Змініть назву нового шару на "заповнення ліворуч".
Клацніть OK, щоб прийняти зміну імені та вийти з діалогового вікна. Якщо ми подивимось на панель «Шари», ми можемо побачити, що тепер у нас над фоновим шаром розташований новий порожній шар під назвою «заповнювач місця». Шаблон шаблону в мініатюрі попереднього перегляду шару зліва від назви шару говорить нам, що шар на даний момент порожній:
Додано новий шар під назвою "Заставлений заповнювач".
Крок 4: Виберіть інструмент «Накреслення прямокутника»
Виберіть інструмент прямокутного накреслення Photoshop у верхній частині панелі Інструменти або натисніть букву M на клавіатурі, щоб швидко вибрати її за допомогою ярлика:
Виберіть інструмент «Прямокутний намет».
Якщо вибрано інструмент «Прямокутна рамка», панель параметрів у верхній частині екрана змінюється, щоб відобразити параметри інструменту «Прямокутна наметка». Один із варіантів - стиль . Змініть його за замовчуванням на Нормальне на Фіксований коефіцієнт, а потім введіть 4 для Ширини і 6 Для Висоти . Це змусить форму виділення, яку ми збираємося скласти у форматі сторін 4х6, що полегшить нам додавання декількох фотографій 4x6 до документа згодом:
Змініть стиль на "Фіксований коефіцієнт", а потім введіть "4" для ширини і "6" для висоти.
Крок 5: На лівій стороні документа намалюйте прямокутний вибір
Витягніть прямокутний виділення з лівої сторони документа. Тут з’явиться фото зліва. Ви помітите, що під час перетягування виділення форма його обмежується співвідношенням сторін 4х6, яке ми встановили на панелі параметрів на попередньому кроці. Якщо вам потрібно перемістити виділення під час перетягування, просто утримуйте пробіл, перетягніть мишу, щоб перемістити виділення на місце, а потім відпустіть пробіл і продовжуйте перетягування. Обов’язково залиште достатньо місця для розміщення ще двох фотографій всередині документа:
Клацніть та перетягніть виділення навколо області, де з’явиться фото зліва.
Крок 6: Заповніть вибір сірим кольором
Після того, як ви здійснили вибір, поверніться до меню Правка та знову виберіть команду Заповнити :
Перейдіть до редагування> заливка.
Цього разу, коли з’явиться діалогове вікно «Заливка», змініть параметр « Використовувати» у розділі « Зміст» у верхній частині діалогового вікна на 50% сірого :
Цього разу змініть параметр Use на "50% Grey".
Натисніть кнопку ОК, коли ви закінчите, щоб вийти з діалогового вікна. Photoshop заповнює вибір сірим кольором. Немає особливих причин, чому ми тут вибрали сірий колір. Нам просто потрібно було заповнити виділення кольором, і оскільки ми використовуємо його лише як заповнювач зображення, сірий здавався природним вибором. Натисніть Ctrl + D (Win) / Command + D (Mac), щоб видалити контур вибору з усієї форми:
Натисніть Ctrl + D (Win) / Command + D (Mac), щоб видалити контур вибору, як тільки ви заповнили вибір сірим кольором.
Крок 7: Додайте тонкий білий штрих навколо форми
Додамо навколо форми тонку білу облямівку. Клацніть на піктограмі стилів шару внизу панелі «Шари» та виберіть « Обведення» внизу списку стилів шарів, який з’являється:
Клацніть на значку стилів шару та виберіть «Обведення» зі списку.
Це відкриває діалогове вікно « Стиль шару» Photoshop, встановлене на параметри обведення в середньому стовпчику. По-перше, змініть колір штриха, натиснувши на невеликий кольоровий зразок праворуч від слова Колір та вибравши білий колір із пункту Колір, коли він з'являється. Натисніть кнопку ОК, щоб закрити програму "Вибір кольорів", коли закінчите. Збільшити розмір обведення приблизно до 10 пікс (пікселів), а потім змінити позицію на внутрішню :
Змініть колір обведення на білий, потім збільште розмір приблизно до 10 пікс і змініть Позицію на "Всередину".
Після встановлення кольору, розміру та положення обведення, натисніть кнопку ОК, щоб вийти, щоб вийти з діалогового вікна. Ось моє зображення з тонкою білою облямівкою, яка зараз нанесена на фігуру:
Стилі шару - це простий спосіб додати до зображення прості ефекти, такі як рамки.
Крок 8: Виберіть інструмент Move
Виберіть інструмент Move Photoshop's Move на панелі інструментів або натисніть букву V на клавіатурі, щоб швидко вибрати її за допомогою ярлика:
Виберіть інструмент "Переміщення".
Крок 9: Перетягніть копію форми в центр документа
Натисніть Shift + Alt (Win) / Shift + Option (Mac) і, утримуючи обидві клавіші, натисніть на сіру форму всередині документа і перетягніть її вправо. Клавіша Alt / Option повідомляє Photoshop, що ми хочемо створити копію фігури під час перетягування замість переміщення оригінальної форми, тоді як клавіша Shift обмежує напрямок, який ми можемо перетягнути, полегшуючи перетягування прямолінійно право.
Перетягніть копію в центр зображення, що створює заповнювач для середньої фотографії, яку ми будемо додавати. Зауважте, що білий штрих також копіюється разом із формою:
Утримуйте Shift + Alt (Win) / Shift + Option (Mac) і перетягніть копію фігури в середину документа.
Крок 10: Перейменуйте новий шар "Середній заповнювач"
Якщо ми подивимось на панель «Шари», то можемо побачити, що друга форма з’явилася на власному шарі над початковою формою. Photoshop назвав новий шар "лівою копією заповнювача заповнення". Двічі клацніть безпосередньо на назві нового шару та змініть його на середину заповнення . Коли ви закінчите, щоб прийняти зміни, натисніть клавішу Enter (Win) / Return (Mac):
Нова форма з’являється на власному шарі над оригіналом. Перейменуйте новий шар "середина заповнення місця".
Крок 11: Перетягніть ще одну копію фігури в праву частину документа
Ще раз утримуючи Shift + Alt (Win) / Shift + Option (Mac), натисніть на середню форму і перетягніть її копію в праву частину документа. Це стане заповнювачем зображення, яке з’являється праворуч. Знову білим штрихом копіюється разом з формою. Спробуйте залишити стільки місця між новою формою та правим краєм документа, скільки є між лівою формою та лівим краєм документа. Поки не хвилюйтесь, якщо самі форми не розташовані рівномірно, як і мої, явно не:
Спробуйте залишити рівний простір між третьою формою та правим краєм документа, оскільки між початковою формою та лівим краєм є.
Крок 12: Перейменуйте новий шар "Правильно заповнювача"
Якщо ми ще раз подивимось на панель «Шари», то побачимо, що третя форма з’являється на її власному шарі над двома іншими фігурами, а Photoshop автоматично назвав новий шар «середньою копією заповнювача». Двічі клацніть безпосередньо на назві шару та змініть його на право заповнення . Натисніть Enter (Win) / Return (Mac), щоб прийняти зміни, коли закінчите:
Перейменуйте новий шар "право заповнення місця".
Крок 13: Виберіть одразу всі три шари заповнення
Вирівняємо три форми, щоб вони були рівномірно розташовані один від одного. Після того, як верхній шар ("заповнювач заповнення" вже обраний), утримуйте клавішу Shift і натисніть на шар оригінальної форми ("заповнювач місця ліворуч") на панелі "Шари". Це дозволить вибрати всі три шари заповнення одразу (ви побачите, що всі вони виділені синім кольором, що повідомляє нам, що вони вибрані):
Утримуйте Shift і натисніть на "заповнення ліворуч", щоб вибрати усі три шари заповнення.
Крок 14: Клацніть піктограму «Розподілити горизонтальні центри»
Якщо вибрані всі три шари та вибраний інструмент переміщення, на панелі параметрів у верхній частині екрана ви побачите серію піктограм, які дають нам різні способи вирівнювання та розподілення шарів. Клацніть на значку Розподілити горизонтальні центри, який розмістить фігури горизонтально:
Клацніть на іконку «Розподілити горизонтальні центри» на панелі параметрів.
Усі три форми заповнювача повинні бути рівномірно розташовані в документі:
Тепер заповнювачі розміщені рівномірно.
Ми готові додати в документ кілька фотографій. Ми зробимо це далі!
Крок 15: Відкрийте перше фото, яке потрібно додати до кадру
Відкрийте перше зображення, яке ви хочете додати в рамковий документ. Ось фото, яке я буду використовувати:
Перше фото, яке я додаю до документа.
Крок 16: Скопіюйте фото в буфер обміну
Натисніть Ctrl + A (Win) / Command + A (Mac) для швидкого вибору всієї фотографії. Ви побачите контур виділення навколо зображення. Потім натисніть Ctrl + C (Win) / Command + C (Mac), щоб скопіювати зображення у буфер обміну. Після закриття зображення в буфер обміну можна закрити вікно документа фотографії.
Крок 17: Виберіть шар «Зберігач ліворуч»
Переключіться на рамковий документ, натиснувши будь-яке місце у вікні документа, а потім натисніть лівий шар заповнювача на панелі "Шари", щоб вибрати його:
Виберіть у рамковому документі шар «лівий заповнювач місця».
Крок 18: Вставте фотографію в документ-кадр
Натисніть Ctrl + V (Win) / Command + V (Mac), щоб вставити фотографію в рамковий документ. Photoshop розмістить фотографію на своєму власному шарі безпосередньо над вибраним шаром, і якщо ми подивимось на панель «Шари», то зможемо побачити, що достатньо впевнено, що фотографія з’являється на власному шарі безпосередньо над шаром «лівий заповнювач», який ми вибрано на попередньому кроці:
Вставлення зображення в інший документ розміщує зображення на власному шарі над шаром, який було обрано.
Єдина проблема полягає в тому, що я хочу, щоб ця фотографія відображалась як ліве зображення у кадрі, але на даний момент вона не тільки з’являється посередині, вона прихована за середньою формою завдяки тому, що шар «заповнювач середини» знаходиться вище фото на панелі "Шари". На зображенні я бачу лише зовнішні краї, які виходять за межі форми:
Ми успішно додали фотографію до документа, але воно знаходиться в неправильному місці та приховано за формою середнього заповнювача.
Крок 19: Перетягніть фотографію за формою «Заставив ліворуч»
Якщо інструмент "Переміщення" все ще вибраний, натисніть всередину документа та перетягніть фотографію вліво, доки вона не з’явиться над формою "заповнення заповнення ліворуч":
Клацніть та перетягніть фотографію за формою «заповнення ліворуч».
Крок 20: Створіть відсічну маску
Після того, як фотографія перевершить форму ліворуч від заповнення, перейдіть до меню шару у верхній частині екрана та виберіть Створити відсічну маску :
Перейдіть до шару> Створити відсічну маску.
Photoshop "зафіксує" фотографію у формі заповнювача під ним, дозволяючи залишатись видимими лише ділянку фотографії, що потрапляє в межі форми. Решта фотографії, яка простягається поза формою, стає прихованою від перегляду. Білий штрих навколо форми тепер видно ще раз:
Фотографія тепер "підстрижена" у формі заповнювача під ним.
Крок 21: Змініть розмір фотографії за допомогою команди Free Transform
Давайте змінимо розмір фотографії, щоб ми могли бачити все зображення, а не лише будь-яку частину, що перебуває над формою заповнення. Натисніть Ctrl + T (Win) / Command + T (Mac) для швидкого відображення вікна Photoshop Free Transform та обробляє зображення. Незважаючи на те, що ми можемо бачити лише область фотографії, яка знаходиться безпосередньо над формою, ручки вільної трансформації з'являються навколо фактичних розмірів зображення. Якщо ви не бачите ручок вільної трансформації, оскільки ваше зображення настільки велике, що краї виходять за межі видимої області вікна документа, натисніть Ctrl + 0 (Win) / Command + 0 (Mac), щоб Photoshop зменшив масштаб до все вміщується у вікні документа (відомий як перегляд " Вміст на екрані "). Натисніть його ще раз, коли закінчите зміни розміру зображення.
Перетягніть кутові ручки вільної трансформації (маленькі квадратики) всередину, поки вони не вирівняються з кутами форми заповнення так, щоб і форма, і фото були однакового розміру. Звичайно, це передбачає, що ви використовуєте фотографію з тим же співвідношенням сторін 4х6, що і форма заповнювача, як я тут. Якщо ваша фотографія використовує інше співвідношення сторін, просто змініть розмір зображення до тих пір, наскільки це максимально вміститься у формі. Утримуючи клавішу Shift, перетягуючи ручки, щоб обмежити співвідношення сторін фотографії, щоб ви не випадково спотворили її вигляд під час зміни розміру. Ви можете перемістити фотографію, якщо потрібно, натиснувши будь-яке місце у вікні Безкоштовна трансформація та перетягнувши його за допомогою миші:
Перетягніть кутові ручки Free Transform всередину, поки фотографія не буде такого ж розміру, як форма заповнення.
Після закінчення зміни розміру зображення натисніть Enter (Win) / Return (Mac), щоб прийняти перетворення та вийти з команди Free Transform:
Фотографія тепер того ж розміру, що і форма заповнення під ним.
Крок 22: Додайте до кадру ще дві фотографії
Виконайте ті ж самі кроки, щоб додати ще два фотографії в рамковий документ, одне для середньої області та одне праворуч. Спочатку відкрийте фотографію, яку ви хочете використовувати. Натисніть Ctrl + A (Win) / Command + A (Mac), щоб вибрати його, потім Ctrl + C (Win) / Command + C (Mac), щоб скопіювати його у буфер обміну. Після копіювання зображення у буфер обміну закрийте вікно документа фотографії. Переключіться назад на документ із рамкою та натисніть на середній або на правий шар заповнювача на правому шарі на панелі «Шари», щоб вибрати його (залежно від того, до якого ви додаєте фотографію).
Натисніть Ctrl + V (Win) / Command + V (Mac), щоб вставити фотографію в документ. Photoshop розмістить фотографію на власному шарі безпосередньо над шаром заповнення, який ви вибрали. За допомогою інструмента "Переміщення" перетягніть фотографію поверх форми заповнення, якщо потрібно, перейдіть до меню шару у верхній частині екрана та оберіть Створити відсічну маску . Нарешті, натисніть Ctrl + T (Win) / Command + T (Mac), щоб відкрити вільне вільне перетворення та обробляти зображення. Утримуйте клавішу Shift і перетягніть кутові ручки, щоб змінити розмір фотографії. Натисніть Enter (Win) / Return (Mac), коли закінчите, щоб вийти з вільної трансформації.
Ось мій документ із рамкою після додавання фотографій до середнього та правого розділів:
Підсумковий результат три фотографії.
Крок 23: Перетворіть три фотографії у розумні об’єкти
Для цих кількох інших кроків вам знадобиться Photoshop CS2 або новішої версії, щоб слідувати далі. Ми побачимо, як легко використовувати наш кінцевий результат у вигляді шаблону, замінюючи інші фотографії в рамці та поза рамками за допомогою смарт-об’єктів, які вперше були представлені у Photoshop CS2.
На панелі "Шари" клацніть по шару, ніж міститься перша фотографія, яку ми додали (та, яка знаходиться безпосередньо над шаром "лівий заповнювач"), щоб вибрати її. Він повинен бути на шарі з назвою "Шар 1":
Клацніть на "Шар 1", який містить перше додане нами фото.
Вибравши шар, клацніть правою кнопкою миші (Win) / Control (Клацніть) (Mac) на назві шару та виберіть " Перетворити в розумний об'єкт" у меню, яке з'явиться:
Виберіть у меню "Перетворити на розумний об'єкт".
Здається, нічого не трапилося у вікні документа, але якщо ми подивимось у нижньому правому куті ескізу попереднього перегляду шару, ми можемо побачити, як з'явився невеликий значок Smart Object, який дає нам знати, що фотографія тепер є Smart Object:
У мініатюрі попереднього перегляду шару з’являється невелика піктограма Smart Object.
Зробіть те ж саме для двох інших зображень (які ви знайдете на "Шар 2" та "Шар 3"), спочатку клацнувши по шару на панелі "Шари", потім клацніть правою кнопкою миші (Перемогти) / Клацніть клавішею управління (Mac ) на ім'я шару та вибираючи в меню « Перетворити в розумний об’єкт ». Коли ви закінчите, усі три фотографії мають містити значок Smart Object у правому нижньому куті ескізу попереднього перегляду шару.
Крок 24: Замініть зміст кожного розумного об’єкта, щоб додати різні фотографії
Коли всі три шари фотографії тепер перетворені на смарт-об’єкти, натисніть ще раз на "Шар 1" на панелі "Шари", щоб вибрати фотографію зліва, потім клацніть правою кнопкою миші (Перемогти) / Клацніть клавішею управління (Mac) ще раз на ім'я Шари щоб відкрити те саме меню, яке ми побачили мить тому. Цього разу виберіть у меню Замінити вміст :
Виберіть "Шар 1" ще раз, потім клацніть правою кнопкою миші (Win) / Control (Клацніть) (Mac) та виберіть у меню "Замістити вміст".
Відкриється діалогове вікно Місце Photoshop's Place . Перейдіть до папки на жорсткому диску, яка містить фотографію, на яку потрібно замінити перше зображення. У мене на робочому столі збережені три нові фотографії в папці. Клацніть назву фотографії, яку ви хочете використовувати, а потім натисніть кнопку Місце :
Клацніть назву фотографії, а потім натисніть Розмістити.
Як тільки ви натискаєте кнопку Місце, Photoshop поміняє оригінальну фотографію новою фотографією в документі! Якщо вам потрібно змінити розмір нового зображення, натисніть Ctrl + T (Win) / Command + T (Mac), щоб відобразити ручки вільної трансформації, а потім перетягніть кутові ручки, щоб змінити розмір так само, як ми це робили з оригінальною фотографією, утримуючи натиснутою кнопку клавішу Shift під час перетягування для обмеження співвідношення сторін. Знову ж таки, якщо ви не можете бачити ручки, оскільки зображення занадто велике, щоб вміститися всередині вікна документа, натисніть Ctrl + 0 (Win) / Command + 0 (Mac), щоб перейти в режим перегляду Fit on Screen . Натисніть його ще раз, коли закінчите зміни розміру зображення:
Якщо нове зображення здається занадто великим, змініть його розмір за допомогою команди Free Transform.
Натисніть Enter (Win) / Return (Mac), коли закінчите, щоб прийняти трансформацію та вийти з Безкоштовної трансформації:
Ліва фотографія була замінена.
Зробіть те саме, що і для двох інших фотографій, щоб поміняти їх іншими зображеннями. Спочатку виберіть шар фотографії на панелі "Шари" ("Шар 2" або "Шар 3"), потім клацніть правою кнопкою миші (Перемогти) / Клацніть клавішею миші (Mac) на назві шару і виберіть Замінити вміст у меню, яке з'явиться. Коли з'явиться діалогове вікно "Місце", виберіть нову фотографію, яку ви хочете використовувати, а потім натисніть кнопку " Місце" . Якщо вам потрібно змінити розмір нового зображення, натисніть Ctrl + T (Win) / Command + T (Mac) та перетягніть кутові ручки Free Transform, утримуючи Shift під час перетягування. Натисніть Enter (Win) / Return (Mac), коли закінчите, щоб вийти з вільної трансформації.
Ось мій результат після заміни середньої та лівої фотографій новими зображеннями:
Заміна оригінальних зображень на нові була легко завдяки Smart Objects!
Переконайтеся, що ви зберегли документ у форматі Photoshop .PSD, коли закінчите, щоб зберегти шари та смарт-об’єкти неушкодженими, готові до наступного разу, коли вам потрібно буде знову відкрити файл та додати нові фотографії!