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

Содержание

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

Когда он стал таким, как на рисунке ниже, нажимаем кнопку мыши и двигаем ее поперек контура.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Открываем наш документ. Выбираем инструмент Ellipse Tool (с указанными настройками). Рисуем круг, удерживая клавишу Shift :

2. Выбираем инструмент Type (Текст). Помещаем курсор над линией круга, пока он не примет следующий вид.

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

Path Selection Tool и точек управления.

Еще один вариант создания кругового текста — использование полярных координат:

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

2. Удерживая SHIFT, выбираете инструмент прямоугольное выделение. Перейдите в меню Filter> Distort > Polar Coordinates (Фильтр>Искажение>Полярные координаты) и кликните ОК когда появится подсказка, чтобы растеризовать текст.

4 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Можете и сами попробовать разобраться.

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

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

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

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

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

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

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

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

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

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

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

Итак, выделили.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Предлагаю новый урок по фотошопу «Написание текста в фотошопе CS6», где я простым языком объясняю то, что сама очень долго не понимала. Мы рассмотрим:

написание текста в фотошопе по кругу
как в фотошопе написать текст по диагонали и в квадрате
что делать, если не можете убрать контур

Я пользовалась только горизонтальным текстом — как и большинство блогеров. Я и этим бы не пользовалась, но картинки к постам как-то подписывать надо было…

Написание текста в фотошопе cs6: горизонтально, по кругу, по диагонали

Для написания любого текста в фотошопе используется инструмент текст. Он расположен в левой панели моего фотошопа cs6. Если кликнуть правой кнопкой мышки на значок возле буквы Т (маленький снизу) — увидите, что под одним инструментом спряталось аж четыре:

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

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

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

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

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

Кликаем левой кнопкой мыши на Инструмент «Элипс» и на нашем холсте, зажав кнопку шифт, рисуем круг. Нарисовав округлый контур, отпускаем шифт.

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

Для того, чтобы убрать контур круга, есть два варианта (в разных компах работает один из них):
— нажимаем одновременно клавиши CTRL + h (у меня не срабатывает)
— нажимаем галочку на верхней панели фотошопа (когда стоит ещё курсор Инструмента Текст):

Остаётся только текст, круг исчезнет. Если у вас контур круга не исчез, значит он у вас не прозрачный — идём в настройки на верхнюю панель фотошопа и внимательно смотрим настройки возле надписи «Заливка» И «Штрих».

Что делать, если не можете убрать контур

У вас должен быть пункт 3 и пункт 4 такой, как на рисунке — с диагональкой, которая означает «Нет цвета».

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

Это касается настроек «Заливка» и «Штрих» — сделайте их одинаковыми. После этого повторите надпись по контуру круга.

Для большей наглядности смотрим моё видео:

Как видите, всё довольно просто, если знать некоторые нюансы.

Как в фотошопе написать текст по кругу, чтобы «нижние» слова были не вверх ногами?

Отвечаю на интересный вопрос читателя этого блога. Для многих дизайнерских работ необходимо, чтобы текст, написанный по кругу, был не вверх ногами на нижней дуге. Уточняю:
текст должен выглядеть, будто написан по контуру круга, но — и по нижней и по верхней дуге текст идёт слева направо.

Я с удовольствием отвечаю на вопрос Тамары уроком, снятым на видео. Расписывать его я не буду — только подчеркну, что в таком случае текст пишется по верхней дуге на отдельном слое и по нижней дуге — тоже на отдельном слое и тогда буквы на нижней дуге не будут вверх ногами.

Смотрите видео:

Кто хочет получить видео-ответ на свой вопрос — прошу написать его в комментариях.

Как в фотошопе написать текст по диагонали

В левой панели инструментов берём Инструмент «Линия» и проводим диагональ. Меняем инструмент на «Горизонтальный текст», ставим курсор на диагональ в любом месте и пишем текст. Нажимаем галочку в верхней панели — написание завершено.

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

Я сняла видео для лучшей наглядности. В нём показано, как написать текст в фотошопе по диагонали, в квадрате и в круге.

Итак, открывает программу Photoshop, создаем документ, подготавливаем необходимый фон, чтобы сделать круговой текст и начнем с первого метода. Берем инструмент «Овальная область» , вызывается клавишей M . Зажимаем Shift и делаем круглое выделение.
Затем жмем правой кнопкой по выделенному и в контекстном меню выбираем пункт Образовать рабочий контур .
Теперь берем текст, ставим курсор на край круга и пишем, все, что вздумается. Получится что-то вроде этого.
Ну и второй вариант создания текста по кругу в фотошопе, который еще проще, чем первый. А вы уже сами выберете, какой именно подходит лично вам. Возьмем на этот раз «Эллипс» и создадим фигуру нужного нам размера. И можно сразу брать текст и писать.
Кстати, для этих целей я использую версию Photoshop CS6 и она меня вполне устраивает. Иногда выходят очень даже художественные произведения, если можно так выразится. Хотя я далеко не художник, меня все больше уносит в геометрию, то есть работа с какими-то угловатыми объектами, текстом, нежели рисованием кистью, ретушью и прочими фишками, с которыми я справляюсь постольку-поскольку. На этом все, надеюсь, что вы тоже справились с тем, как создать текст по кругу в фотошопе. Вот мой результат, а так же смотрите видео.

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

3 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итак, выделили.

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

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

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

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

Уроки «ВЕБ-ДИЗАЙН для начинающих » попроще, а первые три дня можете попробовать все абсолютно бесплатно. В основном вы найдете информацию о инструментах. Это очень неплохо, но раскрывать секреты мастерства и нарабатывать опыт придется самому. Тоже неплохой вариант, но более длинный и тернистый.

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

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

Может показаться, что для создания подобного текста нужно использовать профессиональные программы для дизайнеров, но на самом деле можно обойти только одним текстовым редактором. В этой небольшой статье вы узнаете, как сделать текст полукругом в редакторе Word 2007, 2010, 2013 или 2016.

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

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

Дальше нужно убрать рамку вокруг текста. Для этого выделяем рамку с помощью мышки и переходим на вкладку «Формат». Здесь нужно нажать на кнопку «Контур фигуры» и в появившемся меню выбрать вариант «Нет контура».

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

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

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

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

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

Как пример – текст на скриншоте вверху.

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

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

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

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

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

