У цьому підручнику ви дізнаєтесь, як заповнити форму зображенням у Photoshop! Як ви побачите, Photoshop полегшує розміщення фотографії в будь-якому виді фігури - від основного прямокутника або кола до вишуканої спеціальної форми. Для цього підручника ми будемо використовувати одну з готових набір форм Photoshop. Але після того, як ви дізнаєтесь кроки, ви можете почати розміщувати зображення в будь-якій формі, яка вам подобається!
Ось як буде виглядати остаточний ефект "зображення у формі", коли ми закінчимо. Звичайно, це лише один приклад ефекту. У Photoshop можна вибрати багато форм, і ви навіть можете створити власну. Отож, коли ви навчились дії, насправді немає обмежень у тому, що ви можете зробити:
Заключний ефект "зображення у формі".
Давайте розпочнемо!
Як заповнити форму фотографією
Я використовую Photoshop CC, але все, що ми будемо робити, також сумісне з Photoshop CS6.
Крок 1: Створіть новий документ
Почнемо зі створення нового документа. Перейдіть до меню Файл у рядку меню вгорі екрана та виберіть команду Створити :
Перехід до Файл та Новий.
Це відкриває діалогове вікно Новий документ . Якщо ви використовуєте Photoshop CC, ви побачите нещодавно оновлену версію діалогового вікна «Новий документ». Якщо ви використовуєте Photoshop CS6, ви побачите старіший, традиційний варіант. Ми спочатку розглянемо версію Photoshop CC, потім розглянемо версію CS6.
У Photoshop CC параметри створення нового спеціалізованого документа знаходяться на панелі « Попередньо задані деталі» праворуч від діалогового вікна. Для цього підручника давайте створимо документ квадратної форми. Встановіть ширину та висоту до 2000 пікселів . Ми встановимо роздільну здатність 72 пікселів / дюйм, а фоновий вміст - білий . Клацніть Створити, щоб створити новий документ:
Панель "Настроєна інформація" у діалоговому вікні "Новий документ" у Photoshop CC.
У Photoshop CS6 знову встановіть як ширину, так і висоту до 2000 пікселів, роздільну здатність до 72 пікселів / дюйм та вміст фону - білий . Клацніть OK, щоб створити новий документ:
Діалогове вікно «Новий» у Photoshop CS6.
Подивіться відео та діліться своїми коментарями на нашому каналі YouTube!
Крок 2: Виберіть інструмент "Спеціальна форма"
Як я вже згадував, для цього ефекту можна використовувати будь-який тип фігури - від простого прямокутника або кола до спеціальної форми. Для цього підручника я буду використовувати одну із вбудованих користувальницьких форм Photoshop.
Виберіть інструмент " Спеціальна форма" на панелі інструментів. За замовчуванням інструмент користувацької форми вкладається за інструментом «Прямокутник». Клацніть правою кнопкою миші (Win) / Control (Клацніть) (Mac) на інструменті прямокутника, а потім виберіть у меню інструмент "Спеціальна форма":
Вибір інструменту "Спеціальна форма" на Панелі інструментів.
Крок 3: Встановіть для режиму інструмента "Форму"
Існує три різні типи фігур, які ми можемо малювати у Photoshop. Ми можемо малювати векторні фігури, контури або піксельні форми. Для цього ми хочемо намалювати векторні фігури, які дозволять нам малювати форму будь-якого потрібного нам розміру, зберігаючи краї красивими та гострими.
Photoshop відноситься до векторних фігур просто як "фігури". Вибравши інструмент "Спеціальна форма", переконайтесь, що для параметра " Режим інструмента " на панелі параметрів встановлено значення " Форма"
Встановлення режиму інструменту "Форма" на панелі параметрів.
Крок 4: Встановіть колір форми чорним
Щоб ми побачили нашу форму на білому тлі, встановимо колір заливки фігури чорним . Ви знайдете зразок кольору заливки на панелі параметрів (безпосередньо біля параметра Режим інструмента).
За замовчуванням колір вже стане чорним. Якщо це не так, натисніть букву D на клавіатурі. Це скине кольори переднього плану та фону до значень за замовчуванням, зробивши колір переднього плану (і колір заливки форми) чорним:
Зображення кольору заливки на панелі параметрів. Переконайтеся, що він встановлений на чорний.
Крок 5: Завантажте власні форми
Photoshop включає в себе безліч готових нестандартних фігур для нас на вибір. Але за замовчуванням у програму завантажується лише жменька з них. Щоб знайти решту, нам потрібно завантажити їх у себе.
Ескіз форми на панелі параметрів відображає обрану на даний момент форму. Клацніть на мініатюрі, щоб вибрати іншу форму:
Клацнувши мініатюру форми на панелі параметрів.
Це відкриває програму для вибору користувальницької форми з мініатюрами усіх форм, які ми можемо вибрати. Як я вже згадував, за замовчуванням відображається лише кілька фігур. Давайте завантажимо всі форми, щоб дати нам більше вибору.
Клацніть піктограму меню ( значок шестірні) у верхньому правому куті вибору користувальницької форми:
Клацнувши піктограму меню "Вибір спеціальної форми".
У нижній половині меню, яке з’явиться, ви побачите список усіх наборів фігур, які ми можемо вибрати. Замість того, щоб завантажувати кожен окремо, щоб побачити, що ми отримуємо, давайте просто завантажимо їх все одразу. Для цього виберіть Усі вгорі списку:
Завантаження всіх наборів спеціальних форм у Photoshop.
Photoshop запитає, чи хочете ви замінити поточні фігури новими. Оскільки фігури за замовчуванням включені в різні набори фігур, замінюючи їх, ми нічого не втрачаємо, тому натисніть кнопку ОК :
Натиснувши ОК, щоб замінити поточні фігури новими.
Крок 6: Оберіть власну форму
Повернувшись до вибору користувальницької форми, тепер у нас є ще багато форм на вибір. Прокручуйте мініатюри, поки не знайдете потрібну. Форма серця (яка фактично є частиною стандартних форм) - популярний вибір. Але для чогось іншого я виберу форму метелика .
Щоб вибрати форму, двічі клацніть на її ескізі. Це вибирає форму і закривається з вибору спеціальної форми.
Вибір спеціальної форми метелика.
Крок 7: Намалюйте форму
Щоб намалювати форму, натисніть у верхньому лівому куті документа, щоб встановити початкову точку. Утримуючи кнопку миші, натисніть і утримуйте клавішу Shift на клавіатурі та перетягніть по діагоналі вниз до правого нижнього кута документа. Утримуючи клавішу Shift під час перетягування, ви блокуєте пропорції форми, щоб не спотворювати її вигляд.
Під час малювання фігури ви побачите лише контур контуру того, як виглядатиме форма:
Клацніть у верхньому лівому куті, утримуйте клавішу Shift та перетягніть вправо знизу.
Щоб завершити форму, відпустіть кнопку миші та відпустіть клавішу Shift. Переконайтеся, що спочатку ви відпустіть кнопку миші, потім клавішу Shift або співвідношення сторін форми може змінитися. Photoshop малює форму, наповнюючи її чорним кольором:
Photoshop малює форму, коли ви відпускаєте кнопку миші.
Якщо ми подивимось на панель «Шари», ми побачимо форму, що сидить на власному шарі форми над білим заповненим фоновим шаром:
Панель "Шари", що показує шар "Форма" над шаром "Фон".
Крок 8: Перемістіть форму в центр
Щоб перемістити фігуру в центр документа, виберіть інструмент переміщення Photoshop на панелі інструментів:
Вибір інструменту переміщення.
Потім натисніть на форму і перетягніть її в центр. Він повинен встати на місце, як тільки ви наблизитеся до середини:
Переміщення форми в положення.
Крок 9: Відкрийте своє зображення
Відкрийте зображення, яке хочете розмістити всередині форми. Ось який я використовую (дівчина з фото метеликів від Adobe Stock). Ваше зображення відкриється у власному окремому документі з вкладками:
Зображення, яке я розміщу всередині форми. Кредит на фото: Adobe Stock.
Крок 10: Виберіть і скопіюйте зображення
Скопіюємо зображення і вставимо його в документ форми. Перейдіть до меню Select у верхній частині екрана та виберіть Усі . Ви побачите контур виділення навколо зображення.
Перехід до пункту Вибрати> Усі.
Вибравши зображення, перейдіть до меню Правка та виберіть Копіювати :
Перехід до редагування> Копіювати.
Крок 11: Вставте зображення в документ у формі
Поверніться до документа форми, клацнувши на вкладці трохи нижче панелі параметрів. Якщо ви не назвали документ під час його створення (чого ми не створили), він, швидше за все, названий "Без назви-1":
Клацнувши вкладку документа форми.
Потім поверніться до меню Редагування і цього разу виберіть Вставити :
Перехід до редагування> Вставити.
Photoshop вставляє зображення в документ. На даний момент зображення повністю блокує форму з виду. Крім того, моє зображення занадто велике, щоб повністю відповідати документу форми. Ми вирішимо обидві ці проблеми на наступних двох кроках:
Зображення було вставлено в документ форми.
Крок 12: Створіть відсічну маску
Якщо ми знову подивимось на панель «Шари», то побачимо, що Photoshop розмістив зображення на новому шарі над шаром «Форма»:
Панель "Шари", що показує зображення над формою.
Щоб розмістити зображення всередині форми, все, що нам потрібно зробити, - це створити відсічну маску. Переконайтесь, що у вас вибрано шар зображення ("Шар 1"). Потім перейдіть до меню шару у верхній частині екрана та оберіть Створити відсічну маску :
Перехід до шару> Створити відсічну маску.
Це "затискає" зображення на "Шарі 1" на шарі "Форма" під ним, а це означає, що єдиною частиною зображення, яка залишається видимою в документі, є область, яка сидить безпосередньо над (або перед) формою. Решта зображення тепер прихована, створюючи ілюзію, що зображення насправді всередині форми:
Відсічна маска розміщує зображення всередині форми.
І якщо ми знову подивимось на панель «Шари», то побачимо, що «Шар 1» з відступом праворуч, невеликою стрілкою вказує на шар Форма під ним. Ось як Photoshop дає нам знати, що зображення тепер вирізане у формі:
Панель "Шари", що показує зображення, притиснене до шару "Форма".
Крок 13: Змінення розміру та розміщення зображення за допомогою вільної трансформації
Щоб змінити розмір і розмістити зображення всередині форми, переконайтеся, що вибрано "Шар 1". Потім перейдіть до меню « Правка » та оберіть « Безкоштовна трансформація» :
Перехід до редагування> Безкоштовна трансформація.
Це розміщує поле Free Transform і обробляє (маленькі квадратики) навколо фактичних розмірів вашого зображення, включаючи область поза видимим полотном. Якщо ви не бачите всіх ваших ручок вільної трансформації, оскільки ваше зображення занадто велике, щоб повністю розміститися на екрані, перейдіть до меню Перегляд та виберіть " Підписати на екрані" :
Перейдіть до перегляду> Fit на екрані.
Photoshop автоматично регулює рівень збільшення, щоб було видно все вільне вільне перетворення. Тут ми бачимо моє вільне вільне перетворення, яке поширюється праворуч від полотна:
Вікно вільної трансформації з’являється навколо всього зображення.
Щоб змінити розмір зображення у формі, натисніть і потримайте клавішу Shift та перетягніть будь-яку з кутових ручок . Утримуючи клавішу Shift під час перетягування, ви блокуєте початкове співвідношення сторін форми під час зміни розміру.
Щоб перемістити зображення всередині форми, клацніть будь-де всередині вільного вільного перетворення та перетягніть зображення на місце.
Тут я перетягую ручку у верхньому правому куті всередину, а також перемістив зображення, щоб краще підходити до обличчя дівчини у формі крила метелика:
Використання вільної трансформації для зміни розміру та переміщення зображення всередині форми.
Коли ви будете готові, натисніть клавішу Enter (Win) / Return (Mac) на клавіатурі, щоб здійснити зміни та закрити команду Free Transform:
Зображення тепер краще вписується у форму.
Крок 14: Зміна кольору фону
У цей момент робиться головний ефект "зображення у формі"! Звичайно, завжди можна зробити більше, щоб налаштувати його та зробити його ще кращим. Одне, що ми можемо зробити, - це змінити колір тла.
Найпростіший спосіб змінити колір тла - це використовувати один із заповнених шарами суцільного кольору Photoshop. Нам знадобиться шар заповнення суцільним кольором, щоб з’явитися між фоновим шаром та шаром форми, тому спочатку натисніть на шар Фоновий на панелі Шари, щоб вибрати його:
Вибір фонового шару.
Потім натисніть на піктограму « Новий заповнення» або «Коригування» у нижній частині панелі «Шари»:
Клацнувши піктограму «Новий заливний або коригувальний шар».
Виберіть суцільний колір у верхній частині списку:
Додавання заливного шару суцільного кольору.
Photoshop pops відкриває Color Picker, де ми можемо обрати новий колір. Чорний - популярний вибір як колір фону для цього ефекту, тому давайте подивимося, як це виглядає:
Вибір чорного кольору з вибору кольорів.
Чорний напевно розкриває деталі форми, але як колір фону для метелика, я не впевнений, що він працює:
Результат після зміни кольору фону на чорний.
Я міг вибрати інший колір із самого Color Picker. Або я міг спробувати колір безпосередньо із зображення всередині форми, що часто працює краще.
Для цього перемістіть курсор миші на колір, який ви бажаєте взяти на вибірку. Курсор тимчасово переключиться на піктограму інструмента «Піпетка», повідомляючи, що він готовий до вибірки кольору. Мені подобається, щоб фонові кольори були тонкими, тому замість вибору зеленого з дерев чи червоного з квітів я виберу світлий тон шкіри з лоба дівчини, натиснувши на нього, щоб спробувати його:
Вибірка кольору для фону.
Як тільки я натискаю, зразок кольору стає новим кольором фону. Мені подобається цей новий колір краще, тому я натискаю кнопку ОК, щоб закрити програму "Вибір кольору":
Вибірковий колір тепер є кольором фону.
Якщо ми подивимось на панель «Шари», ми побачимо наш шар заповнення суцільним кольором під назвою «Колірна заливка 1», що сидить між шаром «Фоновий» та шаром «Форма», саме там, де нам це було потрібно:
Панель "Шари", що показує новий заповнюючий шар "Суцільний колір".
Крок 15: Додати штрих
Нарешті, закінчимо ефект, додавши штрих навколо форми. Клацніть на шарі "Форма" на панелі "Шари", щоб вибрати його:
Вибір шару форми.
Потім натисніть на піктограму стилів шару (піктограма " fx ") внизу панелі "Шари":
Клацання піктограми стилів шару.
Виберіть обведення зі списку:
Вибір стилю шару обведення.
Це відкриває діалогове вікно «Стиль шару» Photoshop, встановлене для параметрів обведення в середньому стовпчику. Щоб змінити колір обведення, натисніть на кольоровий зразок :
Клацнувши кольоровий зразок.
Це знову відкриває програму Color Picker. Я виберу білий колір для мого обведення, а потім натисніть кнопку ОК, щоб закрити вибір кольору :
Вибір білого кольору з вибору кольорів.
Повернувшись до діалогового вікна «Стиль шару», я встановлю позицію обведення на зовнішній стороні, щоб вона з’явилася навколо зовнішньої форми. Потім я збільшить значення Size, щоб відрегулювати товщину штриха. Для цього зображення я думаю, що розмір близько 12 пікс добре працює:
Встановлення положення "Зовнішній" та розмір - 12 пікс.
Клацніть OK, щоб закрити діалогове вікно «Стиль шару». І з цим ми закінчили! Ось після зміни кольору фону та додавання обведення навколо метелика - це мій остаточний ефект "зображення у формі":
Кінцевий результат.
І там ми його маємо! Ось як легко розмістити зображення всередині форми, використовуючи відсічні маски в Photoshop! Перегляньте наш розділ Фотоефекти, щоб отримати більше навчальних посібників щодо ефектів Photoshop! І не забувайте, всі наші навчальні посібники з Photoshop тепер доступні як PDF-файли, готові до друку!