Как рисовать буквы в фотошопе

Обновлено: 21.11.2024

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

Изменить атрибуты типа на нескольких слоях

ШАГ 1. Выберите несколько текстовых слоев.
Если вы хотите изменить атрибуты шрифта, такие как цвет, кегль или шрифт, на нескольких текстовых слоях одновременно, это можно сделать простым способом. В палитре «Слои» выберите тип слоев, с которыми вы хотите работать. Если они все рядом друг с другом, щелкните первый слой, а затем, удерживая клавишу Shift, щелкните последний; слои, на которые вы нажали, и любые слои между ними будут выбраны. Если слои текста не являются смежными, щелкните, удерживая клавишу Command (ПК: щелкните, удерживая клавишу Ctrl), чтобы выбрать нужные слои.

ШАГ 2. Измените атрибуты с помощью панели параметров.
Выбрав текстовые слои, выберите инструмент «Текст» на панели инструментов. Теперь на панели параметров измените атрибут сразу для всех выбранных слоев. В нашем примере мы изменили цвет трех текстовых слоев с красного на черный, щелкнув образец цвета на панели параметров и выбрав новый цвет в палитре цветов, но вы также можете легко изменить размер или шрифт.

Применить стили слоя к нескольким слоям

ШАГ 3. Примените стиль слоя Outer Glow.
Если вы следуете за изображением плаката Type Casting, щелкните слой типа «angry fisherman», чтобы сделать его активным. В нижней части палитры «Слои» щелкните значок «Добавить стиль слоя» (маленькая буква f, выделенная курсивом) и выберите «Внешнее свечение». В диалоговом окне «Стили слоя» щелкните небольшой образец цвета и измените свечение на белый. Установите непрозрачность на 65% и размер на 10 пикселей. Нажмите OK, чтобы применить внешнее свечение.

ШАГ 4. Скопируйте стиль слоя в несколько слоев
Удерживая нажатой клавишу Control (ПК: щелкните правой кнопкой мыши) на слое с типом «сердитый рыбак», в контекстном меню выберите «Копировать стиль слоя» (он находится внизу ). Теперь щелкните слой типа «сценарист», а затем, удерживая клавишу Shift, щелкните слой типа «остроконечные объекты», чтобы выбрать их обоих. Удерживая нажатой клавишу «Control» (ПК: щелкните правой кнопкой мыши) по этим слоям, выберите «Вставить стиль слоя» в контекстном меню. Вы также можете копировать стили слоя, удерживая нажатой клавишу Option (ПК: клавиша Alt) и перетаскивая значок «Эффекты слоя» с одного слоя на другие слои.

Создайте рыболовный крючок

ШАГ 5. Превратите текст в рабочий путь.
Нажмите на текстовый слой «Текст», чтобы сделать его активным. В меню «Слой» выберите «Текст» > «Создать рабочий путь» (если в вашей системе не установлен шрифт American Typewriter, попробуйте изменить его на Courier, если вы получите предупреждение об этом). Новый рабочий путь будет добавлен в палитру путей. Дважды щелкните путь и переименуйте его в «TYPE word». В оставшейся части урока мы изменим нижнюю часть буквы «y» и превратим ее в рыболовный крючок. (Если вы хотите пропустить этапы изменения пути, вы можете использовать готовый путь Fishhook Type.)

ШАГ 6. Совместите контур с направляющим слоем.
Чтобы упростить изменение пути для тех, кто плохо знаком с инструментом «Перо», мы создали направляющий слой над основным слоем изображения. Включите видимость слоя «направляющая пути рыболовного крючка» и выключите значок глаза для текстового слоя «Тип».Путь, который вы создали из слова «Тип», уже должен быть выровнен с буквами на направляющем слое, но если это не так, выберите инструмент «Выбор пути» (черная стрелка), щелкните и перетащите прямоугольник вокруг всех букв пути. , и перемещайте контур, пока он не совпадет со слоем направляющей.

ШАГ 7. Удалите нижнюю часть Y.
В палитре Navigator выделите процент масштабирования в левом нижнем углу, введите 500 и нажмите клавишу «Return» (ПК: Enter), чтобы приблизить масштаб. Нажмите и удерживайте клавишу пробела, чтобы вызвать инструмент «Рука», и щелкните и перетащите, пока не увидите букву «y». На панели инструментов выберите инструмент «Прямое выделение» (белая стрелка). Перетащите рамку вокруг нижнего изогнутого кончика буквы «y» (A), чтобы выбрать опорные точки, определяющие эту часть буквы (B). Нажмите Delete (ПК: Backspace), чтобы удалить эти точки и связанные с ними сегменты (C).

ШАГ 8. Настройка опорных точек.
Деактивируйте опорные точки, щелкнув белую область рядом с контуром. Инструментом «Прямое выделение» (белая стрелка) отрегулируйте положение двух точек, где была удалена нижняя часть буквы. Нажмите на каждую точку и переместите ее так, чтобы она совпала с соответствующим красным квадратом на слое «направляющая траектории рыболовного крючка» (точки A и L, как показано выше). Вам также может понадобиться отрегулировать управляющие маркеры, выходящие из опорных точек, чтобы выровнять сегменты линий, соединенные с этими точками, чтобы линии максимально соответствовали направляющей.

ШАГ 9. Добавьте новый сегмент пути.
Выберите инструмент «Перо», затем щелкните значок «Пути» в левой части панели параметров. Наведите кончик инструмента на точку в нижней правой части хвоста буквы «y». Появится небольшой квадрат с горизонтальной линией через него, указывающий, что вы соедините новый сегмент линии с существующей точкой привязки. Нажмите на точку (A) и переместите курсор вниз к следующему красному квадрату (точка B). Одним движением нажмите и перетащите вниз под тем же углом, что и верхняя часть линии, вытягивая маркер управления.

ШАГ 10. Обведите форму рыболовного крючка
Нажмите на следующую точку (C) и перетащите вверх в направлении кривой после точки. Нажмите и перетащите на следующую точку (D), а затем на кончик крючка (E). Затем, удерживая нажатой клавишу Option (ПК: Alt), щелкните конец правого маркера управления точки E и потяните его вниз, чтобы изменить направление и создать точку возврата. Нажмите на кончик первой бородки (F) и потяните от кончика. Теперь, удерживая нажатой клавишу Option (ПК: Alt), щелкните и перетащите правый маркер управления назад в направлении шипа.

ШАГ 11. Создание зазубрин
Щелкните следующую точку (G), удерживайте клавишу Option (ПК: Alt) и измените направление ручки управления, чтобы она следовала за зазубриной, как в предыдущих шагах. Нажмите на кончик второй бородки (H) и вытяните ручку, чтобы линия совпадала с небольшим изгибом бородки. Удерживая нажатой клавишу Option, щелкните и перетащите (ПК: Alt-щелкните и перетащите), чтобы изменить направление обратно к последнему красному квадрату во внутренней части шипа (I). Удерживая нажатой клавишу Option (ПК: Alt-клик) в этой точке, перетащите вниз к следующей точке (J) на внутренней стороне нижней части формы рыболовного крючка.

ШАГ 12. Закрытие контура и точная настройка.
Продолжайте отслеживать форму нижней кривой, продолжая движение до точек K и, наконец, до L, чтобы соединиться с последней открытой точкой и закрыть контур. Используйте инструмент «Прямой выбор» (белая стрелка) для точной настройки любых кривых или управляющих маркеров, чтобы форма крюка выглядела так, как вы хотите. Когда вы закончите, щелкните значок глаза слоя «направляющая пути рыболовного крючка», чтобы скрыть его.

ШАГ 13. Добавьте слой-фигуру на основе измененного контура.
Нажмите D, чтобы установить цвета переднего плана/фона по умолчанию, затем нажмите X, чтобы поместить белый цвет в образец переднего плана. Когда измененный контур рыболовного крючка «Тип» все еще активен, щелкните значок «Создать новый корректирующий слой» в нижней части палитры «Слои» и выберите «Сплошной цвет» в контекстном меню. Цвет слоя уже должен быть белым, так как это цвет переднего плана. Нажмите OK, чтобы добавить слой белой заливки в форме измененного контура.

ШАГ 14. Финальная доработка крючка.
Посмотрев на готовый слой Color Fill 1, мы решили сделать крючок короче. Для этого используйте инструмент «Прямое выделение», чтобы перетащить зазубрину крючка. Затем, удерживая нажатой клавишу Shift, перетащите точки B и K, как показано, чтобы добавить их к выделению. Нажмите на нижнюю часть крючка и перетащите вверх под тем же углом, что и хвостовик, чтобы приблизить его к верхней части буквы «y». Наконец, мы добавили стиль слоя «Тень» к слою «Цветовая заливка рыболовного крючка 1» и слою типа «Кастинг».

В этом уроке по созданию текстовых эффектов в Photoshop мы научимся создавать простой трехмерный текст:

Начнем!

Шаг 1. Создайте новый документ

Для начала давайте создадим новый документ Photoshop. Перейдите в меню «Файл» в верхней части экрана и выберите «Создать» или, чтобы ускорить процесс, нажмите сочетание клавиш Ctrl+N (Win)/Command+N (Mac). Какой бы способ вы ни выбрали, Photoshop откроет диалоговое окно «Новый документ». Введите размер, который вам нужен для вашего документа. Для этого урока я собираюсь ввести ширину 6 дюймов, высоту 4 дюйма и разрешение 300 пикселей на дюйм, что является стандартным разрешением для печати профессионального качества. Я также собираюсь установить для параметра «Содержимое фона» значение «Белый», что установит белый цвет фона моего нового документа. Когда вы закончите, нажмите OK в правом верхнем углу диалогового окна, чтобы выйти из него. Ваш новый документ Photoshop появится на экране.

Шаг 2. Выберите инструмент «Текст» в палитре инструментов Photoshop

Чтобы добавить текст в документ, нам понадобится инструмент «Текст» в Photoshop. Выберите его в палитре инструментов или нажмите букву T на клавиатуре, чтобы выбрать его с помощью ярлыка:

Шаг 3. Выберите шрифт на панели параметров

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

Шаг 4. Выберите цвет для текста

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

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

Образец цвета на панели параметров изменится, чтобы показать выбранный вами цвет.

Шаг 5. Добавьте текст в документ

Выбрав наш шрифт и цвет текста, щелкните внутри документа и добавьте свой текст. Я наберу «ФОТОШОП» заглавными буквами, чтобы усилить эффект. Не беспокойтесь, если текст пока кажется слишком большим или слишком маленьким. Мы можем это исправить в ближайшее время:

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

Если мы посмотрим на нашу палитру слоев, то увидим, что Photoshop удобно разместил наш текст на своем собственном слое над фоновым слоем. Именно это позволит нам работать с текстом независимо от белого фона за ним:

Шаг 6. При необходимости измените размер шрифта

Если вы обнаружите, что ваш текст слишком мал (или слишком велик), мы можем легко исправить это с помощью команды Photoshop «Свободное преобразование». Во-первых, убедитесь, что ваш текстовый слой выбран в палитре слоев (выбранные слои выделены синим цветом). Затем перейдите в меню «Правка» в верхней части экрана и выберите «Свободное преобразование».Вы также можете выбрать команду «Свободное преобразование» с помощью сочетания клавиш Ctrl+T (Win)/Command+T (Mac):

Вы увидите поле "Свободное преобразование" и маркеры вокруг текста в документе. Чтобы изменить размер текста, удерживайте нажатой клавишу Shift, затем щелкните любой из угловых маркеров (маленьких квадратиков) и перетащите угол внутрь, чтобы уменьшить текст, или наружу, чтобы увеличить его. Удерживая нажатой клавишу Shift при перетаскивании, вы ограничиваете соотношение сторон, чтобы случайно не исказить форму текста при изменении его размера. Я собираюсь сделать свой текст немного больше, перетащив ручку в правом нижнем углу наружу. Вы также можете переместить текст, если вам нужно, щелкнув в любом месте внутри поля «Свободное преобразование» и перетащив текст в новое место внутри документа:

Когда закончите, нажмите Enter (Win)/Return (Mac), чтобы принять изменение и выйти из команды Free Transform.

Шаг 7. Преобразование текста в фигуру

Чтобы создать 3D-эффект, нам нужно изменить перспективу нашего текста. Но есть только одна проблема. Photoshop не позволяет нам изменять перспективу текста (понимаете, какая это может быть проблема?). Чтобы показать вам, что я имею в виду, убедитесь, что у вас все еще выбран текстовый слой, затем перейдите в меню «Правка» в верхней части экрана и выберите «Преобразовать» из списка. Появится вторичное меню, показывающее все различные способы преобразования содержимого выбранного слоя. Обратите внимание, что параметры «Искажение» и «Перспектива» выделены серым цветом? Это означает, что в настоящее время они недоступны для нас, и это потому, что Photoshop не может выполнять ни один из этих двух типов преобразования текста.

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

Не снимая выделения с текстового слоя, перейдите в меню «Слой» в верхней части экрана, выберите «Тип», а затем выберите «Преобразовать в фигуру»:

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

Шаг 8. Измените перспективу

