Как преобразовать текст в контур в Фотошопе. Фотошоп контур текста


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

Теперь, когда "Эллипс" выбран, изменилась панель параметров, находящаяся вверху окна программы под главным меню, сейчас она показывает нам различные варианты работы с инструментом. В левой части панели нам предлагается выбрать тип контура. Это может быть векторная фигура (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 ничего не сделал с самим текстом. Это всё еще только текст, поэтому, при необходимости, Вы можете в любое время его изменить. Вы можете выбрать другой тип шрифта, изменить размер или цвет шрифта, отрегулировать кернинг и трекинг, сместить базовую линии и произвести все остальные доступные изменения.

rugraphics.ru

Текст по контуру в фотошопе

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

В уроке «Текст по контуру в фотошопе» расположим два текста вдоль окружности.

Урок сделан в версии фотошопа CS6, но может быть повторён в любой версии программы Photoshop.

16

 

Подобные публикации:

 

Создайте файл размером 5x5 см с разрешением 300 пикс./дюйм и белым фоном – Ctrl+N.

1

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

2

Выберите инструмент Горизонтальный текст (Horizontal Туре) и произведите щелчок в верхней точке круга, когда указатель сменится на I-образный с волной, введите слово "Журнал". В примере использовался шрифт Times New Roman полужирного начертания с размером 18 пт. Цвет текста темно-зеленый.

3

Выберите инструмент Выделение контура (Path Selection). Наведите мышь на надпись, когда появится I-образный указатель с двусторонней стрелкой, сместите мышь вниз. Надпись должна расположиться внутри окружности. Теперь этим же указателем сместите надпись вдоль окружности так, чтобы слово оказалось в нижней ее части.

4

 

В палитре Слои выделите фоновый слой.

5

Инструментом Горизонтальный текст (Horizontal Туре) щелкните на окружности и введите текст "ВОКРУГ СВЕТА".

6

Активизируйте инструмент Произвольная фигура (Custom Shape). На панели свойств выберите режим Фигура (Shape Layers), а в перечне фигур установите пиктограмму в виде глобуса.

7

Удерживая клавишу Shift, создайте фигуру.

8

В палитре Слои (Layers) образовался заливочный слой со слой-маской. Для перекраски глобуса произведите двойной щелчок по миниатюре заливочного слоя.

9

В появившемся окне выбора цвета установите голубой цвет.

10

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

11

К слою фигуры примените два стиля:• Тень (Drop Shadow), не меняя настроек;• Обводка (Stroke), уменьшив толщину обводки до 2 пикc.

12

Точно так же к текстовым слоям примените два стиля:• Тень (Drop Shadow), не меняя настроек;• Внешнее свечение (Outer Glow), увеличив размер свечения до 10 пикс.

13

14

Оба текстовых слоя поместите перед слоем фигуры.

15

Получаем результат. Мы с Вами расположили текст по контуру в фотошопе.

16

 

Урок сделан по мотивам книги С.Скрылиной "Photoshop CS5. Самое необходимое", опубликован с личного разрешения автора.

 

 

 

 

 

 

 

 

Если Вы не хотите пропустить интересные уроки, информацию о бесплатных видеокурсах и другие новости сайта - подпишитесь на рассылку сайта. Форма для подписки находится ниже.

 

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

www.photoshopsunduchok.ru

Обводим контур текста кистью в Фотошопе

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

Финальный результат

Изображение 1. Обводим контур текста кистью в Фотошопе

Приступаем к уроку Фотошопа

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

1. Создадим Новый документ (File > New (Файл > Новый / Сочетание клавиш 'Ctrl+N')), размер любой (в уроке используется размер 500х500 пикселей).

2. Добавим Текст.

Жмем 'T' на клавиатуре для быстрого вызова Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент 'Горизонтальный текст' / Клавиша 'T').

Выбираем любой шрифт (какой Вам больше нравится).

В уроке используется - Helvetica Black.

Изображение 3. Обводим контур текста кистью в Фотошопе

3. Создаем контур текста.

Правым кликом внутри нашего документа вызываем контекстное меню инструмента текст, выбираем из списка опций 'Create Work Path' (Создать рабочий контур).

У буков появится контур - это будет точный путь следования выбранной Вами позже кисти.

Изображение 4. Обводим контур текста кистью в Фотошопе

4. Создаем новый слой выше слоя с текстом.

При активном текстовом слое кликнем по иконке 'New Layer' (Новый слой) внизу палитры слоев. Новый слой появится над слоем текста.

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

Изображение 5. Обводим контур текста кистью в Фотошопе

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

Изображение 6. Обводим контур текста кистью в Фотошопе

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

Изображение 7. Обводим контур текста кистью в Фотошопе

6. Выбираем кисть.

Жмем клавишу 'В' на клавиатуре для быстрого выбора Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша 'B') или выбираем кисть на панели инструментов.

Изображение 9. Обводим контур текста кистью в Фотошопе

Правый клик внутри окна документа откроет окошко с набором кистей.

Изображение 10. Обводим контур текста кистью в Фотошопе

Выбирайте любую понравившуюся кисть.

Используйте движок основного диаметра кисти 'Master Diameter' (Диаметр кисти) для изменения размера кисти насколько Вам необходимо. Наводя курсор кисти на контур буквы, подбираете подходящий Вам размер кисти.

7. Переходим в палитру контуров (Paths).

Убедитесь, что в палитре слоев выделен слой, предназначенный для обводки контура кистью. Переходим в палитру Paths (Контуры).

В ней показан созданный контур.

Изображение 11. Обводим контур текста кистью в Фотошопе

8. Штриховка контура кистью.

Щелкнем по иконке Stroke Path With Brush (Обводка контура кистью), находящейся внизу палитры контуров, и Фотошоп заштрихует выбранной нами кистью контур текста.

Изображение 12. Обводим контур текста кистью в Фотошопе

Вот такой эффект получается, если использовать для обводки контура Chalk brush (меловую кисть).

Изображение 13. Обводим контур текста кистью в Фотошопе

Чтобы дополнительно подчеркнуть форму буков - уменьшаем диаметр кисти и снова применяем Stroke Path With Brush (Обводка контура кистью).

Изображение 14. Обводим контур текста кистью в Фотошопе

Такой эффект получается, если применить трижды Stroke Path With Brush (Обводка контура кистью) с уменьшенной кистью. ↓

Изображение 15. Обводим контур текста кистью в Фотошопе

9. Прячем контур текста.

Спрячем контур, поскольку он нам больше не нужен нажимаем - Ctrl+H.

Финальный результат

Изображение 1. Обводим контур текста кистью в Фотошопе

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

Оригинал;

Урок подготовлен для Вас командой сайта PhotoshopPro.ru

Альтернативные результаты

Обводим контур текста кистью в Фотошопе

photoshoppro.ru

Как преобразовать текст в контур в Фотошопе

В этом материале я расскажу, как преобразовать текст или отдельную букву текста в Photoshop в рабочий контур (Work Path) и каким образом можно получить из любого текста пользовательскую фигуру (Custom Shape). Конвертация букв в векторный контур необходима, например, для коррекции формы буквы, для создания выделенной области из букв. Кроме того, нередко возникает задача объединения буквы или текста целиком с какой-либо другой фигурой для создания новой пользовательской формы.

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

Как преобразовать текст в контур в Фотошопе

Существует несколько способов выполнения этой задачи, и, проще всего кликнуть правой кнопкой мыши по слою с текстом в панели слоёв и нажать по пункту "Создать рабочий контур" (Convert to Shape):

preobrazuem-tekst-v-figuru-1.png

Но, по ряду причин, этот способ не всегда возможно применить. Поэтому в Photoshop существуют и другие методы конвертации букв.

Вторым способом является простой клик правой клавишей мыши по тексту и последующий клик по пункту "Создать рабочий контур" (Convert to Work Path) в открывшемся контекстном меню. Но, чтобы этот метод сработал,необходимо, чтобы инструмент "Текст" (Type Tool) был активным, кроме того, необходимо выйти из редактирования текста в слое (чтобы текст в документе не был подчёркнутым и курсор не мигал, для этого, после создания текста, нажать комбинацию Ctrl+Enter), но сам слой в панели слоёв при этом должен быть активным:

preobrazuem-tekst-v-figuru-2.png

Третий способ заключается в использовании вкладок главного меню. В версиях ниже CS6 идём Слои --> Текст --> Создать рабочий контур (Layer --> Type --> Convert to Work Path), в версиях CS6 и выше идём по вкладке Текст --> Создать рабочий контур (Type --> Convert to Work Path). Убедитесь, что в панели слоёв выбран текстовый слой, иначе метод на сработает!

При применении любого из этих трёх способов текстовый слой остаётся без изменений, а photoshop добавляет рабочий контур, который Вы можете редактировать при помощи векторных инструментов, например, "Пера" (Pen Tool), "Стрелка" (Direct Selection Tool), "Угол" (Convert Point Tool) и др.

На примере я отключил видимость текстового слоя и переместил опорные точки буквы "е" инструментом "Стрелка":

preobrazuem-tekst-v-figuru-3.png

Кроме изменения и получения текста с буквами пользовательской формы. Вы можете после преобразования текста в контур получить пользовательскую форму (Custom Shape) и использовать эту форму в последствии.

Сохранение текста как пользовательской формы

Для сохранения текста как пользовательской формы, пройдите по вкладке Редактирование --> Определить произвольную фигуру ( Edit --> Define Custom Shape), откроется новое окно, где следует задать новой фигуре имя:

preobrazuem-tekst-v-figuru-4.png

Чтобы использовать полученную фигуру, переключитесь на инструмент "Произвольная фигура" (Custom Shape Tool):

1.png

И выберите созданную Вами форму:

preobrazuem-tekst-v-figuru-5.png

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

preobrazuem-tekst-v-figuru-6.png

На примере я выбрал создание при помощи слой-маски.

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

Как преобразовать текст в контур в Фотошопе

sveres.ru

Как написать текст по кругу, кривой и контуру в Фотошопе

Допустим, нам потребовалось написать текст вокруг какого-либо предмета на рисунке. В Фотошопе имеется масса способов и инструментов для выполнения этой задачи. В фотошопе текст можно написать по замкнутому и незамкнутому контуру. Имеется возможность задать начало и конец текста, высоту, направление, выравнивание, с помощью перемещения курсора мыши текст можно перевернуть. В данной статье рассмотрим написание текста с помощью инструмента "Перо" (Pen Tool, группа инструментов включается клавишей P).

Как написать текст по кругу, кривой и контуру в Фотошопе

Выбираем этот инструмент "Перо" и создаём плавную изогнутую линию. Перо должно находится при этом в режиме "Контур"(Paths).

pishem-tekst-po-krivoy-i-konturu1.jpg

Затем создадим замкнутую векторную фигуру овальной формы с помощью инструмента "Эллипс" (Ellipse Tool, группа инструментов включается клавишей U). У меня получилась такая картинка:

pishem-tekst-po-krivoy-i-konturu2.gif

На рисунке ниже я показал два вида курсора, обычный текстовый и тот же курсор при подведении к линии контура

pishem-tekst-po-krivoy-i-konturu3.gif

Работать с текстом, привязанным к контуру, гораздо сложнее, чем с обычным текстом из-за появления множества новых параметров и настроек. В случае работы с таким текстом следует аккуратно перемещать мышь и внимательно следить за изменениями вида курсора. Но даже если и совершено ошибочное действие, расстраиваться не стоит, так как всегда можно нажать на комбинацию клавиш Ctrl+Z для отмены последнего действия или на Ctrl+Alt+Z для отмены нескольких действий.

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

pishem-tekst-po-krivoy-i-konturu5.gif

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

pishem-tekst-po-krivoy-i-konturu4.gif

Эти указатели можно перемещать, и, соответственно, переместится также и текст. Для перемещения ограничителей начала и конца текста надо выбрать инструмент "Выделение контура" (Path Selection Tool).

pishem-tekst-po-krivoy-i-konturu4_0.gif

При подводе курсора к тексту он снова изменит свой вид на такой:

pishem-tekst-po-krivoy-i-konturu5_0 (1).gif

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

pishem-tekst-po-krivoy-i-konturu6.gif

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

pishem-tekst-po-krivoy-i-konturu5_0.gif

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

pishem-tekst-po-krivoy-i-konturu7.gif

Не забываем, что для перемещения ограничителей и переворота текста должен быть активным не инструмент "Текст", а инструмент "Выделение контура" (Path Selection Tool)!!

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

pishem-tekst-po-krivoy-i-konturu8.gif

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

pishem-tekst-po-krivoy-i-konturu9.gif

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

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

Как написать текст по кругу, кривой и контуру в Фотошопе

sveres.ru


Смотрите также