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

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

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

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

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

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

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

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

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

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

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

Шаг 7: Выбираем инструмент «Выделение контура» (Path Selection)

Выберите этот инструмент на инструментальной панели:

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

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

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

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

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

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

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

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

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

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

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

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

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

Применение круговых надписей в Фотошопе довольно широко – от создания печатей до оформления различных открыток или буклетов.

Круговой текст

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

Способ 1: Деформация

Начнем с деформации готового текста.

1. Пишем:

2. На верхней панели находим кнопку функции деформации текста.

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

Круговой текст готов.

Достоинства:

Можно расположить две надписи одинаковой длины друг под другом, описав полный круг. Нижняя надпись при этом будет ориентирована так же, как и верхняя (не вверх головой).

Недостатки:

Налицо явное искажение текста.

Способ 2: Контур

Переходим к следующему способу – написание текста по готовому контуру. Контур… Где его взять? Можно самостоятельно нарисовать инструментом «Перо», либо воспользоваться теми, которые уже есть в программе. Самый простой вариант — воспользоваться одним из инструментов группы

«Фигуры». Все создаваемые ими объекты состоят из контуров.

1. Выбираем инструмент «Эллипс» в блоке инструментов с фигурами.

   Настройки на скриншоте. Цвет заливки значения не имеет, главное, чтобы наша фигура не сливалась с фоном.

2. Далее зажимаем клавишу SHIFT и рисуем круг.

3. Затем выбираем инструмент «Текст» (где его искать, вы знаете) и подводим курсор к границе нашего круга. Первоначально курсор имеет такую форму:

   Когда же курсор станет вот таким,

   инструмент «Текст» определит контур фигуры. Кликаем левой кнопкой мыши и видим, что курсор «прилип» к контуру и замигал. Можем писать.

Текст готов. С фигурой можете делать что захотите, удалите, оформите как центральную часть логотипа или печати и т.д.

Достоинства:

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

Недостатки:

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

1. Выбираем инструмент «Произвольная фигура».

2. В списке фигур ищем «Тонкую круглую рамку» (есть в стандартном наборе).

3. Рисуем фигуру и берем инструмент «Текст». Выбираем выравнивание по центру.

4. Затем, как описано выше, подводим курсор к контуру. Внимание: кликать нужно по внутренней части кольца, если хотите написать текст сверху.

   Пишем…

5. Затем переходим на слой с фигурой и кликаем курсором по внешней части контура кольца.

   Снова пишем…

Готово. Фигура больше не нужна.

Информация к размышлению: таким образом текстом можно обойти любой контур.

На этом урок по написанию текста по кругу в Фотошопе окончен.

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

Помогла ли вам эта статья?

ДА НЕТ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как разместить текст по кругу и кривой в Photoshop

Поместите данную статью в закладки своего браузера, чтобы всегда иметь ее под рукой.  Потому что это именно тот случай, когда простейшие задачи заставляют нас терять кучу времени на поиски решения в интернете!   Расположить текст по кругу, например, для того чтобы сделать оттиск печати в Photoshop? Казалось бы, что может быть проще. Но чаще всего именно такие вещи заставляют нас впасть в ступор. Давайте воскресим в памяти знания о взаимодействии инструментов  Текст и Фигуры на примере создания реалистичного оттиска печати в Photoshop.

Рисуем круглую печать

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

Шаг 1.

Создайте документ 600 на 400 px. Фон – белый. С помощью инструмента Эллипс создайте круг в центре документа. Ширина обводки 2 px, цвет обводки #686bb1

Шаг 2.

Создайте копию слоя с эллипсом. Второй эллипс сделайте меньше первого примерно в два раза. Назовите слой с большим эллипсом Эллипс1, а с меньшим Эллипс2.

Шаг 3.

В меню слоев выделите слой Эллипс 2, затем выберите инструмент Текст и наедите указатель мыши на то место на эллипсе, по которому будет выравнивать текст.

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

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

Шаг 4.

Напечатайте текст «Принять в работу» с помощью шрифта AmaticSC, вы можете найти его на GoogleFonts. 

Цвет текста сделайте темно синим (#686bb1), размер 36 пикселей, и вызовите свойства текста, чтобы задать смещение базовой линий на 4 пикселя.  Так весь текст будет равноудален от краев эллипса. Если вы попробуйте просто поднять слой с текстом, буквы будут не равноудалены от фигуры.

Шаг 5.

Скопируйте слой Эллипс 2 и текст «Принять в работу». Новый слой с эллипсом назовите Эллипс 3.

Выделите два этих слоя, нажмите ctrl+ T и поверните на 180 градусов.

В выделенном текстовом слое текс поменяйте на «Отклонить».

Получится следующее.

P.S. Если вы просто скопируйте текстовый слой «Принять в работу» и будете его поворачивать, то с ним будет поворачиваться и первоначальный слой, поэтому фигуру тоже нужно копировать.

У слоя Эллипс 3 уберите обводку.

Шаг 6.

Теперь нарисуем ромбы между словами в печати. С помощью инструмента «Прямоугольник» нарисуйте квадрат (зажав клавишу Shift для того, чтобы стороны были одинаковыми) со стороной 8 px.

Задайте цвет заливки #686bb1, а цвет обводки уберите.

Слой назовите Ромб 1, скопируйте слой и поставьте ромб м другой стороны слов. Слой назовите Ромб 2.

Шаг 7.

Теперь разместите в центр печати значок лайка.

Вызовите Параметры наложение и задайте наложение цвета #686bb1.

Назовите слой «Лайк». 

При этом не пытайтесь выровнять слой «Лайк»и Эллипс 2 по центру по вертикали и горизонтали с помощью стандартных функций Photoshop (выделены красным цветом на иллюстрации ниже), так как это будет смотреться негармонично и будет ощущения смещения композиции, хотя фактически все выровняется верно.

Выравнивание лучше сделать визуально.

Шаг 8.

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

Отключите видимость слоя Фон и зажмите клавиши Shift+ctrl+ alt+ E– создасться новый слой с объединенной копий всех слоев. Назовите его «Печать». 

Слои, находящиеся ниже слоя «Печать» объедините в группу – выделите и нажмите Ctrl+G, группу назовите «Исходник» и выключите ее видимость.

Помещаем печать на документ (мокап)

Под слоем «Печать» разместите изображение с документом. Назовите слой «Документ»

Шаг 9.

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

Нажмите ctrl+T, щелкните правой клавишей по слою «Печать» и выберите Искажение, теперь перемещайте каждый угол прямоугольника границы нашей печати так, чтобы оттиск как будто бы лег на страницу блокнота.

Ориентируйтесь при этом на границы самого блокнота.

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

Шаг 10.

Теперь уберем ту часть печати, которая заходит на ручку на листе бумаги. Для этого добавьте векторную маку для слоя Печать. (значок в окне Слои или Слои – Слой маска – Показать все).

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

Шаг 11.

Теперь сделаем цвет печати неоднородным.

Для этого выберите неровную сухую кисть размером 50 px, установите прозрачность в 41% и на той же векторной маске поработайте с печатью (пощелкайте кистью черного цвета в произвольных местах печати).

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

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

Если вам понравилась публикация и вы хотите узнать больше полезного и интересного из мира дизайна, подписывайтесь на обновления блога «Дизайн в жизни»

Подписывайтесь на обновления блога «Дизайн в жизни» по e-mail или социальных сетях   и мы обязательно опубликуем для вас еще больше полезных бесплатных уроков и материалов!

(Visited 1 019 times, 1 visits today)

Как в фотошопе написать текст по кругу с помощью инструмента Контуры | DesigNonstop

Как в фотошопе написать текст по кругу с помощью инструмента Контуры

33

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

Шаг 1.
В новом документе с помощью инструмента «Овальная область» (Elliptical Marquee Tool), удерживая Ctrl, выделяем круг.

Шаг 2.
В верхнем меню выбираем «Окно» (Window) > «Контуры» (Paths) и открываем контейнер. Потом жмем на иконку в нижней части контейнера «Сделать из выделенной области рабочий контур» (Make Work Path From Selection).

Шаг 3.
Получили рабочий контур. В принципе, этот результат сразу можно получить и с помощью инструмента «Элипс» (Ellipse Tool), предварительно нажав в верхнем меню иконку «Контуры» (Paths). Первые два шага пригодятся тогда, когда надо сделать надпись по контуру не круга, а более сложной фигуры.

Шаг 4.
Теперь выбираем инструмент «Текст» (Type Tool), подводим курсор к контуру, и когда он стал таким, как на рисунке ниже, начинаем печатать текст.

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

Шаг 6.
Нажимаем Ctrl+H, чтобы отключить линию контура. Эта же комбинация клавиш включает контур.

Шаг 7.
Для того, чтобы текст был написан по внутренней части контура, нам надо воспользоваться инструментом «Выделение контура» (Path Selection Tool). После того, как инструмент активирован, подводим курсор к тексту. Когда он стал таким, как на рисунке ниже, нажимаем кнопку мыши и двигаем ее поперек контура.

Шаг 8.
В какой-то момент весь текст должен перескочить во внутреннюю часть контура.

Шаг 9.
Нажимаем Ctrl+H, чтобы отключить контур. Мы получили текст, написанный по внутренней части контура.

PS.
Есть еще один альтернативный вариант, как в фотошопе написать текст по кругу. Для этого создаем квадратный документ, например 400х400 пикселей. Если создать прямоугольный документ, то текст будет написан не по кругу, а по овалу. В центре документа пишем текст. В настройках текста лучше задать «Масштаб по вертикали», например 200%, растянув текст по вертикали.

 
 

После этого выбираем «Фильтр» (Filter) > «Искажение» (Distort) > «Полярные координаты» (Polar Coordinates) и далее отмечаем «Прямоугольные в полярные» (Rectangular to Polar), нажимаем ОК. На промежуточной стадии сервис предложит растрировать текст, нажимаем «Да». После этого текст будет написан по кругу.

 
 

Текст по кривой в Фотошопе

В этом уроке вы узнаете как пустить текст по кривой и сохранить его корректное отображение. Большинство использует для этого инструмент Adobe Photoshop Text Warp/Деформированный текст, но его минус в том, что текст деформируется.

Почему текст искажается

Посмотрите на два логотипа ниже. Для текста в том, что слева был использован инструмент Text Warp/Деформированный текст. На первый взгляд различия можно и не заметить. Но если вы посмотрите внимательнее, то заметите, что текст серьезно искажается.

Не используйте инструмент Warp Text

Для начала, чтобы избежать этого искажения, просто откажитесь от инструмента Warp Text. Пользуйтесь им только когда вам нужно исказить текст — сделать его более выпуклым, растянутым и т. д…

 

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

А вот метод, который поможем вам пустить текст по кривой без искажений.

Шаг 1

Для начала возьмите инструмент Ellipse/Эллипс. На самом деле это может быть любая другая векторная фигура, или кривая, созданная инструментом Pen/Перо (P). В нашем случае это круг.

 

 Шаг 2

В панели настроек выберите Path/Контур.

Рисуем круг. Чтобы он был идеально круглым, зажимаем кнопку Shift.

Чтобы поместить нам круг куда нам нужно, орудуем инструментом Path Selection/Выделение контура.

 

 Шаг 3

Теперь возьмите инструмент Text/Текст (T) и кликните по контуру. Когда вы наведете курсор на контур, увидите, что над курсором появится кривая линия. Тогда и кликайте.

Введите ваш текст. Если хотите, чтобы он был по центру, для начала отцентруйте его в панели настроек.

 

 Шаг 4

Давайте подредактируем наш текст. На контуре вы увидите две точки. Инструментом Path Selection/Выделение контура измените их расположение, чтобы изменить положение текста. Чтобы выставить точки строго по центру, зажмите Shift.

 

 

 Шаг 5

Теперь наш текст по центру, но все равно не на своем месте. Нажмите Ctrl/Cmd+T, чтобы войти в режим свободной трансформации. Зажмите Shift и Alt, и уменьшайте ваш круг до нужного размера. Нажмите Enter, чтобы применить трансформацию.

Вот теперь текст там, где должен быть.

Вот несколько способов редактировать ваш текст на кривой.

Как повернуть буквы на кривой

Для этого инструментом Path Selection/Выделение контура, просто потяните точки к центру кривой.

 

Как сменить направление

Чтобы сменить направление текста, кликните по иконке “Toggle text orientation”, когда у вас активен инструмент Text/Текст.

 

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

Добрый день, посетители Pixelbox.ru!

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

Сам принцип довольно прост — в первую очередь нужно создать контур, используя инструменты фотошоп из векторной группы, далее при помощи инструмента Текст (Type Tool) написать текст.

Итак, давайте же узнаем, как написать текст по кругу в фотошоп.

Создание фона

Создаем в фотошоп новый документ (Ctrl+ N), у меня с размерами 800×600 пикселей:

Заливаем фон каким-либо цветом (Shift+ F5), например, #232323:

Создаем векторный круг

Переходим в группу векторных инструментов (горячая клавиша вызова группы — U) и выбираем инструмент Эллипс (Ellipse Tool):

Зажимая клавишуShift для сохранения пропорций, рисуем круг. При помощи инструмента Перемещение (Move Tool) размещаем круг в центре холста. Горячая клавиша вызова инструмента Перемещение (Move Tool) — V.

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

Активируем инструмент Горизонтальный текст (Horizontal Type Tool), горячая клавиша вызова инструмента T:

В верхней панели настройки инструмента Текст (Type Tool) при необходимости выбираем шрифт (1) и цвет (2) текста. Я выбрала цвет #ff7e00:

Подводим курсор к кругу и щелкаем по контуру круга.

Курсор как бы «прилипает» к контуру круга. Теперь пишем текст.

В уже знакомой нам верхней панели настройки инструмента Текст (Type Tool) при желании меняем размер шрифта:

Для того, чтобы подкорректировать размер уже написанного текста, необходимо в панели слоев щелкнуть на текстовом слое на иконке с буквой «Т»:

Можно скрыть слой с эллипсом, если он не является частью композиции. Для этого нужно в панели слоев нажать на иконку «глазика» у слоя с эллипсом:

Текст внутри круга

Текст по кругу можно написать и внутри круга, для этого необходимо активировать инструмент Выделение контура (Path Selection Tool), горячая клавиша вызова инструмента — A:

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

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

Вот пример использования приема с написанием текста по кругу:

Теперь вы умеете писать в фотошопе текст по кругу. Успехов в творчестве!

Применение круговых надписей в Фотошопе довольно широко — от создания печатей до оформления различных открыток или буклетов.

Круговой текст

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

Способ 1: Деформация

Начнем с деформации готового текста.

На верхней панели находим кнопку функции деформации текста.

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

Круговой текст готов.

Достоинства:

Можно расположить две надписи одинаковой длины друг под другом, описав полный круг. Нижняя надпись при этом будет ориентирована так же, как и верхняя (не вверх головой).

Недостатки:

Налицо явное искажение текста.

Способ 2: Контур

Переходим к следующему способу — написание текста по готовому контуру. Контур… Где его взять? Можно самостоятельно нарисовать инструментом «Перо», либо воспользоваться теми, которые уже есть в программе. Самый простой вариант — воспользоваться одним из инструментов группы «Фигуры». Все создаваемые ими объекты состоят из контуров.

Выбираем инструмент «Эллипс» в блоке инструментов с фигурами.

Настройки на скриншоте. Цвет заливки значения не имеет, главное, чтобы наша фигура не сливалась с фоном.

Далее зажимаем клавишу SHIFT и рисуем круг.

Затем выбираем инструмент «Текст» (где его искать, вы знаете) и подводим курсор к границе нашего круга. Первоначально курсор имеет такую форму:

Когда же курсор станет вот таким,

инструмент «Текст» определит контур фигуры. Кликаем левой кнопкой мыши и видим, что курсор «прилип» к контуру и замигал. Можем писать.

Текст готов. С фигурой можете делать что захотите, удалите, оформите как центральную часть логотипа или печати и т.д.

Достоинства:

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

Недостатки:

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

Выбираем инструмент «Произвольная фигура».

В списке фигур ищем «Тонкую круглую рамку» (есть в стандартном наборе).

Рисуем фигуру и берем инструмент «Текст». Выбираем выравнивание по центру.

Затем, как описано выше, подводим курсор к контуру. Внимание: кликать нужно по внутренней части кольца, если хотите написать текст сверху.

Затем переходим на слой с фигурой и кликаем курсором по внешней части контура кольца.

Готово. Фигура больше не нужна.

Информация к размышлению: таким образом текстом можно обойти любой контур.

На этом урок по написанию текста по кругу в Фотошопе окончен.

Отблагодарите автора, поделитесь статьей в социальных сетях.

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

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

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

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

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

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

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

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

Первым делом я сделал заливку слоя, чтобы рисовать было удобнее. Думаю, проблем тут не возникнет. Инструмент заливка и выбираем цвет. Все как в Paint. Далее выбираем текст в панели инструментов справа.

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

В итоге получается два текстовых слоя.

Кликаете на один изних, чтобы он подсветился. Затем на кнопку: «Деформировать текст» в верхней панели.

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

Теперь передвигайте ползунок функции «Изгиб». Сохраняете изменения.

Теперь кликаем по второму слою и снова трансформируем текст.

Выгибаем уже в другую сторону.

Увеличить текст, изменить цвет, шрифт и все остальное можно нажав на слой, а затем выбрав инструмент: «Текст». Дополнительная панель у вас располагается сверху.

Более сложный вариант с большим количеством функций

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

Итак, создаем новый документ. Мои размеры снова 800×800.

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

Очень важный момент. По умолчанию мы рисуем «фигуры», но сейчас вам надо выбрать в панели сверху «Контур».

Чтобы нарисовать ровный круг удерживайте кнопку Shift.

Теперь кликаем по инструменту «Текст».

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

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

Теперь выбираем инструмент «Стрелка по контуру» в панели слева, скорее всего, он там стоит по умолчанию. Захватываем точку на окружности и начинаем двигать по или против часовой стрелки. Это не важно, главное пока не лезьте курсором в центр. Двигайтесь по окружности. Сейчас вы поймете почему.

Вот так у вас может получиться.

Если вы переместите курсор внутрь круга, то и текст расположится по внутренней части фигуры.

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

Если вы заедете за предел, то некоторые слова исчезнут.

Что делать в этом случае?

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

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

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

Еще один интересный способ размещения: «Солнце слов».

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

Теперь выбираем инструмент «Вертикальный текст».

Выбираем цвет, которым будем писать.

Кстати, если у вас есть проблемы с сочетаниями или вы еще новичок и тратите много времени на выбор палитры, то можете воспользоваться сервисом www.colorscheme.ru . Он поможет найти идеальные сочетания для любого проекта. Как-нибудь позже, я напишу про него отдельную статью, он многофункциональный, но основные опции предельно понятны. Можете и сами попробовать разобраться.

Лучше всего этот метод создания использовать для отдельных слов или коротких фраз. Напишите каждый из них на отдельном слое. Как в первом методе, который я показывал в этой статье. Далее перейдите в раздел «Фильтры» и найдите «Искажение».

Здесь вам понадобятся «Полярные координаты».

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

Теперь щелкаем по «Прямоугольные в полярные» и жмем на «Ок».

Так проделываем со всеми текстовыми слоями.

Если все-таки хочется поменять цвет текста, то зажимаем CTRL на клавиатуре и жмем на эскиз слоя.

Справа, на панели слоев, находим эту кнопку.

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

Если вы не умеете создавать градиенты или вам, как и мне, проще использовать готовые, то могу порекомендовать сервис www.photoshop-master.ru . Тут можно все скачать бесплатно.

Вот здесь, в разделе «Дополнения» есть куча шрифтов, градиентов и так далее. Если не умеете их устанавливать, поищите статью в моем блоге на эту тему.

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

Правая кнопка мыши и «объединить слои».

Проделайте так со всеми, затем выберите один из новых объединенных слоев и нажмите CTRL+T. Потяните за край нового, только что появившегося прямоугольника и текст увеличится.

Теперь вы знаете как можно сделать вот такое солнце из слов.

Если хотите, можете Скачать этот макет, открыть его в фотошопе и посмотреть более подробно.

Если вам нравится работать в фотошопом, то на том же сайте, что я вам уже рекомендовал в качестве источника дополнительных материалов для вашей программы можете также найти множество курсов ( www.photoshop-master.org ). Они считаются одними из лучших во всем интернете.

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

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

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

НАШ САЙТ РЕКОМЕНДУЕТ:

Метки:

Как набрать круг в Photoshop

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

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

Учебное изображение

292-Type-in-a-circle-Starter.zip (2190 загрузок)

Описание документа

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

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

Выберите View> New Guide Layout.

В окне New Guide Layout установите для параметра Columns and Rows ’Number значение — 2 и нажмите OK . Это поможет вам визуализировать центр документа и выровнять текст.

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

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

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

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

Создание эллиптического пути

щелкните на линейке и выберите процентов.

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

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

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

Печатайте по круговой траектории

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тип на нижней половине круга

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

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

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

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

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

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

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

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

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

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

Регулировка смещения базовой линии

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

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

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

Печатайте по пути

Создайте путь любой формы с помощью инструмента Curvature Pen .

Затем выберите инструмент Horizontal Type и щелкните путь.

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

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

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

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

Как набирать круг в Photoshop (пошаговое руководство по созданию кругового текста)

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

Этот пост содержит партнерские ссылки. Если вы совершите покупку после нажатия одной из этих ссылок, я получу небольшую комиссию (без каких-либо дополнительных затрат с вашей стороны) в обмен на ваше направление.

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

Чтобы увеличить экран видео, щелкните квадратный значок в правом нижнем углу видео (при наведении указателя мыши на значок будет отображаться «полный экран»)

Подпишитесь на мой канал YouTube, чтобы увидеть больше видео по планированию!

Чтобы создать круговой текст, используйте инструмент формы (инструмент эллипса для создания круга), создайте путь и добавьте свой текст.

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

3. Перейдите в верхнее меню Photoshop и измените контур на форму

.

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

5. Щелкните инструмент «Текст» и измените шрифт на любой понравившийся вам стиль.

6.Наведите указатель мыши на только что созданный круг, пока курсор мыши не изменится на изогнутую линию. Щелкните левой кнопкой мыши

7. Начните вводить

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

Если вам нужно заполнить пробел или сделать более четкое разделение между словами, я предпочитаю использовать тире или звездочку *

Связанные руководства:

Посмотреть все уроки Photoshop можно здесь.

Мой любимый способ использования этого инструмента — создание этикеток — особенно этикеток с днем ​​рождения, этикеток и этикеток (особенно для рождественских подарков), этикеток для упаковки продуктов и т. Д. Они отлично смотрятся с каким-нибудь графическим изображением или монограммой в центре текста. .

Если вы хотите узнать, как сделать свои собственные этикетки, щелкните здесь.

Считаете этот пост полезным? Приколи это!

Вас также может заинтересовать …

(БЕСПЛАТНО) Круглый текст Photoshop — Photoshop Supply

Круглый текст Экшен Photoshop , который можно бесплатно загрузить с сайта PhotoshopSupply.Создайте свой собственный круговой текст всего за несколько секунд!

Добавить текст по кругу с помощью Photoshop

Как добавить текст по кругу с помощью Photoshop ?

В добавьте текст на траекторию в Photoshop , выполните следующие действия:

1. Выберите инструмент Ellipse Tool и выберите опцию Path
2. Выберите инструмент Type Tool и щелкните край формы круга.
3. Чтобы отразить текст на контуре в Photoshop , используйте инструмент Path Selection Tool и перетащите текст внутри или за пределы фигуры.

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

Обрезка круга в Photoshop

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

Circle Text Generator Online

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

Вы можете создать круговой текст с помощью текстового редактора MockoFun. MockoFun — это бесплатный онлайн-инструмент для графического дизайна и полезный генератор кругового текста.

Ознакомьтесь с этим руководством о том, как использовать генератор кругового текста всего за несколько простых шагов. Вы также можете создавать изогнутый текст, волнистый текст, круглые логотипы и т. Д.

Итак, если вы ищете текст в генераторе кругов, попробуйте MockoFun или этот бесплатный экшен Photoshop.

Как использовать экшен Photoshop

Чтобы правильно использовать этот экшен Photoshop с круговым текстом , необходимо выполнить следующие действия:

• Загрузите ATN-файл в Photoshop
• Воспроизвести экшен (действие автоматически создаст новый документ с круглым текстом)

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

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

Вы можете сохранить круговой текст psd для дальнейшего использования.

Итак, попробуйте наш экшен «Добавить текст внутри круга» Photoshop , это бесплатно! Я надеюсь, что вы найдете этот текст в кружке в уроке Photoshop и бесплатные экшены полезными для ваших проектов.

Если вы хотите сделать штамп, вы можете попробовать экшен Photoshop резиновый штамп от GraphicRiver.

У нас есть еще один классный экшен для вас, если вы хотите сделать такие эффекты искажения текста.

Как создать круговые изображения

На мой взгляд, круговой текст отлично работает, если его комбинировать с круговыми изображениями. Итак, скачайте бесплатно наш новый экшен PS, если вы хотите обрезать круг в Photoshop одним щелчком мыши!

Или, если вы ищете бесплатную альтернативу Photoshop, обрежьте изображение в круг онлайн с помощью MockoFun !

Как установить и использовать экшены Photoshop

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

Подробная информация об элементе

Эта бесплатная содержит 1 файл ATN

Другие ресурсы, которые могут вам понравиться 🙂

Как изогнуть текст в Photoshop вокруг любой формы

Изгиб текста вокруг простой формы в Adobe Photoshop — полезный навык.Например, вы можете создать круглый логотип с текстом, который его окружает.

Изгиб текста вокруг простой формы в Adobe Photoshop — полезный навык. Например, вы можете создать круглый логотип с текстом, который его окружает. Или быстрый макет штампа.

Просто помните, что обтекание текста по круговой траектории отличается от деформации текста в Photoshop — последнее имеет тенденцию к деформации текста.Тем не менее, оба используются для фантастических манипуляций с текстом, и их полезно знать.

Скриншоты этого руководства взяты из Photoshop CC 2018.

Как набрать текст в круге в Photoshop

1. Выберите инструмент Ellipse . Измените тип на Путь .
2. Перетащите и нарисуйте круг на документе.Нажимайте клавишу Shift при перетаскивании, чтобы образовать идеальный круг.
3. Выберите инструмент Horizontal Type . На панели параметров выберите атрибуты шрифта, такие как стиль, размер и цвет текста.
4. Инструмент «Текст» представлен курсором в форме двутаврового луча внутри пунктирного квадрата.Наведите курсор на край фигуры. Луч «I» изменится на пучок «I» с волнистой линией, напоминающей кривую sin.
5. Нажмите на границу фигуры в том месте, где вы хотите начать добавлять текст. По мере ввода текст изгибается вокруг формы. Щелкните галочку на панели параметров, чтобы завершить ввод текста.
6. Чтобы изменить положение кругового текста, выберите инструмент Path Selection на панели инструментов.Перетащите курсор за пределы круга на текст, чтобы повернуть его в новое положение. Перетащите курсор внутри круга, чтобы перевернуть текст и повернуть текст внутри фигуры.

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

Чтобы получить дополнительные советы по повороту, вот как повернуть текст в Google Таблицах.

Как установить приоритет сети Wi-Fi на Android

Хотите изменить приоритет сети Wi-Fi на Android? Узнайте, как установить приоритеты сетей Wi-Fi на мобильном устройстве.

Читать далее

Об авторе Сайкат Басу (Опубликовано 1545 статей)

Сайкат Басу — заместитель редактора по Интернету, Windows и производительности.После того, как он избавился от грязи MBA и десятилетней маркетинговой карьеры, он теперь увлечен тем, чтобы помогать другим улучшать свои навыки рассказывания историй. Он следит за пропавшей оксфордской запятой и ненавидит плохие скриншоты. Но идеи фотографии, фотошопа и производительности успокаивают его душу.

Более От Сайката Басу

Подпишитесь на нашу рассылку новостей

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Еще один шаг…!

Пожалуйста, подтвердите свой адрес электронной почты в письме, которое мы вам только что отправили.

Разверните, чтобы прочитать всю историю

Как обернуть текст по кругу с помощью Photoshop

Сегодняшнее руководство предназначено для тех из вас, кто, возможно, хочет попрактиковаться в Adobe Photoshop. В этом уроке я продемонстрирую, как с помощью Photoshop можно обернуть текст вокруг круга — как внутри, так и за пределами круга. Это то, чему может следовать даже новичок в Photoshop.

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

Перенос текста по кругу с помощью Photoshop

Чтобы обернуть текст по кругу в Photoshop нам нужно выполнить следующие шаги …

• Шаг 1 : Создайте новый документ с горизонтальными и вертикальными направляющими, затем создайте круг в центре холста
• Шаг 2 : Используйте Инструмент «Горизонтальный текст», чтобы разместить текст по внешнему краю круга.
• Шаг 3 : Используйте инструмент «Выбор контура», чтобы отрегулировать положение текста на окружности.
• Шаг 4 : Создайте новый круг на круге. новый слой, который больше исходного круга
• Шаг 5 : Снова используя инструмент Horizontal Type Tool, поместите текст внутри нового, большего круга

Давайте рассмотрим эти шаги подробнее деталь.

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

Первое, что мы сделаем, это создадим новый документ размером 1280 x 1280 пикселей , а затем создадим как вертикальную, так и горизонтальную направляющие, каждая с 50% . Вы можете сделать это, перейдя к View> New Guide . Повторите этот шаг как для горизонтальной, так и для вертикальной оси.

Ваш документ должен выглядеть примерно так…

Теперь возьмем инструмент Ellipse Tool , чтобы создать круг в центре холста.Инструмент скрыт в подменю Rectangle Tool , поэтому обязательно щелкните инструмент правой кнопкой мыши, чтобы открыть подменю.

Поместите курсор в центр страницы, где пересекаются горизонтальные и вертикальные направляющие, затем щелкните и перетащите, чтобы создать эллипс. Удерживая щелчок, нажмите на клавиатуре Shift и Alt . Это позволит вам создать идеально симметричный круг, расширяющийся от центра документа.

Шаг 2. Поместите текст в круг

Возьмите инструмент Horizontal Type Tool (сочетание клавиш: T) и щелкните по внешнему краю вашего круга. На круге появится мигающий курсор. Как только вы начнете печатать, текст будет отображаться по кругу.

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

Шаг 3. Отрегулируйте положение

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

Для этого возьмите инструмент Path Selection Tool (сочетание клавиш: A), щелкните и перетащите маленький черный узел на краю круга, чтобы отрегулировать расположение текста. Убедитесь, что он расположен равномерно вверху. вашего круга.

Шаг 4. Создание нового круга

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

Сначала нажмите control + shift + N на клавиатуре, чтобы создать новый слой, затем снова возьмите инструмент Ellipse Tool и создайте еще один круг, начиная с центра страницы. Опять же, не забудьте удерживать shift и alt при масштабировании круга, чтобы он фиксировал пропорции и расширялся от центра холста, как вы это делали для первого круга.

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

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

Шаг 5: Создайте текст внутри вашего круга

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

Сначала текст будет размещен за пределами круга.

Оберните текст вокруг внутренней части круга, снова возьмите инструмент Path Selection Tool , затем щелкните и перетащите узел на краю круга и перенесите его внутрь круга. Это также приведет к тексту внутри круга. Пока вы работаете, вы можете использовать тот же инструмент, чтобы отрегулировать размещение текста внутри круга.

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

Последний шаг — просто отключить видимость двух слоев круга и фонового слоя, и все готово!

На этом этапе вы можете сохранить свою работу или экспортировать ее как PNG или JPG, если хотите.И вот как вы можете обернуть текст по кругу с помощью Photoshop!

Заключение

Обернуть текст по кругу с помощью Photoshop несложно. Фактически, если вы смотрели мой урок о том, как сделать то же самое с Illustrator, вы, вероятно, поймете, что это очень похоже. Одна вещь, которая мне нравится в работе с программным обеспечением Adobe, — это то, насколько последовательным является рабочий процесс при работе со всеми различными приложениями.

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

_{Logos By Nick LLC является участником программы Amazon Services LLC Associates, партнерской рекламной программы, предназначенной для предоставления сайтам средств для получения рекламных сборов за счет рекламы и ссылок на Amazon.com. Как партнер Amazon я зарабатываю на соответствующих покупках. Прочтите информацию о партнерских программах здесь.}

Создание текста по контуру в Photoshop

Как добавить текст по контуру в Photoshop

Шаг 1. Выберите инструмент «Эллипс»

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

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

Выбор инструмента «Эллипс» на панели «Инструменты».

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

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

Изменение режима для инструмента Эллипс на Путь.

Подробнее: Рисование векторных фигур и пиксельных фигур в Photoshop

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

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

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

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

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

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

Когда наш путь нарисован, мы готовы добавить текст.Выберите инструмент Type Tool на панели инструментов:

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

Шаг 5. Выберите шрифт

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

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

У меня также для параметра Text Alignment установлено значение Left , а для типа color установлено значение white :

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

Шаг 6. Переместите курсор по траектории

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

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

Шаг 7: Щелкните путь и добавьте свой тип

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

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

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

Щелкните галочку.

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

.

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

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

Чтобы переместить текст вдоль контура, выберите инструмент Path Selection Tool на панели инструментов:

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

Шаг 9: переместите текст

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

Переместите инструмент «Выбор контура» над текстом, затем щелкните и перетащите его по контуру.

Однако посмотрите, что произойдет, если я перетащу текст слишком далеко. Кое-что обрезается в конце:

Слишком большое перетаскивание текста привело к обрезанию конца.

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

Найдите маленький кружок на месте обрезки текста.

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

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

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

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

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

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

Скрытие пути

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

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

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

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

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

Как изогнуть текст в Photoshop Урок Photoshop

www.psd-dude.com

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

Твитнуть

Как изогнуть текст в Photoshop [Видеоурок]

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

Как изогнуть текст в Photoshop

Существует как минимум два метода, которые можно использовать для изгиба текста в Photoshop . Первый способ — использовать Пути . И второй метод — использовать инструмент Warp Tool , который является одним из инструментов преобразования Photoshop .

😊 Метод 1. Печатайте по контуру в Photoshop

.

Что такое контур в фотошопе? Путь в Photoshop — это непечатаемая линия, которая может быть прямой или изогнутой, открытой или закрытой.

Как сделать контур в фотошопе?

Чтобы создать текст на контуре в Photoshop , используйте инструмент «Перо » , инструмент «Эллипс » , инструмент «Прямоугольник » , инструмент пользовательской формы и т. Д. Важно выбрать Пути из верхнее меню, а не Форма .

Итак, вот шаги, которые вы должны сделать, чтобы набрать на пути в Photoshop :

• Шаг 1. Выберите инструмент Ellipse Tool
• Шаг 2: Измените режим инструмента с Форма на Пути
• Шаг 3: Нарисуйте свой путь.Вы можете создать эллипс или круг, удерживая нажатой клавишу Shift
• Шаг 4. Выберите инструмент Type Tool , выберите шрифт, размер и т. Д.
• Шаг 6: Переместите курсор по траектории, пока он не изменится на двутавровую балку, вырезанную волнистой линией
• Шаг 7: Щелкните путь и добавьте текст
• Шаг 8: Выберите инструмент Path Selection Tool , чтобы переместить текст по контуру.

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

Как переместить текст по контуру в фотошопе? Используйте инструмент Path Selection Tool , чтобы переместить текст по контуру вверх и вниз.

😊 Метод 2: сгибание текста в Photoshop [Деформация> Арка]

Другой метод, используемый для изгиба текста в Photoshop , — это параметр изгиб текста в Photoshop . Перейдите в Edit> Transform> Warp и выберите Arch из раскрывающегося списка. Таким образом вы можете сделать изогнутый текст в Photoshop .

Поиграйте с настройками Photoshop изгиба текста, чтобы создать различные эффекты изогнутого текста.

• Отвод
• Горизонтальное искажение
• Вертикальное искажение

Для создания изогнутого текста под настройкой Photoshop Bend для текста, например, установите значение -45.

😊 Метод 3. Сгибание текста в Photoshop [Деформация> Дуга]

Если вы хотите согнуть текст без искажения, используйте параметр Arch вместо параметра Arched .Перейдите в Edit> Transform> Warp и выберите Arc из раскрывающегося списка. Таким образом вы можете сделать изогнутый текст в Photoshop без искажений.

Как деформировать текст в Photoshop

Итак, чтобы деформировать текст в Photoshop, вы можете использовать один из доступных вариантов преобразования Warp : Arc, Arc Lower, Arc Upper, Arch, Bulge, Flag, Wave, и т. Д.

Преобразование деформации также отлично работает, если вы хотите искривить изображение в Photoshop.

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

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

Круглый текст в Photoshop

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

Как исказить текст в Photoshop

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

Итак, если у вас нет Photoshop, вы можете использовать MockoFun для кривого текста онлайн бесплатно. MockoFun — это онлайн-текстовый редактор со шрифтами и текстовыми эффектами.

С помощью онлайн-генератора текста в круге вы можете создавать действительно потрясающие текстовые эффекты, включая волнистый текст, спиральный текст и т. Д.

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

Например, как в фотошопе сделать круглую этикетку? Это просто: используйте формы круга и изогнутый текст.

Резиновый штамп Action GraphicRiver

Кривой текст действительно полезен, например, для изготовления резиновых штампов. Итак, если вы хотите создать штамп в Photoshop, загрузите этот экшен Photoshop Rubber Stamp с GraphicRiver.Вы также можете проверить наш логотип этого штампа, редактируемый онлайн с помощью MockoFun.

.

No related posts.