Как сделать текст по окружности в фотошопе: Как сделать текст по кругу в Фотошопе

Содержание

Как сделать текст по кругу в Фотошопе

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

Делаем текст по кругу

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

Метод №1: через деформацию

  • Для начала необходимо написать текст;
  • На панели настроек инструмента, в верхней части рабочего окна нужно найти кнопку с буквой Т, которая отвечает за настройки деформации текста;
  • После нажатия на эту кнопку появится список, где необходимо выбрать стиль «Дугой». В открывшемся окне, необходимо сделать изгиб – 100%. Для этого, под словом Изгиб, тянем ползунок до конца вправо.

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

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

Есть и один недостаток такого метода: при написании читаемость текста немного ухудшается.

Метод №2: через контур

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

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

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

После написания текста фигуру можно удалить или использовать как украшение для товарного знака. Мы удалим:

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

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

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

  1. Слева, на панели инструментов выбираем инструмент «Произвольная фигура»;
  2. В панели настроек инструмента открываем список фигур и выбираем «Тонкую круглую рамку»;
  3. Нажимаем на клавиатуре SHIFT, и удерживая рисуем фигуру.
    После, выбираем инструмент «Текст» и на панели инструментов необходимо устанавливаем выравнивание по центру;
  4. Теперь необходимо поднести курсор к контуру нарисованной фигуры, и кликнуть левой кнопкой мыши по внутренней части контура. Текст будет писаться поверх фигуры;
  5. Чтобы написать текст снизу, и он не был перевернутым, нужно снова выбрать слой с фигурой и кликнуть левой кнопкой мыши по нижней части круга, но уже с внешней стороны.
  6. После, вводим необходимый текст и получаем такой результат:
  7. Убираем контур, удалив слой с фигурой, выбираем желаемый цвет шрифта (мы остановились на нашем фирменном цвете) и получаем финальный вариант:

На этом все! Навыки по написанию текста по кругу в Фотошопе помогут в создании виртуальных печатей и различных элементов дизайна.

До встречи в наших следующих уроках!

Как написать текст по кругу в фотошопе — бесплатный онлайн урок

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

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

В своем уроке я воспользуюсь программой Adobe Photoshop CS5, но вы легко повторите алгоритм действий и в CS6. Да, в принципе, в любой версии программы.

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

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

Из выпадающего списка выбираем форму – дугой и устанавливаем ползунок параметра «изгиб» на 100%.

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

Вызываем выпадающий список в окне слоев и ищем соответствующую команду.

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

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

Нам потребуется контур, получить который мы сможем при помощи инструмента эллипс.

На верхней панели устанавливаем следующие настройки:

Зажимая клавишу Shift, проводим окружность.

А теперь нам нужен инструмент «текст». Кликаем по окружности. Будьте внимательны, курсор должен встать именно таким образом:

Пишем текст. Как видите, теперь он идет по кругу.

Обратите внимание на вот эти маркеры

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

Кликаем по нему, тянем за маркеры и перемещаем текст.

Этот же инструмент дает нам возможность вывести текст во внутреннюю часть окружности. Потяните за маркер к центру и текст переместится.

Мы закончили. Теперь нам следует удалить контур. Выбираем тот же инструмент «эллипс», Кликаем по рабочей области левой кнопкой мыши и в выпадающем списке выбираем «растрировать слой». Либо можете воспользоваться комбинацией клавиш ctrl+h.

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

Как сделать текст по кругу в Фотошопе • ARTshelter

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

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

Шаг 1

Берем инструмент

Pen Tool (P).

Шаг 2

На верхней панели проверяем, чтобы его режим был установлен на Path (Контур).

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

Теперь берем Type Tool (T) (Горизонтальный текст).

Шаг 8

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

Шаг 9

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

Шаг 10

Закончив, зажимаем клавишу Ctrl и жмем Enter, чтобы снять выделение с текста.

Как сделать текст по кругу в Фотошопе

Шаг 1

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

Читайте также:

Шаг 2

Но контуры можно создавать не только с помощью Пера. Для этого можно использовать любую фигуру, у которой есть режим Path (Контур).

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

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

Как в фотошопе написать текст по кругу с помощью инструмента Контуры | 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), нажимаем ОК. На промежуточной стадии сервис предложит растрировать текст, нажимаем «Да». После этого текст будет написан по кругу.

 
 

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

Добрый день, посетители 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 ). Они считаются одними из лучших во всем интернете.

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

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

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

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

Метки:  

Как в фотошопе написать текст по кругу | Pixelbox.ru — Дополнения и уроки по Фотошопу