В появившемся блоке, напечатайте что нужно. Затем выделите данный прямоугольник, кликнув по нему мышкой, чтобы по контуру появилась линия с маркерами. Перейдите на вкладку «Средства рисования» – «Формат» и нажмите в группе «Стили WordArt» на кнопку .

Из выпавшего меню выберите , затем в блоке «Траектория движения» выберите «Круг» .

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

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

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

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

Вставляем текст в круг

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

Для этого переходим на вкладку «Вставка» и в группе «Иллюстрации» нажимайте «Фигуры» . В открывшемся списке выберите «Овал» .

Курсор изменится на плюсик. Кликните левой кнопкой мыши в нужном месте листа и, не отпуская кнопки, нарисуйте объект. Затем отпустите кнопку.

Чтобы нарисовать именно круг, а не овал, во время рисования нажмите и удерживайте кнопку «Shift» .

Выделите фигуру и на вкладке «Средства рисования» – «Формат» в группе «Стили фигур» можете изменить заливку или контур.

Теперь, не убирая выделение с фигуры, на вкладке «Средства рисования» – «Формат» жмите «Добавление надписи» .

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

Выделите блок с надписью и снова откройте «Средства рисования» – «Формат» . Здесь в группе «Стили WordArt» нажмите на кнопку , откроется список, из которого выберите – «Круг» .

После того, как будет создан круговой текст, давайте уберем заливку и контур самого блока. Выделите надпись, перейдите на вкладку «Средства рисования» – «Формат» и в группе «Стили фигур» сначала выберите «Заливка фигуры» – «Нет заливки» , затем «Контур фигуры» – «Нет контура» .

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

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

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

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

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

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

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

Вот такие круговая и полукруглая надписи получились у меня во время написания статьи.

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

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

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

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

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

Создание объекта

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

1. В документе Ворд перейдите во вкладку «Вставка» в группе «Иллюстрации» нажмите кнопку «Фигуры» .

2. Из выпадающего меню кнопки выберите объект «Овал» в разделе «Основные фигуры» и нарисуйте фигуру нужных размеров.

Совет: Чтобы нарисовать круг, а не овал, перед растягиванием выбранного объекта на странице, необходимо нажать и удерживать клавишу «SHIFT» до тех пор, пока не нарисуете круг нужных размеров.

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

Добавление надписи

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

1. Кликните дважды по фигуре, чтобы перейти во вкладку «Формат» .

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

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

4. Измените стиль надписи, если это необходимо.

5. Сделайте невидимым поле, в котором располагается текст. Для этого выполните следующее:

6. В группе «Стили WordArt» нажмите на кнопку «Текстовые эффекты» и выберите в ее меню пункт «Преобразовать» .

7. В разделе «Траектория движения» выберите тот параметр, где надпись расположена по кругу. Он так и называется «Круг» .

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

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

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

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

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

1. Откройте вкладку «Вставка» и нажмите на кнопку «WordArt» , расположенную в группе «Текст» .

2. В выпадающем меню выберите понравившийся стиль.

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

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

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

Просто запомни это обтекание текста по кругу отличается от деформации текста в фотошопе

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

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

Как печатать текст в кружке в фотошопе

Выберите Эллипс инструмент. Измените тип на Дорожка.
Перетащите и нарисуйте, чтобы сделать круг на вашем документе. нажмите сдвиг ключ при перетаскивании, чтобы сделать идеальный круг.
Выберите Горизонтальный тип инструмент. На панели параметров выберите атрибуты шрифта, такие как стиль, размер и цвет текста.
Инструмент типа представлен курсором в форме луча «I» внутри пунктирного квадрата. Наведите курсор на край фигуры. Луч «I» меняется на луч «I» с волнистой линией, которая напоминает кривую синуса.
Нажмите на границу формы в том месте, где вы хотите начать добавление текста. По мере ввода текст изгибается вокруг фигуры. Нажмите на галочку на панели параметров, чтобы завершить текст.
Чтобы изменить положение кругового текста, выберите Выбор пути инструмент из панели инструментов. Перетащите курсор за пределы круга и над текстом, чтобы повернуть его на новую позицию. Перетащите курсор внутри круга, чтобы перевернуть текст и повернуть текст внутри фигуры.

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

Вы использовали эту функцию раньше? Как вы предпочитаете создавать изогнутый тип вдоль пути?

Текст по кругу в Photoshop | Помощь новичкам Adobe Photoshop

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

Шаг 1.

Итак, приступим, выберем инструмент «#Эллипс» [U] на панели инструментов.

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

Изменяем параметр слоя с эллипсом «заливка» на 0% видимости.

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

В списке стилей выбираем «Обводка» и изменяем положение «Внутри», радиус от «1 до 5», «цвет» белый (или свой на усмотрение). Жмём «ОК».

Шаг 2.

Далее дублируем слой с эллипсом, нажав на слой с эллипсом сочетанием клавиш Ctrl+J.
Нажимаем сочетание клавиш Ctrl+T на дубликате слоя и через зажатый Shift уменьшаем наш дубликат слоя, как показано на картинке.

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

Далее зажимаем Ctrl и правой кнопкой мыши нажимаем на миниатюру с продублированным слоем.

У Вас появится выделение круга внутри, назовём его так.

Далее выберем инструмент «Прямоугольная область» [M]

Правой кнопкой мыши кликаем на наше выделение и в выпадающем меню выбираем «Трансформировать выделенную область».

Увеличиваем нашу область так, как показано на скриншоте

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

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

В появившемся диалоговом окне просто нажать «Ок»

Шаг 3.

Выбираем инструмент «Горизонтальный текст» [T]

и нажимаем на синий контур (внимательно прицельтесь на него, чтобы у Вас появился небольшой «зиг-заг«)

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

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

Вот итоговый результат.

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

Огромное спасибо, что дочитали мою статью до самого конца. Буду благодарен за «палец вверх» и подписку.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь можно перейти к нанесению текста на овал. Способ такой-же. Выбрать инструмент “Текст”, подвести его к контуру, кликнуть мышкой, ввести. Но появляются и свои нюансы.

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

Поэтому, в тесте на рисунке между словами “Текст, окружающий” и “овальную фигуру” вставлены несколько пробелов.

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

Источник: https://sveres.ru/lessons/tekstovye-effety/kak-napisat-tekst-po-krugu-krivoy-i-konturu-v-fotoshope.html

