В фотошопе текст вдоль пути: Как написать текст по кругу, кривой и контуру

Как сделать текст по кругу в Фотошопе

MyPhotoshop.ru Работа с текстом Текст по кругу в Фотошопе: как написать двумя способами

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

Содержание

• Делаем текст по кругу
  • Метод №1: через деформацию
  • Метод №2: через контур

Написать текст по кругу в фотошопе достаточно легко. Это можно сделать двумя вариантами: исказить написанный текст, или сделать очертание, и по нему написать текст. У этих вариантов есть как достоинства, так и недостатки.

Метод №1: через деформацию

• Для начала необходимо написать текст;
  
• На панели настроек инструмента, в верхней части рабочего окна нужно найти кнопку с буквой Т, которая отвечает за настройки деформации текста;
  
• После нажатия на эту кнопку появится список, где необходимо выбрать стиль «Дугой». В открывшемся окне, необходимо сделать изгиб – 100%. Для этого, под словом Изгиб, тянем ползунок до конца вправо.
  

Достоинством данного варианта является то, что есть возможность написания двух надписей друг напротив друга, таким образом, что получится круг. Для этого необходимо просто создать дубликат слоя с текстом и в настройках деформации сдвинуть ползунок “Изгиба” до конца влево.

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

Есть и один недостаток такого метода: при написании читаемость текста немного ухудшается.

Метод №2: через контур

Для того, чтобы нарисовать контур, можно воспользоваться инструментом «Перо», либо выбрать «Фигуры» в левой панели инструментов. Сделать это достаточно легко.

Для того, чтобы нарисовать очертание с помощью инструмента «Фигуры» следуем инструкциям:

• Слева на панели инструментов нажимаем на значок с кругом. Там выбираем инструмент «Эллипс».
  На панели инструментов необходимо выбрать цвет заливки на свой вкус. Самое главное, чтобы контур круга не сливался с фоном, на котором он будет нарисован. Все параметры “Эллипса” можно задать в верхней панели настроек инструмента;
  
• Затем, необходимо нажать на клавиатуре кнопку Shift, и удерживая ее, с помощью мыши, нарисовать круг;
  
• Следующим шагом необходимо выбрать инструмент «Текст», подвести курсор к краю круга (посередине курсора должна появится волнистая линия, не окружность) и кликнуть левой кнопкой мыши. После того, как курсор замигает, можно начинать писать.
  

После написания текста фигуру можно удалить или использовать как украшение для товарного знака. Мы удалим:

Достоинством этого варианта, в отличие от первого, является то, что текст выглядит читабельно и не ухудшается.

Недостатком является то, что текст пишется по контуру, и внизу оказывается перевернутым. Если нужно было сделать именно так, то все в хорошо.

Бывают случаи, когда необходимо, чтобы текст снизу не был перевернутым. Чтобы это сделать, нужно выполнить следующие действия:

1. Слева, на панели инструментов выбираем инструмент «Произвольная фигура»;
   
2. В панели настроек инструмента открываем список фигур и выбираем «Тонкую круглую рамку»;
   
3. Нажимаем на клавиатуре SHIFT, и удерживая рисуем фигуру.
   После, выбираем инструмент «Текст» и на панели инструментов необходимо устанавливаем выравнивание по центру;
   
4. Теперь необходимо поднести курсор к контуру нарисованной фигуры, и кликнуть левой кнопкой мыши по внутренней части контура. Текст будет писаться поверх фигуры;
   
5. Чтобы написать текст снизу, и он не был перевернутым, нужно снова выбрать слой с фигурой и кликнуть левой кнопкой мыши по нижней части круга, но уже с внешней стороны.
   
6. После, вводим необходимый текст и получаем такой результат:
   
7. Убираем контур, удалив слой с фигурой, выбираем желаемый цвет шрифта (мы остановились на нашем фирменном цвете) и получаем финальный вариант:
   

На этом все! Навыки по написанию текста по кругу в Фотошопе помогут в создании виртуальных печатей и различных элементов дизайна.

До встречи в наших следующих уроках!

КУРСЫ:

СМОТРИТЕ ТАКЖЕ

Горячие клавиши в Photoshop

Фоны для Фотошопа: Лес

Фоны для Фотошопа: Черные

Как удалить фон с изображения в Photoshop

Как вырезать объект в Photoshop

Рамки для Фотошопа: Школьные

Урок создания анимации в Фотошопе

Изменяем размер изображения в Photoshop

Урок объединения слоев в Фотошопе

Улучшение качества фото в Фотошопе

Фоны для Фотошопа: Небо

Как рисовать прямые линии в Фотошопе

Замена цвета объекта/изображения в Photoshop на другой

Вставка фотографии в рамку в Photoshop

Наборы кистей для Фотошопа: Текстурные

Урок ретуши лица в Фотошопе для начинающих и не только

Инструмент “Заливка” в Фотошопе: как пользоваться

Двойная экспозиция в Фотошопе

Как создать документ формата А4 в Фотошопе

Замена фона на фотографии в Фотошопе

Уменьшение размера объекта в Фотошопе

Выделение слоя в Фотошопе: как сделать

Рамки для Фотошопа: С днем рождения

Градиент в Фотошопе: как сделать

Включение и настройка сетки в Photoshop

Создание афиши своим руками в Фотошопе

Фоны для Фотошопа: Рамки