Добрый день, посетители 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:

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

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

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

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

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

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

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

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

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

  1. Создайте документ Photoshop.
  2. Выберите инструмент из группы Фигуры и нарисуйте контур (выберите значение Контур из раскрывающегося списка режимов на панели параметров).
  3. Щёлкните на кнопке инструмента Горизонтальный текст. На самом деле вы можете выбрать и Вертикальный текст — ничего не изменится, обрабатываются они одинаково, просто в моём примере используется именно Горизонтальный текст.
  4. Переместите указатель мыши к кромке контура — туда, где будет начинаться текст. Если всё сделано верно, курсор должен принять вид, как показано на рисунке ниже.
  1. Щёлкните кнопкой мыши. На холсте появился курсор ввода.
  2. Наберите желаемый текст (он будет располагаться по контуру) и подгоните его размер под размеры фигуры.

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

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

  1. Выберите инструмент Выделение контура (на палитре щёлкните значок ).
  2. Подведите указатель мыши к контуру (курсор примет вид: ).
  3. Удерживая нажатой кнопку мыши, двигайте указатель в сторону, куда хотите сместить текст, и он будет следовать в том направлении.

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

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

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

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

Эффекты текстового слоя

Текстовый слой наделён большим количеством настроек, позволяющих изменить внешний вид надписи. Чтобы открыть окно, либо дважды щёлкните на слое кнопкой мыши, либо нажмите значок Добавить стиль слоя.

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

Текст-маска

Инструменты Горизонтальная текст-маска и Вертикальная текст-маска создают на слое область выделения в форме введённого текста. После добавления надписи область растрируется и её можно залить цветом, градиентом, картинкой, применить один из фильтров или использовать как-нибудь ещё.

  1. Выберите инструмент Горизонтальный текст-маска или Вертикальный текст-маска.
  2. Щёлкните кнопкой мыши на холсте.
  3. Введите надпись.
  4. Уделите внимание размеру шрифта, стилю, начертанию, другим параметрам.
  5. Когда всё готово, на панели параметров нажмите галочку.

Полезные ссылки:

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

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

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

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

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

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

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

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

Выберите 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> Character .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

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

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

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

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

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

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

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

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

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

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

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

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

Как изогнуть текст в 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 Таблицах.

Mozilla Thunderbird: все сочетания клавиш, которые вам нужно освоить

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

Читать далее

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

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

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

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

Нажмите здесь, чтобы подписаться

Обтекание текстом круга в Photoshop

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

Метод обертывания текста по кругу в Photoshop включает следующие шаги:

  • Создайте круг в центре холста или найдите центр круга на фотографии.
  • Введите текст по внешнему краю круга
  • Отрегулируйте расположение текста в круге
  • Измените форму, размер и цвет шрифта

Пример 1

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

Шаг 1:

Откройте изображение в форме круга, вокруг которого вы хотите обернуть текст.

Дублируйте слой ( Ctrl + J )

Шаг 2:

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

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

Создайте две направляющие: вертикальную и горизонтальную.

Щелкните View> New Guide, выберите вертикальную ось и 50%

Повторите этот шаг для горизонтальной оси и 50%

Результат показан ниже

Шаг 3:

Мы создадим круг, чтобы текст был обтянут вокруг него. Центр нового круга должен быть центром изображения. (Поэтому делаем первые два шага)

Щелкните правой кнопкой мыши инструмент Rectangle Tool и выберите инструмент Ellipse Tool

.

В меню инструмента Эллиптический выберите Путь

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

( Shift клавиша используется для ограничения формы до круга)

( Alt клавиша используется для расширения формы из центра)

Шаг 4:

Теперь мы воспользуемся инструментом Horizontal Type Tool для написания текста.

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

Начните печатать; текст будет создан по кругу.

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

Вы также можете редактировать формы персонажей с помощью меню персонажей. (Окно > Персонаж )

Шаг 5:

Регулировка положения текста

Используйте инструмент выбора пути (сочетание клавиш: A )

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

Щелкните и перетащите, чтобы настроить размещение текста. Вы также можете перетащить «начальную» и «конечную» точки, чтобы изменить расположение текста.

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

Шаг 6:

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

Создайте новый слой ( Ctrl + Shift + N )

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

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

Шаг 5:

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

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

Окончательное изображение выглядит следующим образом

Вот еще один пример с теми же шагами

Пример 2

Вы также можете обернуть текст вокруг любой формы или кривой. Я покажу вам, как обернуть текст вокруг кривой на фотографии.Шаги аналогичны шагам в примере № 1, за исключением рисования кривой. Я буду использовать фото

ниже.

Шаг 1:

Откройте файл фотографии и продублируйте слой ( Ctrl + J )

Шаг 2:

Щелкните инструмент «Перо» или нажмите P

Выберите «Путь» в меню пера

Начните рисовать точки вокруг кривой, как показано ниже

Шаг 3:

Теперь мы воспользуемся инструментом Horizontal Type Tool для написания текста.Наведите указатель мыши на внешний край круговой дорожки, пока курсор не превратится в следующую форму

