Як використовувати користувацький інструмент Shape в Adobe Photoshop

Іноді, коли ви бачите класний дизайн, створений у Photoshop, ви можете запитати, який інструмент використовувався для його створення. Ви неодмінно виявите, що дизайн був створений за допомогою інструмента Photoshop Custom Shape Tool.

Власні форми, ви думаєте? Єдині фігури, які ви бачили, виглядають як арт-арт. Але цей надійний інструмент може запропонувати набагато більше, а його універсальність часто використовується недостатньо. Отже, ось керівництво для початківців з використання Custom Shape Tool в Adobe Photoshop.

Крок 1: налаштуйте файл Photoshop

Перше, що потрібно зробити, це налаштувати ваш документ у Photoshop. Для цілей цього уроку просто відкрийте програму і виберіть розмір Photoshop за замовчуванням.

Потім ви захочете додати базовий колір до свого тла, щоб побачити, як ваша форма взаємодіє з ним (докладніше про це пізніше).

Для цього зображення ми вирішили додати простий помаранчевий градієнт. Потім я зробив цей градієнт темнішим, застосувавши стиль шару.

Якщо ви не знаєте, як створити градієнт, ознайомтеся з нашим керівництвом, в якому докладно описано, як створити власний градієнт у Photoshop.

Крок 2: Вивчіть власний інструмент Shape

Далі ви захочете перейти до свого інструменту Custom Shape Tool. Ви можете знайти Custom Shape Tool на лівій панелі інструментів.

Ви дізнаєтеся Custom Shape Tool з маленького розбризкування його іконки, майже як калюжа. Натисніть цю піктограму, щоб переконатися, що ваш інструмент Custom Shape Tool активний.

Після того, як ваш Custom Shape Tool стане активним, ви побачите, що панель інструментів у верхній частині робочого простору змінюється відповідно до його параметрів.

Найважливіша частина Custom Shape Tool - це вибір самої фігури. Щоб вибрати фігуру з бібліотеки Photoshop, перейдіть у меню вибору фігури користувача, яке тут виділено червоним.

Як тільки ви натиснете на спадне меню, ви побачите цілий ряд готових опцій. Ці форми варіюються від рамок для картин і вивісок до елементів природи, текстових бульбашок, сердець і квадратів.

Для цього уроку ми виберемо один з квітів.

Інструменти налаштування форми

Після того, як я виберу свій стиль форми, мені потрібно вибрати колір для заливки і обведення.

Заповніть цей колір, який буде всередині вашої форми. Штрих - це колір, який підкреслюватиме вашу форму.

Ці два параметри можна знайти у верхньому лівому куті робочого простору. Натиснувши на кожен відповідний зразок, ви побачите спадне меню.

Звідти ви можете вибрати відтінок для Fill або Stroke. Ви також можете вибрати не мати кольору взагалі. Щоб залишити поле «Заливка» або «Обведення» порожнім, виберіть біле поле з червоною закресленою лінією.

Крім того, якщо вам не подобаються ці зразки кольорів, ви також можете вибрати власний колір з палітри кольорів. Він знаходиться в правій частині спадного меню.

Хочете використовувати декілька кольорів користувача одночасно? Ось як можна створити палітру кольорів у Photoshop.

Останній параметр, про який вам потрібно знати, - це параметри «Ширина» і «Тип» для обведення.

Ми розповімо про ці параметри пізніше в цьому керівництві, але поки врахуйте, що вони розташовані поруч з вашими параметрами Fill і Stroke. Ви також можете налаштувати ширину і тип лінії до того, як почнете малювати або після того, як закінчите.

Крок 3: намалюй свою форму

Тепер, коли ви ознайомилися з інструментом Custom Shape Tool, настав час намалювати «квітку».

Спочатку створіть новий шар для вашої фігури. Це важливо, оскільки дозволяє легко редагувати форму і використовувати режим накладання, щоб пізніше налаштувати колір.

Потім переконайтеся, що ваш Custom Shape Tool все ще активний. Потім натисніть та перетягніть вказівник на сторінку, щоб намалювати свою форму. Ви побачите контур цього синім кольором.

Не турбуйтеся про розташування цієї фігури або про те, що розміри не зовсім такі, як ви хочете. Ви можете виправити обидві ці речі пізніше.

Як тільки ваша форма стане приблизно того розміру, який вам потрібен, відпустіть курсор. Сині лінії будуть автоматично заповнюватися кольором, до тих пір, поки ви не встановили параметр Fill для червоного закреслення до того, як почали.

Ви також побачите маленькі маркери, розміщені в стратегічних точках уздовж цього синього контуру, який все ще оточує вашу квітку. Ви можете використовувати ці маркери, щоб скоригувати свою форму, тому давайте зробимо це прямо зараз.

Крок 4: відрегулюйте свою форму

Щоб налаштувати свою форму, перейдіть на ліву панель інструментів і натисніть інструмент «Прямий вибір». Його значок схожий на маленьку білу стрілку, яка тут виділена червоним.

Інструмент «Прямий вибір» дозволяє налаштовувати окремі точки прив'язки вздовж шляху. Як тільки ви активуєте свій інструмент, ви побачите, що всі сині «маркери» стануть білими. Це ваші опорні точки.

Щоб налаштувати точку прив'язки, натисніть одну з білих точок - вона вперше стане синьою, щоб показати, що вона вибрана.

Потім клацніть та перетягніть цю опорну точку в нове положення, щоб налаштувати свою форму.

Припустимо, я хочу зробити пелюстки на цій квітці більш стрункими. Щоб зробити це, я збираюся клацнути і перетягнути цю точку вниз, до центру. Це розрізає пелюстку навпіл.

Коли точка прив'язки буде там, де я хочу, я збираюся відпустити курсор. Квітка автоматично адаптується до цього нового шляху.

Мені подобається, як це виглядає, тому я збираюся взяти ще одну опорну точку, потім натиснути і перетягнути, щоб створити ще одну ідентичну пелюстку квітки.

Продовжуйте робити це, поки всі ваші очки не скориговані.

Крок 5: Налаштуйте опорні точки

Коли ви натискаєте на опорну точку, ви можете помітити, що по обидва боки від неї стирчать дві маленькі «ручки».

Це ваші контрольні точки перетягування. Коли ви змінюєте їх, вони змінюють форму вашої точки прив'язки замість пересування з пункту А до пункту Б.

Щоб налаштувати ці маркери, натисніть на точку прив'язки, яку ви хочете налаштувати.

Потім натисніть контрольну точку перетягування, яку ви бажаєте налаштувати. Це стане синім.

Щойно ви натиснете цю контрольну точку перетягування, утримуйте курсор і пересувайте його на сторінці. Ви помітите індивідуальну криву фігури-пов'язаної з цим конкретним якорем точка буде змінюватися разом з ним. Всі інші ваші опорні точки залишаться колишніми.

Якщо вам не подобається вигляд цієї кривої, ви можете просто перейти в Edit > Undo Drag Control Point. Фотошоп скасує ваші зміни.

Крок 6: відрегулюйте хід

Тепер, коли ви скоригували форму своєї квітки, настав час уточнити хід.

Переконайтеся, що ваша форма вибрана. Потім перейдіть на панель інструментів у верхній частині робочої області та клацніть на меню, що розкривається, для розміру обведення.

Перетягуючи повзунок назад і вперед по смузі, ви можете зробити свою лінію обведення більш тонкою або товстою.

Ви також можете змінити тип обведення, клацнувши на контекстному меню поряд з ним.

Крок 7: Зробіть остаточні коригування

Тепер, коли ми налаштували форму, колір, ширину обведення і тип, прийшов час поглянути на цю власну форму, щоб побачити, чи задоволені ми нею.

Я в основному задоволений тим, як це виглядає. Якщо ви не влаштовуєте власні кольори, ви можете змінити їх за допомогою режиму накладання на панелі «Шари», виділеного червоним кольором.

Ви також можете пересунути ваш остаточний дизайн на сторінці.

Для цього поверніться на ліву панель інструментів. На значку інструмента прямого вибору клацніть маленьку білу стрілку в куті, щоб відкрити меню, що розкривається. Замість цього виберіть чорну стрілку.

Ця чорна стрілка є інструментом вибору шляху. З активним цим інструментом, натисніть на свою форму, щоб з'явилися сині лінії. Потім натисніть і перетягніть свою фігуру навколо сторінки, поки ви не будете задоволені її розміщенням.

Використовуйте інструмент Custom Shape Tool для створення чогось крутого

Є багато інших, дрібніших параметрів, які можна зробити за допомогою Photoshop Custom Shape Tool. Однак, знаючи ці основні кроки, ви зможете налаштувати навіть найнудніші форми Adobe і перетворити їх на щось круте.

Вам цікаво дізнатися більше про панель «Шари» і про те, як ви можете використовувати її для зміни кольору вашого дизайну? Потім ознайомтеся з нашим керівництвом, що пояснює, як використовувати режим