Создание контура в Photoshop

Рисование треугольника в Фотошопе: 2 метода

Создание коллажей в Фотошопе: подробное руководство

Как создать слой в Photoshop

Кадрирование фото в Фотошопе

Заливка слоя в Фотошопе

Вставка изображения в Фотошоп: пошаговое руководство

Ретуширование фотографий с помощью частотного разложения в Фотошопе

Как нарисовать прямоугольник в Фотошопе

Вставка лица на фото-шаблон в Фотошопе

Изменение прозрачности слоя в Фотошопе

Отмена выделения в Фотошопе

Как сделать виньетирование фотографий в Photoshop

Наложение текстуры гранита на текст в Фотошопе

Отмена действий в Фотошопе

Работа с текстом в Кореле

Из этого урока вы узнаете о возможностях и свойствах Инструмента Текст в CorelDRAW в процессе создания дизайна этикетки. Вы научитесь редактировать горизонтальный текст, размещать текст вдоль изогнутого контура, и размещать текст внутри объектов разных форм. Также будут освещены различные способы редактирования текста.

Пример HTML-страницы

Шаг 1.

Инструмент Текст

Самая простая функция Инструмента Текст — Text Tool (F8) – это набор горизонтального текста внутри текстового поля. Итак, создайте новый документ (Ctrl + N). Возьмите Инструмент Текст — Text Tool (F8), потяните и создайте прямоугольную область, затем напишите слово «Bakery». Я использовал шрифт Pacifico.

Перейдите к Свойствам Текста — Text Properties (Ctrl + Т), установите размер шрифта около 72 пункта. Вы также можете видеть множество опций для заливок, абрисов, бликов и стилей. Но пока мы оставим эти настройки по умолчанию.

Шаг 2.

Инструмент Текст

Выделите текст и выровняйте текст по центру — Center (Ctrl + E). Это можно сделать также на панели свойств (Property Bar) или в окне свойств текста (Text Properties). Повторите предыдущий шаг, создав небольшой текст, чтобы у вашей воображаемой булочной появилась дата основания. Я выбрал для этой цели шрифт Bebas.

Шаг 3.

Инструмент Текст

Теперь возьмите Инструмент Основные фигуры (Basic Shapes Tool), который вы можете найти в наборе инструментов под инструментом Многоугольник — Polygon Tool (Y). Создайте небольшое сердечко по центру даты основания.
Далее вы можете выделить ваши текстовые объекты и Преобразовать их в кривые — Convert to Curves (Ctrl + Q).

Шаг 4.

Текст вдоль пути

Сгруппируйте (Ctrl + G) все текстовые объекты, созданные на данный момент. Возьмите Инструмент Эллипс — Ellipse Tool (F7) и нарисуйте большой круг вокруг текстовых объектов. Далее нарисуйте меньший круг внутри первого, затем выделите все объекты и Центрируйте по горизонтали, нажав С и по вертикали, нажав Е.  

Шаг 5.

Текст вдоль пути

Нарисуйте третий, самый маленький круг в центре двух других. Я установил цвет абриса (Outline) на розовый для лучшей видимости. Выделите этот маленький круг, и Инструментом Текст — Text Tool (F8) кликните по пути.
Наберите фразу, подходящую для булочной, например, «Fresh Bread Baked Daily» или «Best Donuts in Town!». С помощью Инструмент выбора (Pick Tool) вы можете поворачивать (Rotate) текст, относительно пути, масштабировать или перемещать текст в любом направлении.

Поверните (Rotate) текст так, чтобы он располагался по центру круга и масштабируйте (Scale), чтобы текст помещался внутри этикетки.

Шаг 6.

Текст вдоль пути

Выберите шрифт Bebas еще раз (мы использовали этот шрифт для написания даты основания).
Затем поворачивайте (Rotate) и перемещайте (Move) текст, пока не будете довольны его расположением и размером, затем можете Преобразовать текст в кривые — Convert to Curves (Ctrl + Q), это не обязательно делать сейчас, вы можете преобразовать все текстовые объекты в кривые после окончания создания дизайна.

Шаг 7.

Текст внутри объекта

Снова нарисуйте круг, используя Инструмент Эллипс — Ellipse Tool (F7). На панели свойств (Property Bar), выберите форму объекта Сектор (Pie). Установите настройки Начальный и конечный угол

(Starting and End Angles): 0.0° и 180°. Используя Инструмент выбора (Pick Tool) поверните, масштабируйте и поместите полукруг так, чтобы он вписался в нижнюю часть этикетки.

Шаг 8.

Текст внутри объекта

Возьмите Инструмент Текст — Text Tool (F8), кликните внутри полукруга. Наберите текст на свое усмотрение (я выбрал состав продукта). Далее в Свойствах текста (Text Properties), выберите выравнивание абзаца Полное (Justify). Если вы набирали состав, установите для слова «Ingredients» жирный шрифт и чуть больший размер, чем для остального текста.
До того, как вы преобразуете текст в кривые (Convert to Curves) вы можете изменять размер, положение и ориентацию полукруглого текстового блока на свое усмотрение.
В дополнение: можете выделить ваш текст и нажать в окне Свойства текста (Text Properties)

иконку Прописные (Caps) и выбрать в пункт Все прописные (All Caps), очень удобная функция, чтобы не использовать клавишу Caps Lock.

