Создать тип на пути в фотошопе: разъясняем основательно

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

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


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

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

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

Мяч для гольфа в полете.  Изображение # 24403595 по лицензии Adobe Stock Photoshop Essentials.com

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

Давайте начнем!

Как добавить тип на пути в фотошопе

Шаг 1: выберите инструмент Ellipse

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

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

Выбор инструмента Эллипс в Фотошопе.

Выбор Ellipse Tool на панели инструментов.

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


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

Параметр «Пути» на панели параметров в Photoshop.

Изменение режима для Ellipse Tool на Path.

Узнайте больше: рисование векторных фигур против пиксельных фигур в Photoshop

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

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

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

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

Рисование круговой дорожки вокруг мяча для гольфа в Photoshop.

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

Шаг 4: Выберите инструмент Type


С нашим нарисованным путем мы готовы добавить наш текст. Выберите инструмент «Текст» на панели «Инструменты»:

Photoshop Type Tool.

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

Шаг 5: выбери свой шрифт

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

Параметры шрифта Photoshop на панели параметров.

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

У меня также есть опция « Выравнивание текста», установленная влево, и мой цвет шрифта, установленный на белый :

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

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

Шаг 6: переместите курсор на путь


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

Photoshop Type Курсор инструмента, показывающий пунктирную волнистую линию через него.

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

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

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

Добавление текста по пути в Photoshop.

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

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

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

Нажав на галочку.

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

Текст был добавлен к пути.

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

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


Чтобы переместить текст вдоль пути, выберите инструмент «Выбор пути» на панели «Инструменты»:

Инструмент выбора пути в Photoshop.

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

Шаг 9: измени текст

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

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

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

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

Конец текста обрезан.

При перетаскивании текста конец обрезается.

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

Круг, отмечающий конец видимой текстовой области.

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

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

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

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

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


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

Текст был перевернут на другую сторону пути.

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

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

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

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

Выбор фонового слоя в Photoshop.

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

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

Создание типа по пути в Photoshop.

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

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

Куда пойти дальше …


И там у нас это есть! Вот так легко добавить тип по пути в Photoshop! Для связанных учебников, узнайте, как преобразовать тип с помощью Smart Objects или как применить Smart Filters к редактируемому типу . Или посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.