У цьому навчальному посібнику з основ Photoshop ми дізнаємось, як створити цікаві макети тексту, використовуючи власні форми як текстові кадри ! Іншими словами, ми будемо малювати фігуру, використовуючи одну з користувацьких фігур, що постачаються з Photoshop, але замість того, щоб заповнити фігуру кольором, як зазвичай, ми наповнимо її текстом!
Ось приклад ефекту, який ми будемо вчитися створювати. Фонове зображення (без тексту) доступне в бібліотеці зображень Fotolia . Звичайно, ви можете використовувати інше зображення, якщо вам зручніше, або просто створити новий документ Photoshop з білим тлом, який слід використовувати під час подальшого виконання:

Давайте розпочнемо!
Крок 1: Виберіть інструмент "Спеціальна форма"
Виберіть інструмент користувальницької форми Photoshop на панелі «Інструменти». За замовчуванням він ховається за інструментом «Прямокутник», тому натисніть на піктограму «Прямокутник» та утримуйте кнопку миші на секунду чи дві, доки не з’явиться меню вильоту, де відображається список інших інструментів, доступних у цьому місці, а потім виберіть Інструмент спеціальної форми зі списку:

Крок 2: Оберіть форму
Вибравши інструмент "Спеціальна форма", натисніть на мініатюру попереднього перегляду фігури на панелі параметрів у верхній частині екрана:

Це відкриває програму Photoshop's Shape Picker, де відображаються невеликі мініатюри всіх користувальницьких форм, які ми можемо вибрати. Щоб вибрати фігуру, просто натисніть на її ескіз. Я буду вибирати форму серця. Вибравши фігуру, натисніть Enter (Win) / Return (Mac), щоб закрити панель вибору форми:

Крок 3: Виберіть варіант "Шляхи"
Поруч зліва від панелі параметрів - ряд із трьох значків, кожен з яких представляє різний тип фігури, яку ми можемо малювати. Photoshop надає нам можливість малювати звичайні форми, контури або форми на основі пікселів. Щоб використовувати фігуру як контейнер для нашого тексту, ми хочемо намалювати контур, який по суті є контуром фігури. Ми розмістимо наш текст всередині контуру. Клацніть посередині трьох піктограм, щоб вибрати параметр Шляхи :

Крок 4: Намалюйте свою форму
За допомогою параметра "Шляхи", вибраного на панелі параметрів, натисніть всередині документа та перетягніть форму. Під час перетягування ви побачите, що ваша форма виглядає як тонкий контур. Ви можете утримувати клавішу Shift під час перетягування, щоб змусити форму зберігати початковий вигляд під час її малювання. Якщо вам потрібно перестановити форму під час її малювання, утримуйте пробіл, перетягніть фігуру туди, де вона вам потрібна, і випустіть пробіл та продовжуйте перетягувати. Тут я намалював форму серця у верхньому правому куті зображення:

Крок 5: Переформатуйте, поверніть або перемістіть шлях (необов’язково)
Якщо вам потрібно змінити форму або повернути контур (контур фігури) або перемістити його на інше місце, найпростіший спосіб це зробити, перейшовши до меню " Редагувати" в рядку меню вгорі екрана і вибравши Безкоштовно Шлях перетворення . Ви також можете натиснути Ctrl + T (Win) / Command + T (Mac), щоб швидко вибрати ту саму команду за допомогою комбінації клавіш:

Це розміщує ручки та вільний обмежувальний шлях навколо форми. Щоб змінити її форму, просто натисніть на будь-яку з ручок (невеликих квадратів) навколо обмежувального поля та перетягніть їх. Щоб змінити розмір форми, утримуйте клавішу Shift і перетягніть будь-яку з чотирьох кутових ручок . Щоб повернути його, перемістіть курсор будь-де за межами обмежувального поля, а потім клацніть та перетягніть мишкою. Нарешті, щоб перемістити фігуру, клацніть будь-де всередині обмежувального поля та перетягніть.
Я трохи поверну свою форму серця, щоб крива вниз з лівої сторони витікала краще з компонуванням квітів:

Натисніть Enter (Win) / Return (Mac), коли ви закінчите, щоб прийняти зміни та вийти з команди Free Transform Path:

Крок 6: Виберіть інструмент "Тип"
Тепер, коли у нас є наш шлях, ми готові додати наш текст! Виберіть інструмент "Тип" на панелі "Інструменти":

Крок 7: Виберіть свій шрифт
Виберіть шрифт, який потрібно використовувати для тексту, на панелі параметрів. Для моєї конструкції я буду використовувати набір Palatino Italic на 12 пт:

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

Це відкриває програму вибору кольорів Photoshop. Я виберу темно-зелений колір із програми "Вибір кольорів", щоб відповідати кольору квітів на моєму зображенні. Вибравши колір, натисніть кнопку ОК, щоб закрити панель вибору кольорів:

Крок 8: Відкрийте панель абзаців
Клацніть піктограму перемикання панелі символів / абзаців праворуч від кольорового зразка на панелі параметрів:

Це відкриває панелі символів та абзаців Photoshop, які за замовчуванням приховані. Виберіть панель " Абзац ", натиснувши на вкладку "Ім'я" вгорі групи панелей:

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

Крок 10: Додайте текст
На даний момент все, що залишилося зробити, - це додати наш текст. Перемістіть курсор Tool Tool будь-де всередині форми. Ви побачите пунктирний еліпс навколо піктограми курсору, що є способом Photoshop, який повідомляє нам, що ми збираємося додати наш текст всередині шляху:

Клацніть будь-де всередині форми і починайте вводити текст. Під час введення ви побачите, що текст обмежений до області всередині шляху:

Продовжуйте додавати більше тексту, поки ви не заповнили область фігури:

Крок 11: Натисніть на галочку, щоб прийняти текст
Закінчивши додавання тексту, натисніть прапорець на панелі параметрів, щоб прийняти його та вийти з режиму редагування тексту Photoshop:

Текст тепер додано і добре заповнює область форми, але ми все ще можемо бачити контур контуру навколо нього:

Щоб приховати контур контуру, просто натисніть на інший шар на панелі «Шари». У моєму випадку мій документ містить лише два шари - шар типу, який містить мій текст (який наразі вибраний), і фоновий шар під ним, який містить моє фонове зображення, тому я натискаю на шар «Фон», щоб вибрати його:

І з цим ми закінчили! Текст, який я додав, може не виграти мені жодної літературної премії, але зараз ми побачили, як легко використовувати власні форми Photoshop як контейнери для тексту:
