Как сделать текст вокруг рисунка

Как сделать текст вокруг рисунка 171

Из этого материала мы узнаем, каким образом в программе Adobe Photoshop добавить текст на контур. В статье я буду использовать Photoshop CS6, но этот метод годится для любой версии CS. Чтобы добавить текст на контур, в первую очередь необходимо этот контур создать. Для этого мы можем использовать стандартные контурные инструменты, такие, как "Прямоугольник" (Rectangle Tool) или "Эллипс" (Ellipse Tool), либо мы можем нарисовать контур произвольной формы с помощью "Пера" (Pen Tool), либо даже преобразовать в контур выделенную область. Метод, который Вы используете для создания контура, не имеет значения, т.к. контур есть контур, независимо от того, каким образом он был создан, и действия для добавления к нему текста всегда одни и те же.

Вот фотография, с которой я буду работать:

p

Итак, приступим!

Шаг 1: Выбираем инструмент "Эллипс" (Ellipse Tool)
Как я писал выше, не имеет значения, каким образом мы построим контур, главное - его построить. В этом примере я воспользуюсь инструментом "Эллипс" (Ellipse Tool). Для его активации следует в панели инструментов кликнуть правой клавишей мыши по инструменту "Прямоугольник" (Rectangle Tool) и выбрать "Эллипс" из раскрывшегося списка:

p

Шаг 2: Выбор опции "Контур" (Paths)

Теперь, когда "Эллипс" выбран, изменилась панель параметров, находящаяся вверху окна программы под главным меню, сейчас она показывает нам различные варианты работы с инструментом. В левой части панели нам предлагается выбрать тип контура. Это может быть векторная фигура (Vector-based Shapes), "Контур" (Paths) или "Пиксели на основе формы" (Pixel-based Shapes). Мы выберем опцию "Контур" (Paths):

p

В версиях CS5 и ниже эти опции на панели параметров выглядят несколько иначе, но принцип точно такой же:

pi

Шаг 3: Создайте Ваш контур
Теперь, когда инструмент "Эллипс" выбран, создайте контур в Вашем документе. Перед началом зажмите клавишу Shift, чтобы получился ровный круг, а не эллипс. Чтобы нарисовать круг из его центра, а не от угла, дополнительно зажмите клавишу Alt. Если в процессе отрисовки контура Вам понадобилось изменить его положение относительно документа, зажмите клавишу "Пробел" и переместите контур на нужное место, затем отпустите пробел и продолжайте отрисовку.

В моем случае, я собираюсь сделать круговую траекторию вокруг мяча для гольфа. Вот так это будет выглядеть:

p

Шаг 4: Активация инструмента "Текст" (Type Tool) и выбор шрифта
После того, как контур готов, выберите инструмент "Текст" (Type Tool) на панели инструментов:

p

Для данного примера я выбрал шрифт "Терминатор", скачать его можно здесь. Затем задаём шрифту размер и цвет:

p

Шаг 5: Наведите курсор на контур
Наводим курсор мыши прямо на линию контура, при этом I-образный значёк курсора изменится, к нему добавится волнистая линия, пересекающая его. Это говорит нам, что текст добавится непосредственно на контур:

p

Шаг 6: Нанесите текст на контур
Кликните в любом месте по контуру и начните вводить текст. Точка, где Вы кликните, будет началом текста, но не волнуйтесь, если вы нажали в неправильном месте, т.к. в дальнейшем мы можем легко перемещать текст вдоль (вокруг) контура. По мере ввода, текст принимает направление контура:

p

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

p

Текст добавлен, но он находится под нежелательным углом:

p

Шаг 7: Выбираем инструмент "Выделение контура" (Path Selection)
Выберите этот инструмент на инструментальной панели:

p

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

p

А теперь посмотрите, что произойдёт, если я перетащу текст слишком далеко. Буквы в конце обрежутся. У меня пропало целое слово:

p

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

p

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

p

Зеркальное отражение текста

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

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

p

Если Вы не сделали это намеренно, просто перетащите курсор обратно через контур и текст будет перевернётся обратно.

Скрываем контур

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

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

текст по контуру

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

Как сделать текст вокруг рисунка 99
Как сделать текст вокруг рисунка 11
Как сделать текст вокруг рисунка 91
Как сделать текст вокруг рисунка 86
Как сделать текст вокруг рисунка 61
Как сделать текст вокруг рисунка 43
Как сделать текст вокруг рисунка 58
Как сделать текст вокруг рисунка 60
Как сделать текст вокруг рисунка 54
Как сделать текст вокруг рисунка 28
Как сделать текст вокруг рисунка 19
Как сделать текст вокруг рисунка 91
Как сделать текст вокруг рисунка 8
Как сделать текст вокруг рисунка 6
Как сделать текст вокруг рисунка 33
Как сделать текст вокруг рисунка 1

Похожие новости:

  • Желтеют листья у баклажанов что делать
  • Маски для ломких волос отзывы в домашних условиях
  • Красивые открытки для маши
  • Что делать чтобы волосы не жирнели в домашних условиях
  • Идеи длясессии на годик