Фігура з контуру
Команда "Перетворити на фігуру" (Convert to Shape) перетворює контур на шар-фігуру.
- Виділіть на зображенні якийсь об'єкт, скажімо, за допомогою Прямолінійного Лассо.
- Відкрийте діалог "Контури".
- Перетворіть виділення на контур.
- Застосуйте команду "Перетворити на фігуру / Convert to Shape" (рис.1).
- У діалоговому вікні виберіть колір заливки і натисніть "OK".
Якщо однорідна (solid color) заливка не влаштовує вас, вибраний (активний на даний момент) контур можна заповнити за допомогою звичайних команд меню "Layer > New Fill Layer > Gradient" або "Layer > New Fill Layer > Pattern".
Довільні фігури у Photoshop
З цього уроку ви дізнаєтеся про всі тонкощі щодо створення довільних фігур у Фотошоп. Так як матеріалу багато, ми розділимо його на 2 частини. У першій частині ви дізнаєтеся, як створюється фігура, як перетворити її на довільну фігуру, як вивести її на екран і використовувати в потрібних цілях. У другій частині ми розглянемо поєднання різноманітних фігур в окремі набори та їх збереження.
Ідея створення уроку прийшла до мене у процесі перегляду журналу зі скрапбукінгу, на сторінках якого були готові шаблони простих форм. Всі ці фігури були розділені на різні теми і коштували вони досить дорого. Тоді я припустив: «А їх можна створити самим у програмі Фотошоп і абсолютно безкоштовно»! До того ж, вам не обов'язково захоплюватися скрапбукінгом для того, щоб отримати користь зі створення власних довільних фігур.
По-перше, створюючи фігури, можна трохи повеселитися.А якщо, створивши безліч різних фігур, вам вдасться їх ще об'єднати в окремий набір, це буде взагалі здорово.
По-друге, довільні фігури можна використовувати як елемент декору, оформляючи малюнки або для дизайнерської справи.
По-третє, можна поєднувати їх з маскою, щоб у результаті отримати якусь кумедну фоторамку. Але перш ніж застосовувати, необхідно навчитися створювати їх. Давайте приступимо!
Перш ніж ми почнемо, я хочу зробити ще один відступ. Довільна фігура створюється за допомогою інструмента Перо (P), так само їх можна створювати, використовуючи інструменти групи Фігура, наприклад «Еліпс» або «Прямокутник». Але якщо вам потрібно створити форму певної форми, наприклад, ящики або шини від велосипеда, в цьому випадку слід використовувати Перо (P).
З цього уроку ви дізнаєтеся, як створити довільну фігуру, попередньо обвівши предмет на фотографії. Якщо у вас є талант красиво малювати, це дуже добре, тоді ви зможете без особливих зусиль намалювати будь-яку фігуру від руки, не вдаючись до обведення предмета. Що ж до мене, то я вважаю за краще обводити, оскільки таким даром не володію.
Довільна постать у нас буде у вигляді милого пряничного чоловічка.
1. Вибираємо інструмент Перо (P)
Як я вже говорив раніше, довільні фігури створюються за допомогою інструментів Еліпс або Прямокутник, але якщо цими інструментами обвести пряничного чоловічка, то в кращому разі він залишиться без голови. Найкраще використовувати Перо, тому виберіть його на панелі інструментів.
Вибрати його можна також натисканням клавіші P на клавіатурі.
2. Параметр «Шар-фігура» на панелі налаштувань
Після вибору інструмента погляньте на верхню панель налаштувань.У лівій частині розташована група із трьох значків.
Вони показують, що можна зробити за допомогою пір'я. Значок, розташований праворуч, пофарбований сірим кольором. Це говорить про те, що він доступний лише тоді, коли ми працюємо з інструментами групи «Фігури» (у пера та інструментів, що належать до групи «Фігури», схожі параметри на панелі налаштувань). Іконка, розташована всередині, необхідна для малювання контурів, але в цьому випадку нам це не потрібно. Для малювання фігури виберіть ліворуч, відповідальний за параметр Shape Layers (Шар-фігура).
При виборі інструмента Перо опція Шар-фігура у Фотошоп завжди обрана за замовчуванням, тому вам не потрібно буде її вибирати, але про всяк випадок перевірте.
Слід зазначити, що немає різниці між малюванням фігур і контурів за допомогою пера. І на роботі є подібності: створення опорних точок, переміщення напрямних ліній до створення прямих чи вигнутих ліній. Незалежно від того, що ви створюєте контур або фігуру, спочатку ви все одно малюєте контури. Різниця лише в тому, що створюючи фігуру, Фотошоп автоматично заповнює контур вибраним кольором у процесі малювання, це дозволяє бачити фігуру, що створюється.
Насправді ця функція трохи ускладнює роботу. Ми розглянемо це нижче.
3. Малюємо фігуру
Тепер, коли у нас вибрано необхідний інструмент та встановлені параметри, ми можемо почати обводити пряничного чоловічка. Почнемо з голови, для цього натисніть три рази мишкою, щоб встановити опорні точки навколо голови. Потім починайте перетягувати напрямні лінії, щоб їх вигнути формою голови.
На скріншоті нижче видно, де я встановив опорні крапки і як зігнув лінії.Як ви бачите, у нас виникла проблема, Фотошоп автоматично залив контури фігури кольором фону (в даному випадку це чорний), не дозволяючи бачити голову пряничного чоловічка.
Наступного кроку ми вирішимо цю проблему.
4. Зменшення непрозорості
Щоб Фотошоп не зафарбовував зображення в процесі обведення, просто перейдіть на панель шарів і зменшіть значення непрозорості для шару з фігурою, що створюється. Зверніть увагу на панелі розташовано два шари: нижній фоновий, на ньому розташоване вихідне зображення чоловічка, і верхній з фігурою, що створюється нами.
На даний момент обраний шар із фігурою, оскільки він виділений синім кольором. Просто зменшіть непрозорість для нього приблизно до 50%.
Зменшивши непрозорість, голова чоловічка стала видно, в результаті можна продовжити роботу.
5. Продовжуємо виділяти об'єкт
Тепер, коли людина видно через заливку, продовжуйте роботу, поки не повернетеся до початкової опорної точки.
Зверніть увагу на маску шару із фігурою, на ній з'явилася чітка фігурка.
В обведений силует ми додамо рота, вічка, два гудзики, краватку у вигляді метелика. Тут виникає питання – як додати додаткові деталі до обведеного силуету?
6. Вибір інструменту «Еліпс»
Працювати почнемо з очей. За ідеєю їх можна було б виділити пером, але оскільки вони круглі, ми виберемо легший спосіб – використання еліпса. Виберіть його на панелі інструментів, за замовчуванням він прихований за прямокутником, просто утримайте кнопку миші на прямокутнику кілька секунд, у результаті з'явиться меню, де ви зможете вибрати цей інструмент.
7. Параметр «Відняти з області фігури»
Після вибору еліпса подивіться на панель налаштувань.Ліворуч розташована група значків у вигляді маленьких квадратиків. Вони дозволяють робити з фігурами різні дії: додати до області фігури, перетин областей кількох фігур і відняти з області. Нас цікавить третій значок Subtract from shape area (Відняти з області фігури).
8. Вилучення фігур з обведеного силуету
Після вибору опції Відняти з області фігури ви можете почати додавати до чоловічка дрібні деталі за допомогою видалення деяких областей. Почнемо ми зі створення овалу навколо лівого ока.
Коли ви відпустите кнопку миші, овальна область навколо лівого ока віднімається з фігури, вийде отвір, з якого буде видно око
Колобок, розташований на нижньому шарі.
Повторіть самі дії для правого ока. Для початку намалюйте овал навколо правого ока.
Після того, як ви відпустите кнопку миші, з'явиться другий отвір, в якому буде видно око вихідного зображення.
Ґудзики у пряничного чоловічка круглої форми, тому для їх вирізання я так само використовуватиму Елліпс. Для початку намалюйте овал навколо першого (верхнього) гудзика.
В результаті область біля гудзика віднімається, з'явиться отвір, з якого буде видно ґудзик вихідного зображення.
Те ж саме проробіть з другим гудзиком. Еліпс обведіть область навколо неї.
Відпустіть кнопку миші, і в отворі з'явиться другий гудзик.
Зверніть увагу на панель шарів. На масці шару Shape 1 з'явилися два отвори для очей і гудзиків, які були вирізані з обведеної форми.
Далі за допомогою пера ми додамо деталі, що залишилися, до силуету.
9. Вирізаємо деталі, що залишилися, за допомогою пера
Знову перейдіть на Перо, тому що нам залишилося додати до силуету деякі деталі, які неможливо виділити за допомогою Прямокутника або Еліпса, зокрема це рот і краватка у вигляді метелика.
Так як ми вибираємо інструмент Перо повторно, то опцію Відняти з області фігури вже вибрано. Приступаємо до обведення, щоб вирізати їх із обведеної фігури чоловічка. На скріншоті нижче видно контури обведення та вирізані елементи.
Ми підходимо до завершення малювання фігурки пряничного чоловічка. Нам залишилося вирізати хвилясті форми цукрової пудри на його руках та ногах. Тут я також використовуватиму інструмент Перо. Для початку виріжте хвилясту форму на лівій руці.
Після цього перейдіть до трьох хвилястих форм, що залишилися, і виріжте їх з силуету.
Зверніть увагу на маску шару Shape 1, тут показані вирізані форми: краватка у вигляді метелика, рот, 4 хвилясті форми цукрової пудри.
Фігурка пряничного чоловічка готова! За допомогою пера ми обвели фігуру чоловічка, потім, використовуючи опцію Відняти з області фігури та інструменти Елліпс та Перо, ми додали на фігурку додаткові деталі.
10. Збільшення непрозорості фігури до 100%
Тепер, коли ми перестали робити обведення окремих фігур, немає необхідності бачити вихідне зображення під обведеним силуетом. Поверніть значення непрозорості до 100%.
Тимчасово приховайте вихідне зображення (шар Background), клацнувши по значку вічка ліворуч від мініатюри шару. В результаті ми бачитимемо лише обведену нами фігурку на прозорому тлі.
Ось, як має виглядати фігура пряничного чоловічка:
Фігурка готова, але це не кінець! Тепер її нам необхідно перетворити на довільну фігуру, чим ми й займемося далі.
11.Визначаємо форму чоловічка у довільну фігуру
Для початку переконайтеся, що на панелі шарів обраний шар із нашою фігурою, а саме мініатюрка маски. Якщо вона вибрана, навколо неї з'явиться біла рамка, в документі навколо фігури з'явиться контур. Якщо ви нічого не помічаєте, просто виберіть цю мініатюрку.
Примітка: якщо вам потрібно приховати будку самої фігури, то клацніть по мініатюрці ще раз, щоб прибрати контур.
Після того, як вибрано потрібний шар, зайдіть у меню Edit > Define Custom Shape (Редагування – Визначити довільну фігуру).
В результаті відкриється вікно, в якому буде запитуватись «ім'я» для фігури. Назвемо її Gingerbread Man (Пряничний чоловічок).
Після натискання OK ви можете використовувати довільну фігуру чоловічка. Тепер документ, у якому ми створювали нашу фігурку, нам не потрібний, його можна закрити. Далі розглянемо, де його знайти і як застосувати.
12. Створення нового документа
Створіть новий документ у Фотошоп з параметрами, наведеними нижче на скріншоті.
13. Вибір інструменту «Довільна фігура»
Виберіть інструмент Довільна фігура. За промовчанням завжди відображається інструмент Прямокутник. Тому натисніть і утримуйте кнопку мишки, доки не відкриється спливаюче меню. Виберіть Custom Shape Tool (U) (Довільна фігура) зі списку інструментів.
14. Вибираємо нашу фігуру
Після вибору інструмента Довільна фігура, у вірній панелі налаштувань натисніть маленький трикутник, щоб розкрити палітру довільних фігур. У результаті з'явиться вікно, де ви зможете вибрати будь-яку довільну фігуру, що вам сподобалася. Наша фігурка розташовується останньою. Для її вибору просто клікніть по її мініатюрці.
15. Малюємо фігуру
Після того, як ви її вибрали, клацніть мишкою у створеному документі, і утримуючи кнопку затиснутою, перемістіть мишку в протилежний бік, щоб створити фігуру.
Щоб зберегти пропорції, при створенні затискайте Shift. Якщо при створенні затиснете Alt, то фігура буде створюватися від центру. Щоб змінити розташування в процесі створення, затисніть пробіл, потім перемістіть фігуру в потрібне місце, відпустіть клавішу пробілу і продовжуйте творити. У процесі створення буде видно лише тонкий контур майбутньої фігурки чоловічка.
Коли ви відпустите кнопку миші, Фотошоп відразу ж зафарбує фігуру фоновим кольором, у цьому випадку чорним.
У двох кроках, що залишилися, ви дізнаєтеся, як змінити розмір і колір фігур, а так само, як розгорнути її в потрібному напрямку.
16. Змінюємо колір
Не турбуйтеся про колір фігурки у процесі її створення. Фотошоп автоматично зафарбує фоновим кольором. Якщо вас не влаштовує цей колір, двічі клацніть мишею по мініатюрі шару. Саме з мініатюри шару, а не з мініатюри маски.
Це призведе до відкриття палітри кольорів, де ви можете вибрати будь-який колір. Моя фігура пофарбована в коричневий.
Після натискання OK, фігура відразу ж пофарбується у вибраний колір.
Змінювати колір ви можете скільки захочете і коли захочете.
17. Зміна розміру та розташування фігури
Працюючи з фігурами, ви можете не лише змінити колір. При створенні фігур використовуються не пікселі, а вектори, їх перевага в тому, що ви можете спокійно змінювати її розмір, не втрачаючи якість самого зображення.
Якщо ви вирішили змінити розмір фігури, просто оберіть на панелі шарів шар з фігурою і натисніть Ctrl + T.Цими діями відкриється рамка трансформації, де ви, потягнувши за будь-який кутовий маркер, зможете змінити розмір. Щоб зберегти пропорції при зміні розміру, натискайте Shift. При натисканні Alt розмір фігури змінюватиметься від центру.
Якщо вам потрібно повернути фігуру, зробіть клік за межами вільної трансформації і перемістіть курсор у будь-якому напрямку.
Якщо ви задоволені результатом, натисніть Enter, щоб застосувати всі виконані зміни.
Ви можете додати стільки копій створеної вами довільної фігури, скільки захочете, щоразу коригуючи розмір, колір та місцезнаходження фігур. Кожна створена копія розміщуватиметься на окремому шарі. Я додав кілька фігур чоловічка різного кольору, розміру та нахилу. Але незалежно від розміру у всіх фігур збереглися чіткі межі та кути.
Як у Фотошопі вставити картинку у фігуру (форму)
У цьому уроці я покажу вам, як помістити зображення у фігуру Photoshop. Вставити фотографію можна легко в будь-яку форму, будь то звичайний прямокутник, коло або химерна фігура користувача. У цьому уроці ми будемо використовувати користувальницьку фігуру. Також покажу, як завантажити нові форми, що входять до комплекту Adobe Photoshop.
Ось приклад того, як виглядатиме кінцевий ефект після вставки фото у фігуру. Поряд із поміщенням зображення у форму, також розглянемо як змінити колір фону або видалити його, щоб можна було перемістити форму на будь-який фон, що сподобався.
Остаточне зображення, вставлене у фігуру
У цьому уроці для вставки картинки у форму я використовуватиму Фотошоп 2022 року.
Відеоурок у мене на каналі:
Створіть новий документ
Почніть із створення нового документа Photoshop.Якщо ви на головному екрані, натисніть кнопку Новий файл.
Натиснувши кнопку Новий файл на головному екрані Photoshop
Або можете піднятися в меню Файл на панелі та вибрати Новий.
Переходимо до Файлу Створити
У будь-якому випадку відкриється діалогове вікно Новий документ, де можна ввести необхідні параметри в колонці праворуч. Я створю документ квадратної форми, встановивши ширину і висоту на 2000 пікселів.
Оскільки ми будемо поміщати у форму зображення, а зображення зазвичай зберігаються з великою роздільною здатністю, я зміню значення Дозвіл на 300 пікселів на дюйм. А для параметра Вміст фону я залишу значення Білий.
Нові налаштування документа
Потім натисніть кнопку Створити.
Photoshop створить новий документ.
Відкрийте панель Фігури
Найшвидший спосіб малювання фігур у Photoshop - це додавання їх з панелі Shapes. Щоб відкрити Фігури, перейдіть до меню Вікно та виберіть пункт Фігури.
Перейдіть до Вікно Фігури
Панель Фігури відкривається у колонці вторинних панелей (ліворуч від основних). Відобразити або приховати панель можна, натиснувши на її піктограму.
Панель Фігури відкривається у вузькій панелі стовпців
Спочатку видно лише фігури за умовчанням, поділені на групи.
Користувальницькі групи фігур за замовчуванням
Відкрийте будь-яку групу, щоб переглянути фігури всередині неї, натиснувши на стрілку поруч із піктограмою папки.
Перегляд фігур усередині групи
Ви можете перетягнути нижню частину панелі Фігури вниз, щоб розширити її та переглянути більше фігур одночасно.
Розширення панелі фігур
Завантаження відсутні фігур
Щоб завантажити всі фігури, що не входять до складу Photoshop, клацніть піктограму меню панелі Фігури.
Клацніть піктограму меню
Потім виберіть Legacy Shapes and More.
Завантаження групи Legacy Shapes and More
Новий гурт Legacy Shapes and More з'явиться за замовчуванням.
Новий гурт Legacy Shapes and More
Усередині групи ще дві групи. 2019 Shapes містить сотні нових фігур, які були додані у Photoshop 2020. А у групі All Legacy Default Shapes містять класичні фігури зі старих версій Photoshop.
Групи 2019 Shapes та All Legacy Default Shapes
Виберіть фігуру
Для цього уроку будемо використовувати одну із класичних фігур. Відкриємо групу All Legacy Default Shapes.
Відкриття всіх застарілих форм за замовчуванням
Потім прокручуємо вниз до набору Природа і розкриваємо його.
Відкриття групи Природа
У наборі Природа вибираємо форму Метелик.
Вибір фігури метелика
Перетягніть фігуру на полотно
Щоб додати фігуру, просто клацніть та перетягніть мініатюру з панелі Фігури на полотно.
Перетягування фігури з панелі Фігури на полотно
Photoshop малює фігуру, коли ви відпускаєте кнопку миші.
Фотошоп малює фігуру
Зміна розміру та центрування фігури
Перш ніж змінювати розмір фігури, перейдіть на панель параметрів і переконайтеся, що між полями Ширина і Висота вибрано піктограму посилання для фіксації співвідношення сторін.
Переконайтеся, що ширина та висота пов'язані один з одним
Потім змініть розмір фігури, клацнувши та перетягнувши будь-яку з ручок трансформації. Якщо під час перетягування утримувати клавішу Alt (Win) / Option (Mac) на клавіатурі розмір фігури буде змінюватися відносно центру.
Перетягніть крапку, щоб змінити розмір фігури
Клацніть та перетягніть фігуру до центру полотна. Коли ви наблизитесь до центру, вона має закріпитися на місці.
Перетягування фігури до центру
Потім натисніть галочку на панелі параметрів, щоб прийняти зміни.
Клацніть на галочку
На панелі шарів фігура з'являється у своєму шарі-фігурі. Ми знаємо, що це шар-фігура, по значку в нижньому правому кутку мініатюри.
Новий шар фігура на панелі Шари
Перевірте параметри заливки та обведення на панелі властивостей
Коли вибрано шар фігури, панель властивостей дає нам доступ до всіх параметрів фігури, включаючи заливку та обведення.
Параметри заливки та обведення на панелі Властивості
За замовчуванням Photoshop використовує чорний колір для заливки, що цілком нормально, оскільки ми все одно не побачимо колір, коли заповнимо фігуру зображенням.
Але Photoshop також додає чорне обведення розміром 1 піксель навколо фігури.
Заливка та обведення за замовчуванням
Ми можемо додати обведення пізніше, якщо вона нам знадобиться. Але поки що відключіть обведення, клацнувши за кольором кордону:
Клацніть зразок кольору обведення
Клацніть піктограму Немає кольору у верхній лівій частині панелі. Потім натисніть за межами панелі, щоб закрити її, або натисніть Enter (Win) / Return (Mac) на клавіатурі.
Установка обведення на Без кольору
Помістіть зображення у документ
Оскільки ми хочемо, щоб зображення з'явилося в тому ж документі, що і наша фігура, то скористаємося Photoshop Помістити у документ.
Підніміться в меню Файл та виберіть команду Помістити у документ.
Перейдіть до Файлу Помістити вбудований
Перейдіть до місця збереження зображення на комп'ютері. У моєму випадку воно знаходиться у папці на робочому столі. Натисніть на картинку, щоб вибрати її, а потім натисніть кнопку Помістити.
Вибираємо зображення та натискаємо Place
Photoshop додає зображення зверху фігури.Якщо зображення більше розміру документа, Photoshop змінить його розмір.
Зображення міститься перед фігурою
Ми змінимо розмір зображення після його вставки у форму. А поки натискаємо галочку на панелі параметрів.
Клацніть по галочці
На панелі шарів зображення з'являється на новому шарі над шаром з фігурою. Зверніть увагу, що Photoshop перетворив зображення на смарт-об'єкт, про що можна судити по значку смарт-об'єкта в правому нижньому кутку мініатюри. розмір картинки, вона не втратить як.
Photoshop містить зображення як смарт об'єкт
Створіть відсічну маску
На даний момент фотографія знаходиться перед фігурою.
Клацніть піктограму меню панелі Шари
Потім виберіть Створити відсічну маску.
Вибір команди Створити відсічну маску
Відсічна маска притискає зображення до фігури під ним, що означає, що єдиною частиною картинки, яка залишається видимою, є область безпосередньо над або перед фігурою.
Результат після обрізки зображення за формою
Повернувшись на панель шарів, зверніть увагу, що шар зображення тепер зміщений праворуч, а маленька стрілка вказує вниз на шар фігури під ним. Так Photoshop повідомляє нам, що ми створили відсічну маску.
Панель Шари із відсічним маскою
Зміна розміру та положення зображення за допомогою Вільного трансформування
Щоб змінити розмір та положення зображення в межах фігури, відкрийте меню Edit та виберіть Free Transform.
У панелі параметрів переконайтеся, що піктограму посилання вибрано між полями Ширина і Висота.
Переконайтеся, що піктограма посилання вибрано
Змініть розмір зображення, перетягнувши будь-яку точку трансформації. Під час перетягування точки можна утримувати клавішу Alt (Win) / Option (Mac) на клавіатурі, щоб змінити розмір зображення щодо його центру.
Зміна розміру зображення всередині фігури
Перетягніть фотографію, щоб розташувати об'єкт у межах форми. Можливо, доведеться знову і знову змінювати розмір та положення зображення, поки ви не досягнете потрібного результату.
Позиціювання зображення у формі
Коли закінчите, натисніть галочку на панелі параметрів.
Як змінити колір тла
На даний момент ми помістили зображення у форму, і основного ефекту досягнуто. Далі можна зробити кілька речей:
- додати обведення навколо фігури
- змінити колір фону за фігурою
- повністю видалити тло.
Для початку я покажу, як змінити колір тла. І найпростіший спосіб зробити це – використовувати шар заливки Solid Color.
Додати шар заливки Solid Color
Ми хочемо, щоб шар заливки Solid Color розташовувався безпосередньо над шаром Background. Тому на панелі шарів клацніть на шарі Background, щоб вибрати його.
Вибір фонового шару
Потім натисніть піктограму Новий шар заливки або Коригуючий шар у нижній частині панелі шарів:
Клацніть піктограму Нова заливка або Коригуючий шар
Виберіть Solid Color у верхній частині списку.
Додавання шару заливки суцільним кольором
Виберіть новий колір тла
Photoshop відкриває Color Pickerщоб ми могли вибрати новий колір для фону. За замовчуванням використовується чорний колір, який напевно підкреслює деталі форми.У нашому випадку чорний колір занадто темний для метелика.
Ефект з чорний колір фону
Ви можете вибрати інший колір у Color Picker. Але ви також можете вибрати колір безпосередньо із зображення всередині форми. Просто наведіть курсор миші на картинку, і курсор перетвориться на піпетку. Потім натисніть на колір, який потрібно вибрати.
Я виберу світлий тон шкіри на лобі дівчини, і він миттєво стане новим кольором тла.
Вибір нового кольору фону із зображення всередині фігури
Коли ви знайдете колір, який вам подобається, натисніть OK, щоб закрити Color Picker. Повернувшись на панель шарів, бачимо, що шар заливки Solid Color був доданий між фоновим шаром та розташованим над ним шаром фігури.
Панель Шари з новим шаром заливки Суцільний колір
Як додати обведення навколо фігури
Ще один спосіб посилити ефект – додати обведення навколо фігури.
Виберіть шар із фігурою
Спочатку на панелі шарів клацніть на шарі з фігурою, щоб вибрати його.
Додавання ефекту шару з обведенням
Хоча штрих можна додати з панелі властивостей, я все ж таки віддаю перевагу старий спосіб додавання штрихів за допомогою ефектів шару. Отже, виділивши шар із фігурою, клацніть значок fx у нижній частині панелі шарів:
Клацніть піктограму ефектів шару
Додавання ефекту шару Обведення
Photoshop відкриває діалогове вікно Стиль шару з параметрами Обведення у середній колонці. Щоб змінити колір обведення, натисніть на зразок кольору.
Клацніть зразок кольору в діалоговому вікні Стиль шару
Потім виберіть новий колір у Color Picker. Я виберу білий колір, встановивши значення R, G і B рівними 255. Натисніть OK, коли закінчите, щоб закрити Color Picker (Вибір кольору).
Вибір білого кольору для обведення з палітри кольорів
Повернувшись у діалогове вікно Стиль шару, встановіть параметр Становище значення Зовніщоб обведення з'явилося навколо зовнішньої сторони фігури. Потім збільште значення Size, щоб відрегулювати товщину обведення. Для мого зображення добре підходить розмір навколо 18 px.
Встановлення положення та розміру штриха
Натисніть OK, щоб закрити діалогове вікно Стиль шару. А ось мій результат із обведенням навколо фігури.
Результат з обведенням, доданим навколо форми
Якщо обведення вам не подобається, можете відключити її на панелі шарів, натиснувши на значок видимості поруч зі словом Stroke.
Увімкніть або вимкніть обведення, клацнувши піктограму видимості
Як видалити фон за фігурою
Нарешті, давайте розглянемо, як видалити фон за фігурою, щоб можна було помістити фігуру та зображення всередині неї інше фон. Я також покажу, як зберегти результат і який тип файлу потрібен, щоб фон залишався прозорим.
Вимкніть фоновий шар та шар заливки Solid Color
По-перше, щоб прибрати фон за фігурою, потрібно вимкнути шар Background, натиснувши на піктограму видимості на панелі шарів.
Вимкнення фонового шару
А якщо в попередньому розділі було додано шар заливки Solid Color, натисніть значок видимості, щоб вимкнути його.
Вимкнення шару заливки суцільним кольором
В результаті у нас залишається прозорість за формою, яку Photoshop представляє у вигляді шашечного візерунка.
Фон тепер прозорий
Обріжте прозорі пікселі
Нам не потрібний весь зайвий простір навколо фігури. Щоб обрізати його, відкрийте меню Зображення та виберіть пункт Обрізка.
Ідемо в Зображення Обрізати
У діалоговому вікні Обрізка переконайтеся, що у верхній частині вибрано параметр Прозорі пікселі, а в нижній - Зверху, Знизу, Ліворуч і Праворуч. Потім натисніть кнопку OK.
Photoshop обріже області навколо фігури.
Навколишні пікселі були обрізані
Збережіть результат у файлі PNG
Нарешті, щоб зберегти результат, підніміть меню Файл і замість вибору Зберегти або Зберегти як виберіть Зберегти копію.
Переходимо до Файлу Зберегти копію
Зберегти можна на ПК або у хмарі.
Вибір опції Зберегти на вашому комп'ютері
Щоб зберегти прозорість фігури, ми не можемо зберегти її як файл JPEG, оскільки JPEG не підтримує прозорість. Натомість нам потрібно зберегти його як файл PNG. Клацніть поле Save as type box на комп'ютері з Windows або Format box на Макбуку та виберіть PNG.
Встановлення типу файлу в PNG
Потім дайте ім'я файлу. Я назву його image-in-shape.png.
Перейдіть до місця збереження файлу на комп'ютері. Я збережу його в тій же папці на робочому столі, де моє зображення збережене. Потім натисніть кнопку Зберегти.
Натисніть кнопку Зберегти
Зрештою, у діалоговому вікні Параметри PNG виберіть внизу опцію Найменший розмір файлу та натисніть OK.
Вибір найменшого розміру файлу
Ось і все! Загляньте в розділ Фотоефекти у Фотошопі, щоб знайти ще більше уроків з ефектів Photoshop!
Власник цього сайту. Графічний дизайнер, спеціаліст з Фотошопу з досвідом 10+ років. Також веду канал про графічний дизайн на Ютуб та розвиваю тематичну спільноту у ВКонтакті. Зв'язатися зі мною можна через коментарі, форму зворотнього зв'язку або електронною поштою [email protected]
