Эмблемы и ретро логотипы очень популярны и многие из них имеют некоторый текст вдоль криволинейной траектории. Большинство людей для этих целей используют инструмент Деформация текста (Warp Text Tool), но он деформирует текст. В этом уроке вы узнаете, почему текст деформируется и как вы можете правильно создать текст вдоль кривой, не деформируя буквы.
Почему изогнутый текст выглядит деформированным
Обратите внимание на изображение ниже - текст слева был изогнутым с помощью инструмент Деформация текста (Warp Text Tool) в то время как текст справа был создан по криволинейной траектории. На первый взгляд, они оба выглядят одинаково, но внимательно посмотрите на текст, и вы увидите, что изображение текста слева деформируется (буквы верхней половины увеличены).
Вот еще один пример с только что написанным текстом, чтобы лучше показать, как текст деформируется.
Не используйте инструмент Деформация текста (Warp Text Tool)
Никогда не создавайте изогнутый текст с помощью инструмента Деформация текста (Warp Text Tool). Этот инструмент можно найти на панели управления выбранным инструментом в тот момент, когда у вас, к примеру, активен инструмент Горизонтальный текст (Horizontal Text Tool). Инструмент Деформация текста (Warp Text Tool) должен использоваться только для деформации форм вашего текста, таких как выпуклость, вогнутость, и т.д.
Как создать текст по криволинейной траектории
Правильный способ заключается в создании векторного контура, а затем нужно добавить текст на него. Мы покажем вам, как это сделать.
Шаг 1
Выберите инструмент Эллипс (Ellipse Tool) на панели инструментов. Вы также можете выбрать любую другую форму или использовать инструмент Перо (Pen Tool), чтобы нарисовать произвольный контур, которому ваш текст будет следовать. Для нашего изображения инструмент Эллипс (Ellipse Tool) является наиболее подходящим выбором.
Шаг 2
На панели управления выбранным инструментом в выпадающем меню выберите контур.
Нарисуйте контур, удерживая клавишу Shift, во время перетаскивания, чтобы получить идеальный круг (или квадрат / многоугольник, если вы используете другой инструмент для формы).
Чтобы изменить контур, переключитесь на инструмент Выделение контура (Path Selection Tool) и перетащите контур.
Шаг 3
Затем переключитесь на инструмент Горизонтальный текст (Text Tool (T)) и щелкните в любом месте контура. При наведении курсора на контур, курсор должен измениться на текстовый курсор с изогнутой линией через него.
Введите текст. Если вы хотите, чтобы ваш текст был по центру, то не забудьте установить положение на панели параметров.
Шаг 4
У вас есть текст, но он не совсем совпадает с логотипом. Во-первых, чтобы расположить текст в центре, вы можете настроить точку начала и точку остановки. На контуре вы найдете две точки. Переключитесь на инструмент Выделение контура (Path Selection Tool), а затем перетащите точку, чтобы изменить ваш текст. Курсор должен измениться на текстовый курсор с двумя стрелками. Во время перетаскивания вы можете удерживать клавишу Shift, если хотите расположить точки точно по центру.
Шаг 5
Похоже, что наш контур слишком большой и текст расположен не по центру со значком. Чтобы это исправить, вы можете изменить размер контура с помощью инструмента Свободная трансформация (Free Transform). Нажмите комбинацию клавиш Ctrl + T или перейдите в меню Редактирование> Свободная трансформация (Edit> Free Transform). Удерживая клавиши Shift и Alt, перетащите опорную точку в направлении центра масштабирования путь. Нажмите клавишу Enter, чтобы применить изменения.
В результате Ваш текст теперь в центре.
Дополнительные настройки текста
Вот еще несколько приёмов, которые вы можете творчески использовать в своих работах.
Отраженный текст вдоль контура
С помощью инструмента Выделение контура (Path Selection Tool) просто перетащите точку к центру формы и отразите текст.
Изменение ориентации текста
Нажмите на кнопку Переключить ориентацию текста (Toggle text orientation) на панели управления выбранным инструментом.
Финальный результат
Нравится
Источник: http://photoshop-help.ru/3537-kak-pravilno-sozdat-izognutyy-tekst-v-fotoshope.html |