Начните печатать; текст будет обернут вокруг кривой.

Шаг 4

Отрегулируйте положение текста и отредактируйте размер, тип и цвет шрифта, как описано в примере 1.

Окончательное изображение показано ниже

Другой пример показан ниже

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

Похожие сообщения

Создание трехмерного текста в Photoshop


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

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

Как обернуть текст вокруг фигур в Photoshop (3 простых способа)

Один из наиболее распространенных текстовых эффектов, которые вы встретите на повседневных носителях, — это обернутый текст. Этот эффект изменяет расположение текста, чтобы идеально выделить определенную форму или изображение. На первый взгляд вы можете подумать, что для обтекания текста в Photoshop требуется связка ручного выравнивания текста. На самом деле, вы можете создать этот эффект с помощью всего нескольких простых путей и инструмента «Текст»!

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

1. Как обернуть текст вокруг фигур и изображений в Photoshop

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

— Обтекание текстом формы или объекта

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

Нажмите P , чтобы получить доступ к Pen Tool или найти его на панели инструментов.

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

Щелкните, чтобы добавить новые опорные точки с помощью инструмента «Перо», и растяните, чтобы изогнуть контур пера. Если вы еще не знакомы с этим инструментом, обязательно прочтите наше руководство по использованию Pen Tool в Photoshop.


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

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

Чтобы получить доступ к линейке, нажмите Command + R (Mac) или Control + R (ПК). Нажмите на линейку (горизонтальную или вертикальную) и потяните за нее. Будет создана новая подвижная направляющая, которая будет располагаться поверх вашего изображения.

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

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

Продолжайте и снова соедините контур пера с начальной точкой привязки.

Завершив траекторию пера, возьмите инструмент «Текст», нажав T.

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

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

Результат

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

2. Как обернуть текст по краю фигуры

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

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

— Обтекание текстом готовой формы

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

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


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



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

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


Теперь ваш текст будет переноситься по внешнему краю фигуры.

Результат

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

— Обтекание текстом произвольной формы

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

Чтобы создать произвольную форму, вам нужно создать путь. Лучше всего это сделать с помощью Pen Tool.

Откройте Pen Tool, нажав P или найдите его на панели инструментов.

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

После того, как вы создали нужную форму, возьмите инструмент «Текст», нажав T.

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

Ваш текст теперь будет обтекать края только что созданной вами формы!

Результат

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

— Как обернуть текст вокруг внутреннего края вашей формы

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

С помощью инструмента «Текст» выделите текст и нажмите Command + A (Mac) или Control + A (ПК), чтобы выделить все.

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


3. Как обернуть текст внутри фигуры в Photoshop

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

Для начала создайте форму, внутри которой поместится текст. Еще раз используйте инструмент Shape Tool ( U ) для этого шага.

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



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

Возьмите текстовый инструмент, нажав T или открыв его на панели инструментов.

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

Результат

Перенос текста внутрь фигуры — еще один отличный метод обтекания текстом в Photoshop. Этот вариант — один из наиболее быстрых способов переноса текста и практически не требует технических навыков. Просто используя инструмент «Форма» и «Текст», вы можете добиться этого эффекта менее чем за минуту!

Заключение

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

Хотите больше подобных уроков? Подпишитесь на нашу еженедельную рассылку, чтобы получать больше фотографий и советов по редактированию фотографий прямо на ваш почтовый ящик!

— Brendan 🙂

Ввести круговой текст и текст вокруг других фигур

Как написать круговой текст в фотошопе? », — спросил Шантану на уроках графического дизайна.

Как написать текст вокруг прямоугольника, треугольника и произвольной формы? », таким образом, сформулирован вопрос, присланный читателем TechWelkin.

Студенты, изучающие Photoshop, часто задают такой вопрос, и чаще всего им советуют выучить path drawing . Но я бы сказал, что метод рисования контуров предназначен для серьезных профессионалов Photoshop. Написание текста вокруг произвольной формы требует рисования контура, но если вы просто хотите написать текст вокруг круга или других геометрических фигур, вот быстрый и простой способ.Выполните следующие шаги:

  1. Откройте Photoshop и создайте новый холст
  2. Выберите инструмент создания эллипса на панели инструментов
  3. Проведите мышью, чтобы нарисовать эллипс (если вам нужен идеальный круг , нажмите и удерживайте клавишу SHIFT при перетаскивании мыши)
  4. Теперь выберите инструмент для написания текста на панели инструментов
  5. Наведите курсор мыши на окружность (границу) нарисованного круга. Курсор мыши превратится в «двутавровую балку». , когда он окажется прямо над окружностью. Возможно, вам придется немного переместить указатель мыши на границе, чтобы получить курсор в виде двутавровой балки.
  6. Когда появится курсор в виде двутавровой балки, щелкните и начните вводить текст.
Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *