Як написати текст по колу, кривій та контуру

Припустимо, нам знадобилося написати текст навколо якогось предмета малюнку. У Фотошопі є безліч способів та інструментів для виконання цього завдання. У фотошопі текст можна написати замкнутим і незамкненим контуром. Можна задати початок і кінець тексту, висоту, напрямок, вирівнювання, за допомогою переміщення курсору миші можна перевернути текст.
У статті розглянемо написання тексту з допомогою інструмента «Перо» (Pen Tool, група інструментів включається клавішею P).

Вибираємо цей інструмент «Перо» та створюємо плавну вигнуту лінію. Перо має бути у режимі «Контур»(Paths).

Потім створимо замкнуту векторну фігуру овальної форми за допомогою інструмента "Еліпс" (Ellipse Tool, група інструментів включається клавішею U). У мене вийшла така картинка:

На малюнку нижче я показав два види курсору, звичайний текстовий і той же курсор під час підведення до лінії контуру

Працювати з текстом, прив'язаним до контуру, набагато складніше, ніж зі звичайним текстом через безліч нових параметрів і налаштувань. У разі роботи з таким текстом слід акуратно переміщати мишу та уважно стежити за змінами виду курсору. Але навіть якщо і скоєно помилкову дію, засмучуватися не варто, тому що завжди можна натиснути на комбінацію клавіш Ctrl+Z для скасування останньої дії або на Ctrl+Alt+Z для скасування кількох дій.

Продовжуємо створювати текст. Наводимо текстовий курсор на лінію контуру та клацаємо по ній. На контурі з'являється миготливий курсор у вигляді перпендикулярного відрізка.

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

Ці вказівники можна переміщати, і, відповідно, переміститься також текст. Для переміщення обмежувачів початку та кінця тексту треба вибрати інструмент "Виділення контуру" (Path Selection Tool).

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

Якщо ми наведемо курсор на початковий обмежувач, затиснемо ліву клавішу миші та перемістимо його вздовж лінії, то текст переміститься за ним. З'явиться відстань між текстом та кінцевим обмежувачем. Однак, якщо ми змінимо режим вирівнювання тексту, наприклад, виберемо «вирівнювання до правого краю», то текст «прилипне» до правого обмежувача. Це я показав на малюнку:

За бажання ми можемо перевернути текст догори ногами. Для цього треба підвести курсор до тексту, він набуде наступної форми:

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

Не забуваймо, що для переміщення обмежувачів та перевороту тексту має бути активним не інструмент «Текст», а інструмент «Виділення контуру» (Path Selection Tool)!

Тепер можна перейти до тексту на овал. Спосіб такий же. Вибрати інструмент «Текст», підвести його до контуру, клацнути мишкою, ввести. Але з'являються свої нюанси. На різких контурах переходах фігури (у нашому випадку на правому гострому згині овалу) текст зламається, окремі літери можуть зникнути.Тому в тесті на малюнку між словами «Текст, що оточує» та «овальну фігуру» вставлено кілька прогалин.

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

Тому, якщо Ви хочете, щоб на всій поверхні фігури літери мали звичайне (не перевернуте) положення, то текст треба вводити за два або більше Поняття шару у Photoshop шару, окремо для верхньої та нижньої частин фігури.

Власник цього сайту. Графічний дизайнер, спеціаліст з Фотошопу з досвідом 10+ років. Також веду канал про графічний дизайн на Ютуб та розвиваю тематичну спільноту у ВКонтакті. Зв'язатися зі мною можна через коментарі, форму зворотнього зв'язку або електронною поштою [email protected]

Як вигнути текст у Photoshop

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

Кількість переглядів цієї статті: 198326.

З цієї статті ви дізнаєтеся, як в Adobe Photoshop розташувати текст вздовж кривої лінії, тобто як вигнути текст.

За допомогою інструмента "Перо"

• натисніть «Відкрити», щоб відкрити існуючий документ;
• натисніть «Створити», щоб створити новий документ.

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

Перетворіть пряму лінію на криву. Затисніть Ctrl (Windows) або ⌘ (Mac OS X), а потім перетягніть вузлову точку так, щоб вийшла потрібна крива лінія (дуга).

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

За допомогою інструмента «Деформований текст»

Клацніть на інструменті «Текст». Цей значок у вигляді літери «T» знаходиться поруч із інструментом «Перо» на панелі інструментів у лівій частині вікна. Відкриється меню, що випадає.

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

Клацніть на інструменті «Деформований текст». Цей значок знаходиться у верхній частині вікна і виглядає як буква «T» із вигнутою лінією.

• Коли ви вибираєте стиль, текст буде змінюватися, щоб ви могли бачити зміни, що вносяться.
• Використовуйте «Горизонтальний» та «Вертикальний», щоб вибрати вертикальний або горизонтальний вигин.
• Щоб встановити ступінь вигину тексту, посуньте повзунок «Вигин» ліворуч або праворуч.
• Щоб збільшити або зменшити деформацію тексту, скористайтесь повзунками «Спотворення по горизонталі» та «Спотворення по вертикалі».

Додаткові статті

Про цю статтю

Співавтором цієї статті є Shari Fairclough, наш постійний співавтор. Постійні співавтори wikiHow працюють у тісній співпраці з нашими редакторами, щоб забезпечити максимальну точність та повноту статей. Кількість переглядів цієї статті: 198326.