Как в Word написать текст по контуру круга и другим контурам

Word

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

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

Инструмент «Text Warp» входит в состав функционала «Word Art» и прячется от наших глаз во вкладке верхнего меню «Формат» относящейся к разделу «Средства рисования».

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

А можно активизировать инструмент «Создать надпись» через функционал «Фигуры» всё той же вкладки «Вставка» верхнего меню:

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

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

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

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

Рисование поля происходит при нажатой и удерживаемой левой кнопки мыши:

Как только мы отпустим левую кнопку мыши, поле можно считать созданным:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для изменения размера шрифта и его формы, — например, меняем Tahoma на Arial или изменяем цвета шрифта — применяем к тексту стили WordArt:
или какие-то другие эффекты, для всех таких изменений достаточно щелчком левой кнопки мыши выделить само поле (поле захватят маркеры):

и затем воздействовать на текст так, как нам захочется.

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

Давайте обратим внимание на ромбовидный розового цвета маркер, который появляется в момент выделения поля и накладывается на левый боковой маркер трансформирования:
Схватив это розовый маркер мышью, и перетаскивая его внутри поля, мы также можем воздействовать на текст, изменяя его обтекание контура, размер и начальную точку написания. Как только мы схватили маркер и начали его перемещать, то тут же внутри поля появятся направляющие линии, по которым может перемещаться маркер-регулятор, а вместе с ним и текст (выбранный шаблон формы):
Протащив маркер совсем немного, а затем, отпустив левую кнопку мыши, мы сможем видеть изменения, которые претерпел текст:
Затем снова ухватим маркер мышью и ещё немного переместим и, отпустив левую кнопку мыши, вновь посмотрим на то, что произошло с текстом:
Если мы совместим розовый маркер-регулятор с правым боковым маркером трансформирования, то наш текст снова станет прежним, только вот написан он уже будет иначе:
При выборе других вариантов искривления текста, мы можем видеть другое первоначальное положение маркера-регулятора, а при его перемещении совершенно другие линии-направляющие его движения:

При написании текста по контуру круга нам совсем не обязательно всё делать на глаз (трансформация поля «Создать надпись» до формы квадрата).

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

Рисование идеального круга (окружности) производим, удерживая нажатой клавишу Shift:

Очень может быть, что кто-то сочтёт удобным сделать поле прозрачным ещё до ввода причудливо искривлённого текста. Давайте этой самой 100% прозрачности поля добьёмся.

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

Как только мы выбрали фигуру «Овал», курсор принял вид перекрестия из двух чёрточек. Нажмём клавишу Shift и продолжим её удерживать. Затем нажав и удерживая левую кнопку мыши, начнём рисовать круг:

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

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

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

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

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

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

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

В данный момент поле выделено маркерами трансформирования, что позволяет нам сразу же приступить к установке 100% прозрачности и удалению контура. С этой целью устремляемся курсором мыши в верхнее меню вкладки «Формат» и выбираем последовательно нужные опции (выделены жёлтым цветом):
Контур поля исчез. Вновь устремляемся в раздел «Стили фигур» вкладки «Формат» верхнего меню, но теперь пользуемся опциями функционала «Заливка фигуры»:

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

И перед нами появляется окошко настроек, в котором мы путём перемещения ползунка устанавливаем уровень прозрачности 100%:
Щёлкнув мышкой вне круга, уберём выделение маркерами для того, чтобы посмотреть, как всё выглядит без посторонних линий (выделения):

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

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

А можем этого не делать, а сразу начать трансформацию поля.

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

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

Для того чтобы круг удалить нужно его сначала выделить (круг захватят маркеры выделения и трансформации). Сделать выделение круга мешает поле текста.

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

Давайте наведём курсор мыши на любую из сторон выделения поля и как только курсор примет вид перекрестия из 4-х маленьких стрелочек схватим поле мышью и сдвинем в любую сторону, открыв себе, таким образом, доступ к выделению круга:
Теперь наведём курсор мыши на тело круга и щёлкнем левой кнопкой для выделения:
Заключительным действием в процедуре избавления от круга будет нажатие клавиши Delete:

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

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

а затем нажмём клавишу Delete. Если мы сочли, что расстояние между словами, на которое указывает стрелка, великовато:
то тогда нам нужно немного уменьшить поле, сохраняя его пропорции, чтобы не нарушить идеальное искривление текста по контуру круга. Или же немного сдвинуть маркер-регулятор:
К нашему тексту мы можем применить не только стили WordArt, но и повернуть его, наклонить или положить:
Сделать всё это можно, воспользовавшись опцией «Эффекты фигур»:

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

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

Источник: http://pmweb.ru/kak-v-word-napisat-tekst-po-konturu-kruga-i-drugim-konturam

Текст по кругу в Фотошопе: как написать двумя способами

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник: https://MyPhotoshop.ru/tekst-po-krugu/

Как создать текст по контуру в Illustrator

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

Выполните одно из следующих действий:
- Чтобы создать горизонтальный текст по контуру, выберите инструмент «Текст» или «Текст по контуру» .
- Чтобы создать вертикальный текст по контуру, выберите инструмент «Вертикальный текст» или «Вертикальный текст по контуру» .
(Необязательно) Задайте параметры форматирования текста на панели «Управление», палитре «Символ» или «Абзац».
Установите курсор на контуре и щелкните кнопкой мыши (наличие у контура атрибутов обводки или заливки значения не имеет, так как Illustrator их автоматически удаляет).
Примечание.
Если контур закрыт, необходимо использовать инструмент «Текст по контуру».
Закончив ввод текста, выделите текстовый объект с помощью инструмента «Выделение» . Или щелкните текст с нажатой клавишей «Ctrl» (в Windows) или «Command» (в Mac OS).

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

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

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

Видеоролик с инструкциями по созданию текста по контуру см. в разделе Размещение текста в контуре.

Выделите объект текста по контуру.
Появятся скобки – в начале текста, в конце контура и в середине между начальной и конечной скобкой.
Поместите курсор над центральной скобкой текста так, чтобы рядом с курсором появился маленький значок .
Выполните одно из следующих действий:
- Чтобы переместить текст по контуру, перетащите центральную скобку вдоль контура. Чтобы текст не отображался зеркально на другой стороне контура, нажмите и держите клавишу «Ctrl» (в Windows) или «Command» (в Mac OS).
Перемещение текста вдоль контура
- Чтобы зеркально отобразить текст вдоль контура, перетащите скобку поперек контура. Или выберите команду «Текст» > «Текст по контуру» > «Параметры текста по контуру», затем «Зеркальное отражение» и нажмите кнопку «ОК».
Зеркальное отображение текста по контуру
Примечание.
Совет. Чтобы переместить текст через контур без изменения направления текста, воспользуйтесь параметром «Смещение базовой линии» на панели «Символ». Например, если имеется текст, который идет слева направо по внешней стороне окружности, то можно ввести отрицательное значение для параметра «Смещение базовой линии», чтобы текст сместился внутрь окружности.
Видеоролик с инструкциями по созданию текста по контуру см. в разделе Размещение текста по контуру.

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

Выделите объект текста по контуру.
Выполните одно из следующих действий:
- Выберите команду «Текст» > «Текст по контуру» и во вложенном меню выберите эффект.
- Выберите команду «Текст» > «Текст по контуру» > «Параметры текста по контуру». Затем выберите в меню «Эффект» нужный параметр и нажмите кнопку «ОК».
  Примечание. Применение эффекта «Гравитация» к тексту на идеально круглом контуре приводит к тому же результату, что и эффект «Радуга» по умолчанию. Эффект функционирует ожидаемым образом на контурах, имеющих овальную, квадратную, прямоугольную или неправильную форму.
Эффекты текста по контуру

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

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

Выделите текстовый объект.
Выберите команду «Текст» > «Текст по контуру» > «Параметры текста по контуру».
Для параметра «Интервал» задайте значение в пунктах. Чем больше это значение, тем меньше расстояние между символами на резких поворотах и острых углах контура. Текст без регулировки интервалов (слева) и текст с регулировкой интервалов (справа)
Примечание.
Значение «Интервал» не влияет на символы, расположенные на прямых сегментах контура. Чтобы изменить межсимвольный интервал на каком-либо участке контура, выберите символы и примените кернинг или трекинг.

Источник: https://helpx.adobe.com/ru/illustrator/using/creating-type-path.html

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

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

Результат

Автор урока DENNY TANG
Перевод — Дежурка
Смотрите также:

Источник: http://www.dejurka.ru/tutorial/curved-text-photoshop/

Работа с Текстом по Контуру в Illustrator

What You’ll Be Creating

В этом коротком уроке, вы научитесь как использовать инструмент Текст по Контуру (Type on Path) в Adobe Illustrator. Это очень удобный инструмент при работе с логотипами и беджами. Так что давайте приступим!

Текст По Окружности

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

После того, как вы создадите контур, щелкните на нем используя либо инструмент Текст (Type Tool) либо Текст по Контуру (Type On A Path Tool). Если вы работаете с замкнутым контуром, таким как окружность, то ваш вариант только Текст по Контуру. Щелкните по контуру и появится мигающий курсор. Напишите ваш текст.

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

Первое, что я люблю делать – это дать тексту побольше пространства. Щелкните по тексту используя инструмент Выделение (Selection Tool). Это позволит вам увидеть слева, в центре и справа скобки выравнивания. Снова используя инструмент Выделение, перетащите левую скобку дальше влево по контуру и правую скобку в право. Теперь весь контур в вашем распоряжении.

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

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

Хотите что бы текст выравнивался по центру? По правой стороне? По левой? Просто выделите текст и форматируйте его так же, как вы бы форматировали любой другой, используя панель Управления (Control panel), панель Абзац (Paragraph) или панель Символ (Character). Или, как вариант, возьмите выравнивающую скобку и потяните за нее, пока текст не окажется там, где вам нужно. Вы можете также добавить пробелы и подрегулировать кернинг.

Опции Текста по Контуру

Вы можете применить ряд эффектов к тексту размещенному по контуру. Что бы применить их, выберите контур и зайдите во вкладку Текст > Текст по Контуру > Опции Текста по Контуру (Type > Type On A Path > Type On A Path Options). Ниже приведены примеры, как каждая опция может влиять на текст.

Вертикальный Текст

Идем дальше, я показал вам только как использовать горизонтальный текст. Вы можете создавать также вертикальный текст по контуру. Выберите либо Вертикальный текст (Vertical Type Tool), либо Вертикальный Текст по Контуру (Vertical Type On A Path Tool). Затем щелкните по вашему контуру и начинайте печатать.

Регулировка Вертикального Выравнивания Текста по Контуру

Вам не нравится, когда ваш текст находится на контуре? Нет проблем! Выберите контур.

Затем, выберите Текст > Текст по Контуру > Опции Текста по Контуру (Type > Type On A Path > Type On A Path Options).

В меню Выровнять по Контуру выберите одну из опций: Верхний Выносной элемент (Ascender), Нижний Выносной элемент (Descender), По Центру (Center) или Базовая линия (Baseline) (опция по умолчанию).

Регулирование Межсимвольного Интервала Возле Перегиба Кривой

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

Выберите контур. Затем выберите Текст > Текст по Контуру > Опции Текста по Контуру (Type > Type On A Path > Type On A Path Options). Выберите значение из предложенных величин.

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

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

Отражение Текста

Что если вы не хотите, что бы ваш текст шел поверху вашего контура? Тогда отразите его!. Нужно просто взять выравнивающую скобку и потянуть ее на противоположную сторону контура. Вы можете также отразить текст если зайдете в Текст > Текст по Контуру > Опции Текста по Контуру (Type > Type On A Path > Type On A Path Options) и выберите Зеркальное Отражение (Flip).

Иногда текст отражается, тогда когда вы этого совсем не хотите, что может немного раздражать. Чтобы избежать случайного отражения текста, удерживайте клавишу Control (для Windows) или Command (для Mac OS), когда вы его перемещаете.

Заключение

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

Источник: https://design.tutsplus.com/ru/tutorials/working-with-type-on-a-path-in-illustrator–cms-20711

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

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

Шаг 1. Выберите инструмент Ellipse Tool

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

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

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

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

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

Шаг 1. Сделайте круг, введите текст

Возьмите инструмент «Фигуры», убедитесь, что он установлен на «Контуры», а не «Фигуры», и нарисуйте круг. Затем щелкните инструмент «Текст» на краю круга и введите текст.

Шаг 2: Увеличьте до размера

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

Шаг 3: лучший подход

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

Больше после прыжка! Продолжайте читать ниже ↓
Пользователи Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Шаг 4. Дублируйте текстовый кружок

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

Шаг 5. Отразите текст

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

Шаг 6: Смещение базовой линии

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

Шаг 7: Еще один фрагмент текста в круге

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

Шаг 8: Другой подход

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

Шаг 9: Деформируйте текст

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

Шаг 10: Масштабирование до

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

Шаг 11: Сделайте его уже

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

Шаг 12: Дублируйте и переверните основу

Дублируйте текст и установите величину сгиба на -100, чтобы он сгибался в противоположном направлении. Здесь я добавил черный фон, чтобы текст выделялся.

Шаг 13: Создание тени, часть первая

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

Шаг 14: Создание тени, часть вторая

Добавьте внутреннюю тень, оставаясь на панели стилей слоя. Установите значения Choke и Size так, чтобы они выглядели правильно.

Шаг 15: Результат тени

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

Шаг 16: Завершение

Дублируйте слой Shadow Shape и отмасштабируйте его так, чтобы он также соответствовал внешнему кругу текста. Добавьте любые украшения, которые вам нравятся: я добавил логотип f посередине и светящийся протектор шины снаружи.

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

(увеличить)	В разделе «Рабочая область» щелкните «Пути».
(увеличить)	По слоям и каналам теперь у вас должна быть вкладка для путей.
(увеличить)	Выберите инструмент выделения, чтобы создать форму.
(увеличить)	Создайте форму в пространстве документа.
(увеличить)	Щелкните область правой кнопкой мыши и в меню выберите «Создать рабочий путь …».
(увеличить)	Укажите допуск и нажмите «ОК».
(увеличить)	Рабочий путь должен быть определен.
(увеличить)	В меню слева выберите инструмент для текста «T» и параметр «Инструмент для горизонтального текста».
(увеличить)	Наведите указатель мыши на край созданного рабочего контура, пока курсор не изменится на текстовый курсор с волнистой линией.
(увеличить)	После щелчка по нему должен быть создан новый слой с заголовком, подобным «Layer 1 Type Path».
(увеличить)	Вы должны иметь возможность вводить текст, и этот текст должен следовать по пути (в данном случае по кругу).
(увеличить)	На этом этапе вы можете удалить путь, но сохранить текст. Начните с выбора «Path Selection Tool» в левом меню.
(увеличить)	После того, как вы выбрали путь, вы можете удалить его или вы можете удалить путь из слоя контуров.
(увеличить)	На этом этапе у вас должен быть только текст в документе без пути. Вы можете продолжить изменять свойства текста на этом этапе без пути.

Как заставить текст следовать линии или окружности в Photoshop

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

Для начала мы нарисуем волнистую линию, а затем сделаем такую форму сумки. Итак, эта техника называется Type on a Path, поэтому нам нужен путь для начала.Есть несколько способов сделать это, мы воспользуемся Pen Tool. Если вы щелкните и удерживайте инструмент «Перо» некоторое время, удерживайте, удерживайте, удерживайте. Мы собираемся использовать инструмент Freeform Pen Tool. Если вы мастер-джедай, владеющий инструментом «Перо» или «Перо кривизны», вы можете пойти и использовать их, но если вы простой смертный, возьмите «Свободную форму», это так, как кажется, вы можете просто рисовать.

Чтобы сделать ваши рисунки немного красивее, есть хитрый трюк, видите здесь этот маленький винтик? Щелкните по нему. Что вы можете сделать, так это там, где написано Curve Fit, вы можете немного поднять его, чтобы сказать что-то вроде — оно увеличивается до 10, но 10, вероятно, слишком много, поднимитесь до чего-то вроде 5.Что он позволяет вам делать, так это то, что когда вы рисуете — я собираюсь нарисовать там небольшую изгибающуюся линию — это просто делает ваши линии немного более гладкими. Уменьшите его до 0, и он будет идеально следовать за курсором мыши. Вам решать, что вы хотите делать. Вот в основном это.

Пути странные, они не отображаются на панели слоев. Они появляются на этой панели контуров, на которую мы особо не будем смотреть. Все, что нам нужно сделать, это перейти в «Слои», взять «Инструмент текста». Вам не нужно ничего менять.Вы просто берете обычный старый инструмент Type Tool и смотрите здесь на мой курсор. Он будет увеличиваться. Вы можете видеть, что у моего курсора есть рамка вокруг него, посмотрите, когда он изменится. Видишь? Линия, проходящая через него, означает, что он как бы следует по этому пути. Так что будьте осторожны, когда вы нажимаете на эту строку, потому что именно там будет начинаться текст.

Итак, я собираюсь щелкнуть один раз, как бы в этом направлении, и вуаля. Я начинаю печатать. Так что он будет следовать за линией. Если вы обнаружите, что ваш не работает, это, вероятно, потому что … Я собираюсь отменить, я собираюсь вернуться к началу здесь.Говорят, не работает, я собираюсь нажать «Esc» на клавиатуре, это кнопка «Я не это имел в виду». Убирайся отсюда. Прежде чем пойти и щелкнуть здесь, нужно выбрать размер шрифта. Так что вы можете сделать это наверху здесь. Если размер шрифта у вас действительно большой, он просто не подходит для этой строки. Такое ощущение, что он не работает, просто у вас огромный шрифт. Так что выберите что-нибудь действительно маленькое, начните с 5 баллов или что-то в этом роде. Получил 10пт, работает нормально. Щелкните один раз и начните вводить здесь.Вы заметите, что я ужасно пишу, много удаляю.

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

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

Так что я переверну это еще раз. Итак, кресты, извините, тот крест в начале, и это я оставляю здесь, потому что … Я собираюсь показать вам, это немного сложно.Итак, крест — это начало, этот парень может быть небольшой проблемой, он конец линии. Не там, а там, где эта точка, потому что может случиться вот что. Мы тоже этого не делаем, переверните, там маленькая точка. Если я перетащу его сюда, видите ли, это слово исчезает, просто не хватает места для того, чтобы это слово появилось с этой точкой так далеко вверх, поэтому вы можете перетащить его обратно вниз. Будьте осторожны, не перетащите его на другую сторону.

Чтобы переместить все это, просто вернитесь к инструменту «Перемещение», вы можете щелкнуть и перетащить его.Чтобы снова начать редактирование, убедитесь, что у вас выделена эта строка, и вам нужно захватить инструмент «Текст», чтобы настроить текст, или этот инструмент выбора пути. Мы собираемся начать работу над этим кругом, потому что мы хотим сделать это, где он идет вверх и вниз. Так что нет ничего похожего на волшебный способ сделать это. Это в основном то, что мы сделали здесь, но с использованием круга. Так что я пойду сюда. Я собираюсь взять здесь свои инструменты. Мои инструменты формы, мы уже рассматривали их ранее. Я собираюсь использовать Ellipse, но в этом случае я собираюсь использовать вместо формы, которая рисует мои фигуры, как раньше, я собираюсь переключить ее на Path.Однако важно помнить, что позже в этом курсе он запоминает Пути.

Когда я рисую, они появляются не как слои, а здесь, это немного странно. Итак, позже в этом курсе, когда вы пытаетесь нарисовать круг, а он не появляется, вы, конечно, можете написать мне по электронной почте, но это, вероятно, потому, что вы не переключили его обратно на форму. Просто покажите вам это, переключите его обратно на Shape, когда вы закончите, это вызовет меньше проблем, но я хочу, чтобы в данном случае это был путь.И я собираюсь нарисовать круг, удерживая Shift. Собираюсь нарисовать его примерно нужного размера. Я собираюсь взять свой … Я собираюсь перемещать его, используя этот инструмент, Инструмент выбора пути. Я собираюсь его схватить, так что оно вроде есть. Я собираюсь преобразовать его, используя свой «Control T», и я собираюсь получить его, чтобы он как бы сидел здесь внутри.

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

Теперь то, что мы можем сделать, это поиграть с, я полагаю, выравниванием по центру, выравниванием по правому краю, чтобы попытаться получить его, или мне нравится просто повернуть его. Итак, что я собираюсь сделать, это нажать на свой «Инструмент перемещения», потому что я наполовину набрал текст, поэтому некоторые из моих горячих клавиш не работают.Если я попробую набрать «Command T» сейчас, это не сработает, потому что я наполовину набрал. Итак, что я собираюсь сделать, так это вернуться к моему инструменту «Перемещение». Я собираюсь «Edit», «Transform», и я собираюсь использовать «Rotate».

Теперь я надеюсь, что вы согласны на небольшой ярлык, который я использую «Command T». Мы использовали это несколько раз в курсе для изменения размера, верно? Мы удерживаем Shift, и удерживаем Option на Mac, или Alt на ПК, так что мы с Shift Option можем уменьшать и уменьшать эту штуку. Это вроде как половина того, что я хочу, но я тоже хочу повернуть это.Самое классное в использовании этого ярлыка, который называется «Command T» на Mac, «Control T» на ПК, заключается в том, что посмотрите на это, если я хватаю угол, он масштабируется, но если я завис здесь, я ничего не делаю, просто перемещаю сюда мышку. Вы видите, это превращается в маленькую стрелку вращения. Итак, теперь я могу щелкнуть, удерживать и перетащить его. Просто поверните его, переместите сюда. Вроде доставить туда, где мне нужно. «Enter» на моей клавиатуре, чтобы подтвердить это. Я выберу шрифт, я буду использовать белый цвет.Размер шрифта, он будет намного меньше, 6pt. Он снова движется по линии, поэтому мне придется снова его повернуть. «Command T» и просто перетащите его, «Scott Shoes». Немного увеличьте масштаб.

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

Теперь вы предполагаете, что можете печатать внизу того же круга, что невозможно. Что вам нужно сделать, это просто иметь второй эллипс, убедиться, что он установлен на «Путь», и нарисовать еще один эллипс. Не беспокойтесь о размере, потому что вам придется изменить его размер, чтобы он соответствовал кругу и выбранному шрифту. Чтобы переместить его, вернитесь к инструменту «Прямое выделение» и установите его примерно в правильное положение.Возьмите инструмент «Тип», щелкните здесь один раз, и я скажу «Установлено», мы его полностью упустили; Клавиша «Esc». Я собираюсь перейти в «Редактировать», «Сделать шаг назад». Помните, вам нужно искать идеальный значок. Я получил его сейчас в нужном месте. ‘Стандартное восточное время. 2019 ». Итак, он делает то, что делал верхний, то есть снаружи.

Теперь вспомните, когда мы делали это, и мы случайно перевернули это, мы хотим сделать это специально сейчас, поэтому возьмите «Инструмент прямого выбора». Что мы сделаем, так это щелкнем, удерживаем и перетащим его, и вы захотите перетащить его на другую сторону.Я знаю, что это немного неудобно, просто нажмите, удерживайте, перетащите его, пока он не перевернется на другую сторону. Теперь я собираюсь использовать свой — вернуться к моему «Инструмент перемещения» с помощью «Command T» или «Control T» на ПК. Поверните его, чтобы он оказался там, где я хочу. Включаю мою клавиатуру, все в порядке. Теперь, если вы думаете: «Это было больно, Дэн», в Photoshop это как-то больно. Он отлично справляется, Illustrator делает это лучше, как и InDesign. Они делают что-то вроде Type on a Path намного лучше, есть немного более сложные инструменты, но Photoshop делает это нормально.

Можете уходить, я пойду поиграю со своими шрифтами. Я возьму свой «Инструмент ввода текста» и скажу, что вы облегченная версия. Я хочу, чтобы все было Lite. Я тоже собираюсь поиграть с отслеживанием. Нажмите «Esc», я собираюсь отменить. А вот и ваша лайт-версия. Я хочу, чтобы ты был версией супергероя. Вы видите, это как бы корректирует линии, есть много поворотов, чтобы все выглядело красиво. То же самое с «Estd», я собираюсь уменьшить размер шрифта до меньшего.То же самое и здесь. Я сделаю тебя большим и тяжелым. И я заставлю тебя …

Если вам трудно выбрать, мне тоже. Вернемся к моему инструменту «Перемещение», немного трансформируем его. На самом деле то, что я мог бы сделать, прежде чем повернуть его, с выбранным слоем, вот этот, мы еще не рассматривали — это называется трекингом или кернингом. Это пространство между буквами, я собираюсь перетащить его вверх или вниз. Итак, я собираюсь сказать, я хочу, чтобы их было около 50. Поскольку он находится внутри круга, они как бы начинают соприкасаться.

Что касается Scott Shoes, я хочу, чтобы он, возможно, немного подоткнул, потому что он расширился, так что, возможно, «-50». Теперь нужно много поворачивать и изменять размер. Итак, мы почти подошли к концу, или мы подошли к концу. Что я собираюсь сделать, так это добавить здесь такую букву S посередине и задать вам небольшой проект. Итак, я назвал свой Scott Shoes, вы даете свое собственное имя, выбирайте свои собственные шрифты. Посмотрите, удастся ли вам заставить этот шрифт изгибаться, чтобы он выглядел лучше, чем моя версия. И мы собираемся выбрать что-то вроде такого — мы выбираем тип логотипа, и я собираюсь обмануть, перейдя в «Инструмент текста», щелкнув здесь один раз.Я собираюсь набрать заглавную S, я собираюсь просмотреть свои шрифты. Я уже свои шрифты перебрал. Лежа, я хочу …

Значит, это не логотип, который я придумал, я обманул. Просто использовал шрифт. Как это называется? Это называется Бродяга? Хобус? Точно сказать не могу. Я собираюсь взять свой размер шрифта и просто сделать его красивым и большим. У вас, вероятно, нет этого шрифта, поэтому найдите шрифт, который вам нравится. Используйте красивый крупный логотип. Я хочу посмотреть, что ты делаешь. Так что у вас может быть очень длинное имя, дать ему свое имя, выбрать несколько шрифтов, кружков, цветов.Мне бы хотелось увидеть скриншот того, что вы делаете для своего бренда. Даже не обязательно быть туфлями, просто будь твоим именем. Просто хотел, чтобы вы мне доказали, что можете печатать по пути.

Когда вы публикуете это, скажите мне из 10, насколько это было болезненно. Я до сих пор считаю это болезненным, и я неплохо с этим справляюсь. Вы можете найти это еще более болезненным, поэтому из 10—10 умопомрачительно болезненных, а 1 — супер-супер-легким. Я не знаю, о чем ты, Дэн. Так что отправьте его мне в соцсети, Instagram, я принесу вам свой ноутбук.В Твиттере я danlovesadobe,
или просто разместите его здесь, на этой странице. Спасибо за настройку, один из самых длинных. Увидимся в следующем видео.

Как печатать по контуру в Illustrator

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

В инструкциях в этой статье используется Illustrator CC 2017, но они применимы к любой современной версии (включая Illustrator CC 2020), поскольку это давно внедренная функция.

Как печатать по контуру в Illustrator

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

Хотя базовая линия может отличаться от гарнитуры к гарнитуре, она одинакова внутри гарнитуры. Закругленные буквы, такие как «е», могут выходить немного ниже базовой линии. Единственный символ в алфавите, который находится прямо на базовой линии, — это «x».

Нажмите и удерживайте клавишу Shift и нарисуйте круг с помощью инструмента Ellipse . Неважно, какого цвета обводка или заливка, потому что они оба исчезают, когда вы щелкаете текстовым инструментом.
Чтобы нарисовать идеальный круг наружу от центра, нажмите Option + Shift на Mac или Alt + Shift в Windows.
Выберите раскрывающееся меню инструмента Text и выберите Type on a Path Tool .
Откройте панель Type и выберите Paragraph ( Window > Type > Paragraph ). Либо нажмите кнопку Align Center в параметрах панели.На этом шаге выравнивание устанавливается по центру.
Щелкните верхний центр круга. Появится мигающий курсор ввода. Когда вы вводите текст, он выравнивается по центру при вводе.
Открыв панель Type , щелкните вкладку Character . Выберите шрифт и размер, затем введите текст в верхней части круга. Текст проходит по верхней части круга. Обводка фигуры используется в качестве базовой линии для текста.
Переключитесь на инструмент Direct Selection , щелкните один раз по кругу, затем скопируйте его в буфер обмена.
Чтобы вставить объект перед текущим, выберите Правка > Вставить на передний план . Он будет выглядеть так же (за исключением того, что текст будет тяжелее, потому что новый вставлен поверх оригинала).
Чтобы упростить задачу, откройте панель Layers и переименуйте один из слоев, чтобы указать, что это передняя копия.
Прежде чем перевернуть текст, откройте панель Layers и отключите видимость нижнего слоя.Переключитесь на Type Tool , выделите текст и введите новый текст.
Выберите Type > Type on a Path > Type on a Path Options , чтобы открыть диалоговое окно Path Options. Выберите Rainbow для Effect , а для Align to Path выберите Ascender . Восходящий элемент является самой верхней частью надписи и помещает текст за пределы круга.
Установите флажок Flip , затем установите флажок Preview , чтобы увидеть, как он будет выглядеть.Здесь также можно отрегулировать интервал. Щелкните ОК .
Параметр «Радуга» не искажает текст.
Щелкните за пределами текста, чтобы отменить его выбор, и выберите Selection Tool на панели инструментов. Вы увидите ручку вверху фигуры и две ручки внизу.
Верхний маркер перемещает текст по контуру при его перетаскивании, но, в зависимости от того, как вы перетаскиваете маркер, текст может перемещаться внутри круга. Если вы наведете курсор на этот маркер, он переключится на курсор поворота.Две ручки внизу — это те, которые вам следует использовать. Эти ручки поворачивают объект вместо перемещения текста. Когда закончите, включите видимость скрытого слоя.
Перетащите соответствующий символ из палитры Symbols и перетащите, чтобы изменить его размер, чтобы он соответствовал кругу, и все готово.

Спасибо, что сообщили нам!

Расскажите, почему!

Другой Недостаточно подробностей Сложно понять

Как нарисовать текст по контуру или форме в Photoshop

Бесплатные уроки Photoshop — научитесь работать с шрифтом

Добавление текста по контуру — важная техника для дизайнеров.Если вы хотите иметь возможность рисовать фигуру и перемещать текст по ней или даже внутри нее, вы можете сделать это с помощью инструментов Photoshop Pen Tools и Shape Tools в сочетании с инструментом Type Tool. Я покажу вам, как это сделать.

Загрузить бесплатную 7-дневную пробную версию Photoshop

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

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

1. Создайте новый документ Photoshop. Я сделал свое изображение размером 1000 x 1000 пикселей с разрешением 72 пикселей на дюйм.

2. Выберите инструмент «Перо» на панели инструментов или нажмите P в качестве сочетания клавиш.

3. На панели параметров вверху экрана вы можете выбрать Shape или Path из первого раскрывающегося списка. Если вы выбрали Shape , выберите любой цвет для Stroke, НО убедитесь, что для цвета Fill установлено значение none .В противном случае Photoshop начнет раскрашивать вашу кривую по мере ее рисования, и это может быть немного запутанным, и вам будет сложно понять, что вы делаете. Если вы выберете «Путь», цвета не будут задействованы, и вы просто нарисуете путь.

4. Нарисуйте простой изогнутый контур с помощью Pen Tool.

5. Выберите инструмент «Текст» на панели «Инструменты» или нажмите T на клавиатуре в качестве ярлыка.

6. На панели Options (ниже) выберите такие параметры, как шрифт и выравнивание, прежде чем вводить текст.Вы всегда можете изменить настройки параметров после того, как наберете текст. Когда вы пишете текст на белом фоне, обязательно измените цвет шрифта на какой-нибудь другой, кроме белого, иначе вы не сможете его увидеть.

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

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

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

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

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

Редактирование текста по контуру аналогично редактированию «обычного» текста в Photoshop.Чтобы изменить начертание шрифта, размер шрифта или цвет шрифта существующего текста, сначала используйте инструмент «Текст», чтобы выделить текст, щелкнув и перетащив его, чтобы выделить фрагмент текста, а затем измените настройки.

Изменить положение текста на пути

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

1. Убедитесь, что ваш текстовый слой выбран, затем выберите инструмент «Выделение контура».Это Черная стрела.

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

3. Перетащите текст по контуру. Будет почти ощущение, что вы его толкаете. Вы увидите, как текст движется по нарисованным вами кривым.

Как добавить текст вокруг формы в Photoshop

Опять же, это еще одна техника, часто используемая дизайнерами, особенно при разработке логотипов.Давайте посмотрим, как добавить текст вокруг фигуры. В этом случае я добавляю текст за пределами круга, но вы можете сделать это с ЛЮБОЙ векторной формой.

1. Создайте новый документ в Photoshop. Я сделал свой 1000 x 1000 пикселей при 72ppi.

2. Выберите инструмент «Форма эллипса».

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

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

4. Выберите инструмент «Текст» на панели «Инструменты» или нажмите T на клавиатуре в качестве ярлыка. Как и раньше, выберите настройки текста.

5. Наведите курсор инструмента «Текст» на круг и обратите внимание, как он изменится, обозначив «Текст на контуре». Начни печатать.

6. Как мы видели ранее с текстом на контуре, вы можете выбрать инструмент выделения контура и перемещать текст по контуру.

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

Мы видели, как добавить текст за пределами контура. Но как разместить текст внутри фигуры? Вот как это сделать:

1. Начните с текста на контуре, как указано выше, и переместите текст в нужное место.

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

3. На панели символов перейдите в поле Baseline Shift и введите отрицательное число.В моем случае я обнаружил, что -35 перемещает текст вниз и поперек пути в нужное положение. Уменьшайте смещение базовой линии до тех пор, пока вы не будете довольны выравниванием текста с внутренней частью формы.

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

5. Снимите выделение с текста.Если вы все еще можете видеть форму эллипса, перейдите на панель «Слои» и отключите видимость на слое формы эллипса. Теперь ваш текст должен выглядеть примерно так:

Переместить текст внутрь нижней части круга

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

1. Создайте векторную форму круга, как раньше, и добавьте текст снаружи.

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

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

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

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

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

Загрузить бесплатную 7-дневную пробную версию Photoshop

Надеюсь, вы нашли эту статью о создании текста на контуре в Photoshop полезной.

Буду очень признателен, если поделитесь. Спасибо! 000

Здравствуйте! Я Дженнифер Фарли.
Я являюсь тренером Adobe Education и обучаю и помогаю людям изучать Photoshop, Illustrator и InDesign более 15 лет, а Lightroom — более 10 лет.

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

Другие уроки в Руководстве по типам Photoshop:

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

Присоединяйтесь к более чем 1500 новичкам и специалистам по Photoshop, которые подписались на информационный бюллетень Photoshop Bootcamp. Получайте советы и руководства по Photoshop прямо на свой почтовый ящик.

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

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

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

Три способа искривления текста в Photoshop — Medialoot

Текстовые эффекты Photoshop

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

Метод 1

Шаг 1

Откройте Photoshop и выберите «Файл»> «Создать». Задайте имя документа как «Метод 1», ширину 800 пикселей, высоту 500 пикселей и выберите «Белый» для содержимого фона. Щелкните ОК.

Шаг 2

Выберите инструмент «Текст» (T) и введите текст.

Шаг 3

Выделив текстовый слой и активен инструмент «Текст» (T), щелкните значок «Создать деформированный текст» на панели инструментов.

Шаг 4

В окне «Деформация текста» выберите стиль «Дуга», установите флажок «По горизонтали» и установите для параметра «Изгиб» значение + 20%. Щелкните ОК.

Метод 2

Шаг 1

Откройте Photoshop и выберите «Файл»> «Создать». Задайте имя документа как «Метод 2», ширину 800 пикселей, высоту 500 пикселей и выберите «Белый» для содержимого фона. Щелкните ОК.

Шаг 2

Выберите инструмент «Эллипс» (U).Убедитесь, что на панели инструментов выбран режим «Форма», и нарисуйте эллипс 710 x 270 пикселей.

Шаг 3

Выберите инструмент «Текст» (T) и щелкните край эллипса, когда вы увидите, что курсор текста изменился на курсор «Текст на контуре».

Шаг 4

Введите текст.

Шаг 5

Когда закончите, просто скройте слой эллипса, щелкнув значок глаза рядом с именем слоя.

Метод 3

Шаг 1

Откройте Photoshop и выберите «Файл»> «Создать». Задайте имя документа как «Метод 3», ширину 800 пикселей, высоту 500 пикселей и выберите «Белый» для содержимого фона. Щелкните ОК.

Шаг 2

Выберите инструмент «Текст» (T) и введите текст.

Шаг 3

Выделив текстовый слой, выберите «Слой»> «Смарт-объекты»> «Преобразовать в смарт-объект».

Шаг 4

Перейдите в Edit> Transform> Warp.

Шаг 5

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