Шаг 9.

Финальное изображение

Вы отлично справились с овладением возможностями Инструмента Текст (Text Tool). Теперь можете изменять цвета элементов вашей этикетки, или (если вы еще не перевели текст в кривые) поэкспериментировать со шрифтами.

Ссылка на источник

Пример HTML-страницы

Как изогнуть текст в фотошопе

Из многих вещей, которые вы можете сделать для редактирования текста в Фотошоп, создание изогнутого текста — одно из самых популярных в дизайне. Это визуально интересно и действительно может добавить приятный эффект любому проекту.

Так как ты это делаешь? На самом деле есть несколько способов сделать это, как и все в Photoshop. Есть несколько более простых и более сложных способов, и каждый из них может работать для вас по-своему. Так что не бойтесь экспериментировать.

Изогнуть текст в Photoshop с помощью деформации текста

Самый простой способ создать эффект изогнутого текста в Photoshop — использовать инструмент «Деформация текста». Если вам нужно что-то быстрое для выполнения работы, это будет хороший метод. Сам инструмент может деформировать ваш текст, но если он выглядит так, как вы хотите, это хороший и простой вариант.

Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)

Во-первых, вы захотите открыть свой проект и ввести текст или выбрать слой уже набранного текста в вашем проекте, который вы хотите изогнуть. Когда слой выбран, найдите значок Деформации текста на панели параметров. Это похоже на полукруг с буквой T наверху рядом с цветом вашего шрифта.

Выберите этот инструмент, и появится окно «Деформация текста». В разделе «Стиль» есть несколько различных вариантов для получения изогнутого текста, но Arc, вероятно, даст вам лучший результат. После того, как вы выберете вариант, вы должны выбрать горизонтальную деформацию, а затем вы можете изменить величину изгиба с помощью первого ползунка.

Когда текст будет выглядеть так, как вы хотите, нажмите «ОК», чтобы применить его.

Изогнуть текст в Photoshop с помощью инструмента Path

Другой способ изогнуть текст в Photoshop, который требует еще нескольких шагов, — это использовать инструмент Path. Это может создать более гладкую кривую, чем при использовании инструмента «Деформация текста».

Чтобы начать этот метод, перейдите к инструменту формы и щелкните правой кнопкой мыши, чтобы выбрать форму эллипса. Затем нарисуйте круг, учитывая форму арки. Это путь, по которому будет изгибаться ваш текст.

Щелкните инструмент «Текст» и переместите курсор на верхнюю квадратную ручку. Курсор должен измениться с нормального на проходящую через него кривую. Щелкните здесь, и ваш текст появится вдоль выбранного пути.

Теперь перейдите на панель слоев, найдите слой Ellipse и щелкните по нему правой кнопкой мыши. Выберите «Удалить слой», чтобы удалить фигуру и оставить изогнутый текст.

Если вы хотите изменить расположение текста вдоль пути, вы можете выбрать инструмент прямого выделения, и вы сможете перемещать текст, щелкая и перетаскивая.

Если вы хотите изменить сам путь, вы можете щелкнуть по нему этим же инструментом и отредактировать точки пути, как хотите.

Используйте инструмент смарт-объектов

Третий способ изогнуть текст в Photoshop — это преобразовать текст в смарт-объект. Это позволяет изменять текст сколько угодно, не жертвуя при этом качеством. Это отличный вариант для создания изогнутого текста.

Сначала откройте свой проект и введите текст, затем выберите этот текстовый слой и перейдите в Слой> Смарт-объекты> Преобразовать в смарт-объект. Затем, не снимая выделения с слоя, перейдите в Edit> Transform> Warp.

Поверх вашего текста появится сетка, и будут пересечения, где вы можете щелкнуть и перетащить, чтобы манипулировать текстом. Вы также увидите, что на панели параметров есть раскрывающийся список Деформация. Щелкните по нему и выберите Arc. Ваш текст будет кривым.

Вы можете редактировать эту кривую любым способом, используя сетку, и вы можете изменить сетку в раскрывающемся списке на панели параметров. Затем щелкните галочку на панели параметров, чтобы применить изменения.

Советы по улучшению изогнутого текста в Photoshop

При создании изогнутого текста вы можете выровнять текст вдоль объекта на фотографии или графическом дизайне. В этих случаях лучшим вариантом будет использование функции «Путь». Это связано с тем, что вы можете использовать инструмент формы, чтобы он точно соответствовал объекту и изгибал текст вокруг него именно так, как вы хотите.

Однако вы можете выбрать маршрут смарт-объектов, если чувствуете, что вам нужно немного больше свободы в том, как вы изгибаете текст. Вы можете изогнуть его как хотите, используя этот инструмент, что дает вам множество дополнительных опций, чтобы он выглядел так, как вы хотите.

Инструмент Деформация текста не рекомендуется для более профессиональных проектов, но если вам нужно что-то быстрое и простое, это хороший способ. Просто имейте в виду, что это искажает ваш текст, что может не сделать его таким чистым, как вы хотите, если вы создаете что-то вроде логотипа.

Также при наборе текста убедитесь, что выбранный вами шрифт легко читается, даже если он изогнут. Вы можете поиграть с шрифтом и его размерами, чтобы ваш текст был читабельным.

Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)

Создание текста по контуру в Photoshop

Автор сценария Стив Паттерсон.

В этом уроке мы научимся добавлять текст вдоль контура в Photoshop! Я буду использовать Photoshop CS6 , но этот урок также полностью совместим с Photoshop CC . Если вы используете Photoshop CS5 или более раннюю версию, вам следует ознакомиться с предыдущей версией этого руководства.

Чтобы добавить текст к пути, нам сначала нужен путь, и Photoshop предлагает нам несколько способов его рисования.

Мы можем использовать инструмент базовой формы, такой как инструмент «Прямоугольник» или инструмент «Эллипс», мы можем создать путь из пользовательских фигур, и мы можем нарисовать путь произвольной формы с помощью инструмента «Перо».

То, как вы рисуете свой путь, не имеет значения, как мы будем добавлять к нему текст, потому что путь — это путь, независимо от того, как он был создан, и шаги для добавления типа к пути всегда одни и те же. Давайте посмотрим, как это работает!

Вот изображение, которое я буду использовать для этого урока. Оно было загружено с Adobe Stock. Я собираюсь использовать путь, чтобы добавить текст вокруг мяча для гольфа:

Исходное изображение.

Начнем!

Шаг 1. Выберите инструмент «Эллипс»

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

Поэтому в этом уроке мы будем делать все просто. Чтобы нарисовать дорожку вокруг мяча для гольфа, я буду использовать Ellipse Tool , один из основных инструментов Photoshop. Вы можете узнать больше о рисовании фигур в нашем уроке «Как рисовать векторные фигуры в Photoshop».

По умолчанию инструмент «Эллипс» находится за инструментом «Прямоугольник» на панели «Инструменты». Чтобы выбрать его, я щелкну правой кнопкой мыши (Win) / , удерживая нажатой клавишу Control, (Mac) на инструменте «Прямоугольник», затем я выберу инструмент «Эллипс» во всплывающем меню:

Выбор инструмента «Эллипс» на панели «Инструменты».

Шаг 2. Измените режим инструмента на «Путь»

При выборе инструмента «Эллипс» панель параметров в верхней части экрана изменяется, чтобы показать нам различные варианты работы с инструментом. В крайнем левом углу панели параметров находится цифра 9.0005 Режим инструмента

опция. По умолчанию установлено значение Shape . На самом деле Photoshop дает нам три разных типа фигур, которые мы можем рисовать: векторных фигур, контуров и пиксельных фигур. Мы хотим нарисовать путь, поэтому я изменю параметр «Режим инструмента» с «Форма» на «Путь :

».

Изменение режима инструмента «Эллипс» на «Путь».

Подробнее: Рисование векторных и пиксельных фигур в Photoshop

Шаг 3: Нарисуйте свой путь

Чтобы нарисовать путь, я нажимаю и удерживаю кнопку мыши в центре мяча для гольфа. Затем я нажимаю и удерживаю Shift+Alt (Win)/ Shift+Option (Mac) на клавиатуре и начинаю перетаскивать наружу от центра. Удерживая нажатой клавишу Shift, когда я перетаскиваю инструмент «Эллипс», форма пути превращается в идеальный круг, а клавиша Alt (Win) / Option (Mac) позволяет мне рисовать путь наружу от места, где я щелкнул.

Я буду продолжать тянуть наружу от центра, пока путь не станет достаточно большим, чтобы окружить шар. Если вам нужно изменить положение пути во время его рисования, нажмите и удерживайте пробел на клавиатуре, перетащите мышью, чтобы переместить контур в нужное положение, а затем отпустите пробел и продолжайте рисовать.

Когда я буду доволен тем, как выглядит путь, я отпущу клавишу Shift и клавишу Alt (Win) / Option (Mac), затем отпущу кнопку мыши (важно сначала отпустить клавиши, затем кнопку мыши, иначе вы получите неожиданные результаты). Здесь мы видим путь в виде тонкого контура вокруг шара:

.

Добавлена ​​дорожка вокруг мяча для гольфа.

Шаг 4. Выберите инструмент «Текст»

Когда наш путь нарисован, мы готовы добавить наш текст. Выберите инструмент Type Tool на панели инструментов:

Выбор инструмента «Текст».

Шаг 5. Выберите шрифт

Выберите настройки шрифта на панели параметров. Для моего изображения я буду использовать Futura Condensed Medium , установленный на 30 pt , но вы можете использовать любой, который вам больше подходит:

Установка параметров шрифта на панели параметров.

У меня также есть опция Text Alignment , установленная на Left , а мой type color установлен на white :

Параметры выравнивания текста и цвета.

Шаг 6. Наведите курсор на путь

Переместите инструмент «Текст» прямо по контуру. Курсор изменится на двутавровую балку с пунктирной волнистой линией , проходящей через нее. Это говорит нам о том, что мы собираемся добавить текст непосредственно к самому пути:

.

Пунктирная волнистая линия говорит нам, что мы добавляем текст к пути.

Шаг 7. Нажмите на путь и добавьте свой тип

Щелкните в любом месте пути и начните добавлять текст. Место, на которое вы нажимаете, — это место, где начинается текст, и по мере того, как вы продолжаете печатать, текст следует направлению пути. Не беспокойтесь, если вы нажали не на то место. Как мы вскоре увидим, мы можем легко перемещать текст по пути, когда закончим:

Текст обтекает форму круга.

Когда вы закончите добавлять текст, нажмите кнопку установите флажок на панели параметров, чтобы принять его:

Нажатие галочки.

Теперь текст добавляется к пути, хотя в моем случае он находится под немного странным углом, но мы исправим это дальше. Если ваш путь исчез, когда вы нажали на галочку, и все, что вы видите сейчас, это сам текст, не волнуйтесь. Путь снова появится, когда мы перейдем к следующему шагу:

.

Текст следует по пути, но его необходимо переместить.

Шаг 8. Выберите инструмент выбора пути

Чтобы изменить положение текста вдоль контура, выберите инструмент Path Selection Tool на панели инструментов:

Переключение на инструмент выбора пути.

Шаг 9. Переместите текст

Переместите курсор инструмента «Выделение контура» в любое место поверх текста. Вы увидите, как курсор изменится с черной стрелки на двутавровую балку с маленькой стрелкой сбоку от нее, указывающей влево или вправо. Просто нажмите на свой текст и перетащите его вперед и назад по пути с помощью мыши. Здесь я перетаскиваю свой текст по часовой стрелке по кругу:

Наведите инструмент «Выделение пути» на текст, затем щелкните и перетащите его вдоль пути.

Посмотрите, что произойдет, если я перетащу свой текст слишком далеко. Некоторые из них обрезаются в конце:

Слишком большое перетаскивание текста привело к обрезанию конца.

Конец был обрезан, потому что я переместил текст за пределы видимой области текста на пути. Чтобы решить эту проблему, найдите маленький кружок на пути в том месте, где текст обрезается. Круг отмечает конец видимой области:

Найдите маленький кружок, где текст обрезается.

Просто нажмите на кружок с помощью инструмента «Выделение пути» и перетащите его вниз по пути, пока остальная часть текста не появится снова:

Перетаскивание круга по часовой стрелке вдоль контура, чтобы показать конец обрезанного текста.

Переворот текста по контуру

Когда вы перетаскиваете текст вдоль пути, будьте осторожны, чтобы случайно не перетащить через путь. Если вы это сделаете, текст перевернется на другую сторону и в обратном направлении:

Перетаскивание по пути переворачивает и переворачивает текст.

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

Сокрытие пути

Когда вы закончите размещение текста и будете довольны результатами, скройте путь в документе, выбрав любой слой, кроме вашего 9.0005 Введите слой на панели «Слои». В моем случае мой документ имеет только два слоя — слой «Тип» и слой «Фон», который содержит мое изображение, поэтому я нажму на фоновый слой , чтобы выбрать его:

Выберите любой слой, кроме слоя «Тип», чтобы скрыть путь в документе.

Теперь, когда мой путь скрыт, а текст перевернут на исходную сторону, вот мой окончательный результат:

Окончательный результат.

Имейте в виду, что, несмотря на то, что мы добавили текст к контуру, Photoshop ничего особенного не сделал с самим текстом. Это по-прежнему просто текст, а это значит, что вы можете вернуться в любое время и отредактировать его или полностью изменить, если вам нужно. Вы можете выбрать другой шрифт, изменить его размер или цвет, настроить интерлиньяж, кернинг или трекинг, сдвиг базовой линии и все, что вы можете делать с обычным шрифтом!

Куда идти дальше…

И вот оно! Вот как легко добавить текст вдоль контура в Photoshop! В соответствующих руководствах узнайте, как преобразовать текст с помощью смарт-объектов или как применить смарт-фильтры к редактируемому тексту. Или посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!

Как печатать по пути в Photoshop — Brendan Williams Creative

Ввод текста по контуру позволяет создавать с текстом уникальные эффекты. Например, вы можете изогнуть текст вокруг фигуры или объекта на изображении, чтобы выделить текст. Текст может быть добавлен к пути, который принимает любую форму, что дает вам неограниченные творческие возможности с этим эффектом.

Чтобы ввести контур в Photoshop, сначала создайте контур с помощью инструмента «Перо» или одного из инструментов «Форма» в режиме «Контур». Создав контур, выберите инструмент «Текст» (T) и щелкните линию контура. Теперь начните печатать, и ваш текст будет следовать форме контура!

При создании контуров с помощью инструмента «Перо» преимущество заключается в создании волнистых линий или базовых фигур. Однако для определенных фигур часто проще использовать инструмент «Фигура», чтобы создать контур. После ввода текста на пути вы можете отрегулировать его положение, чтобы разместить его именно там, где вы хотите.

В этом посте вы узнаете о нескольких различных способах создания и редактирования контуров, а также обо всем, что вам нужно знать при работе с текстом на контуре в Photoshop. Давайте начнем!

Видеоруководство

Способы создания контура в Photoshop

Контур в Photoshop представляет собой отрезок линии, содержащий точки привязки на каждом из его краев. Он также может состоять из нескольких сегментов линии, соединенных несколькими опорными точками.

Простой путь с одним сегментом. Более сложный путь с несколькими сегментами

Путь может быть прямым или изогнутым, открытым или закрытым.

Изогнутый открытый контур Замкнутый изогнутый контур

Контуры можно использовать для создания пользовательских фигур, мазков кистью и многого другого. Изолированные пути не имеют особой функции. Они даже не отображаются на панели «Слои», а вместо этого отображаются на специальной панели путей, которая появляется, когда вы рисуете путь.

При сохранении документа, в котором вы создали изолированный путь, вам необходимо преобразовать путь во что-то другое, если вы хотите его использовать, например, в выделение или мазок. Вы можете создать контур с помощью инструмента «Перо» или превратить фигуру в контур, прежде чем добавлять к контуру текст, чтобы создать текстовые элементы уникальной формы.

Создание пути с помощью инструмента «Перо»

С помощью инструмента «Перо» можно соединить опорную точку с другой опорной точкой для создания прямого или изогнутого пути. Это дает вам бесконечные возможности для создания индивидуальных путей. Чтобы создать контур с помощью Pen Tool , выберите на панели инструментов инструмент (P).

Затем перейдите на панель параметров и измените инструмент Mode на Path .

Затем щелкните в любом месте холста, чтобы создать первую опорную точку.

Теперь у вас есть два варианта: нарисовать прямой или изогнутый путь. Чтобы нарисовать прямой путь, удерживайте Shift и щелкните в любом месте холста, чтобы создать вторую опорную точку.

Чтобы создать криволинейный путь, щелкните на холсте, чтобы создать первую опорную точку. Затем нажмите на другую часть холста и перетащите мышь вниз.

Чтобы уменьшить угол кривизны, удерживайте Alt (Win) или Option (Mac), щелкните рычаг управления, соединенный с новой точкой привязки, и перетащите ручку вниз.

Если вы хотите увеличить угол кривизны, перетащите ручку, связанную с кривой, вверх.

Чтобы продолжить создание контура, щелкните в любом месте холста. Это создаст третью опорную точку.

Рукоятка управления, связанная с кривой, управляет ориентацией кривой. В моем случае ручка, подключенная к новому сегменту, направлена ​​вниз. Затем, когда я щелкнул другую часть холста, была создана выпуклая кривая.

Чтобы изменить ориентацию кривой, удерживайте Alt (Win) или Option (Mac) и переместите ручку, связанную с кривой, в противоположном направлении.

Создать прямой путь с помощью инструмента «Перо» довольно просто. С другой стороны, создание изогнутого пути требует немного больше практики, но все равно довольно просто.

Создание пути с помощью инструмента «Форма»

Нарисовать путь с помощью инструмента «Форма» проще, чем с помощью инструмента «Перо», хотя вы ограничены набором доступных фигур.

Для этого выберите любой из параметров инструмента формы на панели инструментов ( У ). Вы можете выбрать первую доступную фигуру или удерживать кнопку мыши, чтобы просмотреть другие фигуры и выбрать нужную .

Затем перейдите на панель параметров и измените инструмент Mode на Path .

После этого щелкните и перетащите холст, чтобы создать путь.

Можно использовать либо основные фигуры, отображаемые на панели инструментов, либо формы, доступные на панели Фигуры . Чтобы открыть фигур панель, перейдите к Window > Shapes.

Выбрав фигуру, щелкните и перетащите ее на холсте, чтобы создать свой путь. Перед созданием формы убедитесь, что режим установлен на Path .

Как поместить текст на контур в Photoshop

Чтобы поместить текст на контур, вам нужно сначала нарисовать контур. Для этого следуйте инструкциям в предыдущем разделе. В моем случае я создал путь вокруг баскетбольного мяча на изображении ниже, используя инструмент Pen Tool 9.0006 .

После создания пути выберите Text Tool на панели инструментов (T).

Затем наведите указатель мыши на путь, пока курсор не примет вид I с пересекающей его изогнутой линией, и щелкните в любом месте пути.

Теперь вы можете начать вводить путь.

Как переместить текст вдоль пути

Если увеличить текст, добавленный к пути, нажав Control + + (Win) или Command + + (Mac), вы заметите значок x рядом с текстом. Это указывает на начальную точку текста.

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

Вы можете легко изменить начало и конец текста. Чтобы изменить начальную точку текста, щелкните инструмент Path Selection Tool на панели инструментов (A).

Затем наведите указатель мыши на начальную точку текста, пока курсор не превратится в цифру 9.0005 I со стрелкой, указывающей вправо.

Затем перетащите текст в то место, где должна быть новая начальная точка.

До После

Чтобы изменить конечную точку текста, наведите курсор на его конечную точку, пока курсор не примет вид I со стрелкой, указывающей влево.

Затем вы можете перетащить текст в новую конечную точку.

До После

Имейте в виду, что после изменения конечной точки текста Photoshop может скрыть часть вашего текста. Чтобы изменить конечную точку текста, сохранив при этом весь исходный текст, вам потребуется уменьшить размер шрифта текста.

Как инвертировать текст на пути

После размещения текста на пути вам может понадобиться текст на другой стороне строки. Для этого введите текст на пути и расположите его в нужном месте, как вы узнали из предыдущих разделов.

Затем дважды щелкните текст, чтобы выделить его.

После этого перейдите в Окно > Символ.

На панели символов отрегулируйте значение Baseline Shift , пока ваш текст не будет расположен на стороне пути, который вы хотите.

В моем случае мне нужно было установить смещение базовой линии на отрицательное значение (-38), чтобы мой текст выглядел так, как будто он напечатан на баскетбольном мяче. Но если бы я хотел, чтобы текст располагался за пределами шара, мне пришлось бы увеличить смещение базовой линии.

Вы также можете перевернуть текст, чтобы он был написан вверх ногами на пути, но я объясню, как это сделать, в другом моем уроке о том, как набирать текст по кругу в Photoshop.

Удачного редактирования!

Инструмент ввода пути

Руководство пользователя Отменить

Поиск

Последнее обновление 16 декабря 2021 г. 13:22:31 по Гринвичу

1. Руководство пользователя Illustrator
2. Знакомство с Illustrator
   1. Знакомство с Illustrator
      1. Новые возможности Illustrator
      2. Общие вопросы
      3. Системные требования Illustrator
      4. Illustrator для Apple Silicon
   2. Рабочее пространство
      1. Основы рабочего пространства
      2. Создание документов
      3. Панель инструментов
      4. Сочетания клавиш по умолчанию
      5. Настройка сочетаний клавиш
      6. Знакомство с монтажными областями
      7. Управление монтажными областями
      8. Настройка рабочего пространства
      9. Панель свойств
      10. Установить предпочтения
      11. Сенсорное рабочее пространство
      12. Поддержка Microsoft Surface Dial в Illustrator
      13. Отмена изменений и управление историей дизайна
      14. Повернуть вид
      15. Линейки, сетки и направляющие
      16. Специальные возможности в Illustrator
      17. Безопасный режим
      18. Посмотреть работу
      19. Использование сенсорной панели с Illustrator
      20. Файлы и шаблоны
   3. Инструменты в Illustrator
      1. Обзор инструментов
      2. Инструменты выбора
         1. Выбор
            
         2. Прямой выбор
         3. Выбор группы
         4. Волшебная палочка
         5. Лассо
         6. Монтажная область
      3. Инструменты навигации
         1. Рука
         2. Повернуть вид
            
         3. Зум
      4. Инструменты для рисования
         1. Градиент
            
         2. Сетка
         3. Конструктор форм
      5. Текстовые инструменты
         1. Тип
            
         2. Введите по пути
         3. Вертикальный тип
      6. Инструменты для рисования
         1. Ручка
         2. Добавить опорную точку
         3. Удалить опорную точку
         4. Анкерная точка
         5. Кривизна
         6. Линейный сегмент
         7. Прямоугольник
         8. Прямоугольник со скругленными углами
         9. Эллипс
         10. Полигон
         11. Звезда
         12. Кисть
         13. Кисть-клякса
         14. Карандаш
         15. Формирователь
         16. Срез
      7. Инструменты модификации
         1. Поворот
         2. Отражение
         3. Весы
         4. Ножницы
         5. Ширина
         6. Свободное преобразование
         7. Пипетка
         8. Смесь
         9. Ластик
         10. Ножницы
3. Иллюстратор на iPad
   1. Знакомство с Illustrator для iPad
      1. Обзор Illustrator для iPad
      2. Illustrator на iPad: часто задаваемые вопросы
      3. Системные требования | Иллюстратор на iPad
      4. Что можно или нельзя делать в Illustrator на iPad
   2. Рабочая область
      1. Рабочая область Illustrator на iPad
      2. Сенсорные клавиши и жесты
      3. Сочетания клавиш для Illustrator на iPad
      4. Управление настройками приложения
   3. Документы
      1. Работа с документами в Illustrator на iPad
      2. Импорт документов Photoshop и Fresco
   4. Выбор и размещение объектов
      1. Создание повторяющихся объектов
      2. Смешивание объектов
   5. Рисование
      1. Рисование и редактирование контуров
      2. Рисование и редактирование фигур
   6. Тип
      1. Работа с шрифтом и шрифтами
      2. Создание текстовых рисунков вдоль контура
      3. Добавьте свои собственные шрифты
   7. Работа с изображениями
      1. Векторизация растровых изображений
   8. Цвет
      1. Применение цветов и градиентов
4. Облачные документы
   1. Основы
      1. Работа с облачными документами Illustrator
      2. Общий доступ и совместная работа над облачными документами Illustrator
      3. Обновление облачного хранилища для Adobe Illustrator
      4. Облачные документы Illustrator | Общие вопросы
   2. Поиск и устранение неисправностей
      1. Устранение неполадок при создании или сохранении облачных документов Illustrator
      2. Устранение неполадок с облачными документами Illustrator
5. Добавление и редактирование содержимого
   1. Рисование
      1. Основы рисования
      2. Редактировать пути
      3. Нарисуйте идеальную картинку
      4. Рисование с помощью инструментов «Перо», «Кривизна» или «Карандаш»
      5. Рисование простых линий и фигур
      6. Трассировка изображения
      7. Упростить путь
      8. Определение сетки перспективы
      9. Инструменты для работы с символами и наборы символов
      10. Настройка сегментов пути
      11. Создайте цветок за 5 простых шагов
      12. Перспективный рисунок
      13. Символы
      14. Рисование путей с выравниванием по пикселям для веб-процессов
   2. 3D-эффекты и материалы Adobe Substance
      1. О 3D-эффектах в Illustrator
         
      2. Создание 3D-графики
         
      3. Изображение карты поверх 3D-объектов
      4. Создание 3D-объектов
      5. Создать 3D-текст
   3. Цвет
      1. О цвете
      2. Выберите цвета
      3. Использование и создание образцов
      4. Настройка цветов
      5. Использование панели «Темы Adobe Color»
      6. Цветовые группы (гармонии)
      7. Панель «Цветовые темы»
      8. Перекрасьте свою работу
   4. Покраска
      1. О покраске
      2. Краска с заливками и штрихами
      3. Группы быстрой заливки
      4. Градиенты
      5. Щетки
      6. Прозрачность и режимы наложения
      7. Применение обводки к объекту
      8. Создание и редактирование рисунков
      9. Сетки
      10. Шаблоны
   5. Выбор и расположение объектов
      1. Выбор объектов
      2. Слои
      3. Группировать и расширять объекты
      4. Перемещение, выравнивание и распределение объектов
      5. Объекты стека    
      6. Блокировка, скрытие и удаление объектов
      7. Повторяющиеся объекты
      8. Вращение и отражение объектов
   6. Изменение формы объектов
      1. Обрезка изображений
      2. Преобразование объектов
      3. Объединить предметы
      4. Вырезать, делить и обрезать объекты
      5. Марионеточная деформация
      6. Масштабирование, сдвиг и искажение объектов
      7. Смешивание объектов
      8. Изменение формы с помощью конвертов
      9. Изменение формы объектов с эффектами
      10. Создавайте новые фигуры с помощью инструментов Shaper и Shape Builder
      11. Работа с динамическими углами
      12. Усовершенствованные рабочие процессы изменения формы с поддержкой сенсорного ввода
      13. Редактировать обтравочные маски
      14. Живые фигуры
      15. Создание фигур с помощью инструмента «Создание фигур»
      16. Глобальное редактирование
   7. Тип
      1. Добавление текста и работа с текстовыми объектами
      2. Создание маркированных и нумерованных списков
      3. Управление текстовой областью
      4. Шрифты и типографика
      5. Тип формата
      6. Импорт и экспорт текста
      7. Форматирование абзацев
      8. Специальные символы
      9. Создать тип по пути
      10. Стили символов и абзацев
      11. Вкладки
      12. Текст и тип
      13. Поиск отсутствующих шрифтов (рабочий процесс Typekit)
      14. Обновление текста из Illustrator 10
      15. Арабский и еврейский шрифт
      16. Шрифты | Часто задаваемые вопросы и советы по устранению неполадок
      17. Создание эффекта 3D-текста
      18. Креативный типографский дизайн
      19. Тип масштабирования и поворота
      20. Интервал между строками и символами
      21. Переносы и разрывы строк
      22. Улучшения текста
      23. Орфографические и языковые словари
      24. Формат азиатских символов
      25. Композиторы для азиатских сценариев
      26. Создание текстовых дизайнов с помощью смешанных объектов
      27. Создание текстового плаката с помощью Image Trace
   8. Создание спецэффектов
      1. Работа с эффектами
      2. Графические стили
      3. Создание тени
      4. Атрибуты внешнего вида
      5. Создание эскизов и мозаик
      6. Тени, свечение и растушевка
      7. Краткое описание эффектов
   9. Веб-графика
      1. Передовой опыт создания веб-графики
      2. Графики
      3. СВГ
      4. Создание анимации
      5. Срезы и карты изображений
6. Импорт, экспорт и сохранение
   1. Импорт
      1. Размещение нескольких файлов
      2. Управление связанными и встроенными файлами
      3. Информация о ссылках
      4. Невстроенные изображения
      5. Импорт изображения из Photoshop
      6. Импорт растровых изображений
      7. Импорт файлов Adobe PDF
      8. Импорт файлов EPS, DCS и AutoCAD
   2. Библиотеки Creative Cloud в Illustrator
      1. Библиотеки Creative Cloud в Illustrator
   3. Сохранить
      1. Сохранить работу
   4. Экспорт
      1. Использование иллюстраций Illustrator в Photoshop
      2. Экспорт обложки
      3. Сбор активов и экспорт в пакетах
      4. Файлы пакетов
      5. Создание файлов Adobe PDF
      6. Извлечение CSS | Иллюстратор CC
      7. Параметры Adobe PDF
      8. Информация о файле и метаданные
7. Печать
   1. Подготовка к печати
      1. Подготовка документов к печати
      2. Изменить размер и ориентацию страницы
      3. Укажите метки обрезки для обрезки или выравнивания
      4. Начните работу с большим холстом
   2. Печать
      1. Надпечатка
      2. Печать с управлением цветом
      3. Печать PostScript
      4. Предустановки печати
      5. Следы принтера и кровотечения
      6. Распечатать и сохранить прозрачную иллюстрацию
      7. Ловушка
      8. Печать цветоделения
      9. Печать градиентов, сеток и цветовых сочетаний
      10. Белая надпечатка
8. Автоматизация задач
   1. Объединение данных с использованием панели переменных
   2. Автоматизация с помощью скриптов
   3. Автоматизация с действиями
9. Устранение неполадок
   1. Проблемы со сбоями
   2. Восстановление файлов после сбоя
   3. Проблемы с файлами
   4. Поддерживаемые форматы файлов
   5. Проблемы с драйвером устройства GPU
   6. Проблемы с устройством Wacom
   7. Проблемы с файлом DLL
   8. Проблемы с памятью
   9. Проблемы с файлом настроек
   10. Проблемы со шрифтами
   11. Проблемы с принтером
   12. Поделиться отчетом о сбое с помощью Adobe
   13. Повышение производительности Illustrator

Инструмент «Текст по контуру» позволяет вводить текст, повторяющий форму или контур.