Вернитесь в меню «Правка». Вы увидите, что параметр Transform, который мы только что рассмотрели, был заменен новым параметром с именем Transform Path. Опять же, это потому, что мы сейчас имеем дело с формой. Выберите «Путь преобразования» из списка. Когда появится вторичное меню, вы увидите, что теперь доступны параметры «Искажение» и «Перспектива». Выберите «Перспектива» из списка:

То же самое поле и маркеры, которые мы видели ранее, когда мы выбрали команду «Свободное преобразование», появятся вокруг текста (формы). Разница в том, что мы сейчас работаем в режиме перспективы. Чтобы изменить перспективу текста и придать ему трехмерный вид, просто нажмите на маркер в правом нижнем углу и перетащите его прямо вниз. При перетаскивании высота правой части текста будет увеличиваться относительно его центра, а левая сторона останется неизменной:

Когда вы довольны изменением перспективы, нажмите Enter (Win)/Return (Mac), чтобы принять преобразование. Теперь ваш текст должен выглядеть примерно так:

Шаг 9. Создайте несколько копий слоя с фигурой, каждую из которых сдвиньте немного вправо

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

Выбрав инструмент «Перемещение» и выбрав слой-фигуру в палитре «Слои», удерживайте нажатой клавишу «Alt» (Win)/«Option» (Mac) и нажмите клавишу со стрелкой вправо на клавиатуре. Затем нажмите еще раз. Тогда снова. И опять. Обратите внимание, что происходит? Каждый раз, когда вы нажимаете клавишу со стрелкой вправо с нажатой клавишей Alt / Option, вы создаете новую копию слоя формы и перемещаете новую копию на один пиксель вправо. Удерживая нажатой клавишу Alt / Option, Photoshop каждый раз создает новую копию фигуры, а не просто перемещает существующую фигуру. Чем больше раз вы нажмете клавишу со стрелкой вправо, тем больше копий слоя вы создадите, и тем больше глубины мы придадим нашим буквам.

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

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

Шаг 10. Переместите исходный слой с фигурой в верхнюю часть стека слоев в палитре слоев

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

Нам нужно переместить исходный слой на самый верх стопки, и есть простой способ сделать это. Сначала щелкните исходный слой в палитре слоев, чтобы выбрать его. Затем нажмите Ctrl+Shift+] (Win) / Command+Shift+] (Mac). Это правильная скобка ("]"), если вам интересно. Этот удобный ярлык мгновенно переместит текущий выбранный слой прямо в верхнюю часть стека слоев:

Шаг 11. Объедините все копии вместе

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

Выделив все наши скопированные слои, перейдите в меню «Слой» в верхней части экрана и выберите «Объединить слои» внизу списка. Или, чтобы ускорить процесс, нажмите сочетание клавиш Ctrl+E (Win)/Command+E (Mac):

Photoshop объединит все выбранные слои в один слой. Если мы посмотрим на нашу палитру слоев, то увидим, что теперь у нас есть только три слоя. Фоновый слой находится внизу, исходный слой формы — вверху, а между ними — наш новый объединенный слой:

Шаг 12. Добавьте черно-белый градиент к объединенному слою

Чтобы придать нашим буквам действительно трехмерный вид, давайте завершим работу, добавив простой эффект освещения. Или, по крайней мере, что-то, что выглядит как световой эффект. Щелкните объединенный слой в палитре слоев, чтобы выбрать его, если он еще не выбран. Затем щелкните значок «Стили слоя» в нижней части палитры «Слои». Появится список всех доступных стилей слоя. Нажмите на наложение градиента, чтобы выбрать его:

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

Откроется окно выбора градиента, в котором показаны все доступные градиенты, которые мы можем выбрать. Нам нужен черно-белый градиент, третий слева, верхний ряд. Если у вас включены подсказки в настройках Photoshop, вы увидите название градиента при наведении указателя мыши на миниатюру. Нажмите на него, чтобы выбрать, затем нажмите OK в правом верхнем углу, чтобы принять его:

Вернувшись к основным параметрам наложения градиента, вы увидите, что область предварительного просмотра градиента теперь показывает градиент от черного к белому (если это еще не было). Ниже приведены несколько важных опций. Убедитесь, что для параметра «Стиль» установлено значение «Линейный», а для угла градиента установлено значение 90°:

По завершении нажмите кнопку "ОК", чтобы выйти из диалогового окна "Стиль слоя". Готово! Photoshop применяет к объединенному слою градиент от черного к белому, создавая эффект тени на буквах и завершая наш простой эффект 3D-текста:

Что делать дальше.

И вот оно! Посетите наши разделы «Текстовые эффекты» и «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!

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

Шаг 2. Создайте текстовый слой

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

Шаг 3. Измените шрифт и размер текста

Шрифтом по умолчанию будет тот, который вы использовали ранее. Теперь вы должны изменить шрифт, размер и положение по своему усмотрению. Наш пример — League Gothic размером 110. Мы также изменим цвет шрифта на белый, чтобы мы могли видеть наш черный контур при его создании.

Шаг 4. Добавьте стиль слоя

Теперь нам нужно добавить стиль слоя «Обводка». Нажмите на маленький значок «fx» в нижней части панели слоев и выберите «обводка».

Шаг 5. Добавьте обводку

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

Шаг 6. Удалите заливку

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

Шаг 7. Добавление второго штриха

Теперь можно накладывать несколько эффектов на один слой. В нашем примере мы показываем 2 разных эффекта обводки на одном слое. Для этого щелкните значок плюса рядом с «обводкой» в списке стилей. Это добавит эффект второго штриха.

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

Шаг 8. Завершенный тип

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

Написано Уиллом

Креативный директор Уилл работает в Evoluted с 2011 года. Руководя командой дизайнеров, он продолжает использовать свой обширный опыт на впечатляющем множестве веб-сайтов. Основные навыки Уилла включают UX-дизайн, творческое руководство и адаптивный веб-дизайн; в то же время он также заработал известную репутацию главного поставщика внутренних, новаторских анимированных GIF-файлов Evoluted.

В этом уроке вы научитесь вводить текст по кругу в Photoshop.

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

Обучающее изображение

Объяснение документа

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

Добавьте направляющие в документ

Выберите «Вид» > «Новый макет направляющей».

В окне "Новый макет направляющей" установите для параметра Количество столбцов и строк значение 2 и нажмите OK. Это поможет вам визуализировать центр документа и выровнять текст.

В более ранних версиях Photoshop вы также можете использовать линейку, нажав Ctrl R (Windows) или Command R (macOS), и включить функцию привязки, выбрав «Просмотр» > «Привязка».

Затем нажмите и перетащите вертикальную и горизонтальную линейку и переместите ее в центр, пока она не зафиксируется на месте.

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

И вертикальная, и горизонтальная направляющие должны быть на 50%.

Создать эллиптическую траекторию

нажмите на линейку и выберите «Процент».

На панели параметров нажмите раскрывающееся меню и выберите Путь.

Наведите указатель мыши прямо на центр, где сходятся направляющие, и, удерживая клавишу "Alt" (Windows) или "Option" (macOS), нажмите и перетащите, чтобы создать круг с помощью инструмента "Эллипс".

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

Введите по кругу

На панели инструментов выберите инструмент "Текст".

На панели параметров. На панели параметров щелкните раскрывающееся меню и выберите Путь.

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

Оттуда вы сможете печатать по круговой траектории и применять изменения, нажимая клавишу Enter (Windows) или Return (macOS).

Как НЕ поворачивать текст по кругу

Преобразуйте текстовый слой, нажав Ctrl T (Windows) или Command T (macOS), и переместите контрольную точку в центр горизонтальной и вертикальной направляющих.

Затем поверните текстовый слой.

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

Используйте контрольные точки для выравнивания и поворота текста по кругу

На панели инструментов выберите инструмент "Выделение контура" и наведите указатель мыши на текст, пока не увидите, что курсор изменится на текстовый курсор с черной стрелкой, указывающей вправо.

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

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

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

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

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

Печать в нижней половине круга

Дублируйте исходный текстовый слой, нажав Ctrl J (Windows) или Command J (macOS).

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

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

Нажмите и перетащите начальную точку на противоположную сторону круга.

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

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

Инвертировать текст в круге

Создайте копию слоя и отключите исходный текстовый слой.

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

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

Настройка смещения базовой линии

Включить исходный текстовый слой.

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

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

Введите путь

Создайте контур любой формы с помощью инструмента "Перо кривизны".

Затем выберите инструмент «Горизонтальный текст» и щелкните контур.

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

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

Установите значение по умолчанию, установив значение 0, и нажмите клавишу Enter (Windows) или Return (macOS), чтобы применить изменение.

Если изогнутый контур приводит к тому, что буквы в тексте располагаются слишком близко друг к другу, просто выберите пробел между буквами и, удерживая клавишу Alt (Windows) или Option (macOS), нажимайте клавиши со стрелками влево или вправо, чтобы настроить кернинг.