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

Содержание

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

Автор Admin На чтение 3 мин. Просмотров 135 Опубликовано Обновлено

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

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

Для удобства закрашиваем выделенный фрагмент. Для этого внутри круга кликаем правой кнопкой мышки и выбираем пункт «выполнить заливку» (Shift +F5). Выбираем цвет заливки, а после – убираем выделение.

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

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

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

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

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

Жмем ЛКМ на этот значок и вписываем наш текст.

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

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

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

На этом мы заканчиваем нашу статью, всем удачи и до новых встреч.

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

Текст в фотошоп. Надпись по кругу.


Привет читателям сайта "Фотошоп и я".

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

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

Приступим.

1. Создаем новый документ (у меня 500 на 500 пикселов)

2. Активируем инструмент "Эллипс"

3. Выбираем настройки "Контуры" на верхней панели.

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

5. С помощью инструмента "стрелка" перемещаем наш круг в центр или в то место, где будет надпись.

6. Обращаем внимание, что стрелка черная. Если нажать клавишу CTRL, то стрелка поменяется на белую и тогда контур можно будет редактировать- изменять форму, как при работе с инструментом

7.На скрине видно, как меняется цвет стрелки.

8. Теперь включаем текст, наводим курсор на окружность и он меняет вид- становится косой чертой.

9. Кликаем в нужном месте и пишем текст.

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

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

Жмем CTRL + T.

— кликаем ПКМ (правой кнопкой мышки) на круге

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

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

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

На сегодня все.

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

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

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

Урок «Фотошопа «: текст по кругу

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

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

Текст внутри круга в «Фотошоп»

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

Теперь перейдите в панель «Контуры». Если она у вас не открыта, то перейдите по пути «Просмотр >> Контуры». В нижней части этой панели присутствует кнопка «Сделать из выделенной области рабочий контур». Нажмите её.

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

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


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

Надпись по кругу в «Фотошоп»

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

Писать по кругу в «Фотошоп»

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

Создайте новый файл с одинаковой шириной и высотой. В центре документа пропишите текст. В панели «Символ» увеличьте масштаб по вертикали до 200%. У вас получится вытянутая в высоту надпись. Затем проследуйте по пути «Фильтр >> Искажение >> Полярные координаты». Отметьте пункт «Прямоугольные в полярные» и нажмите кнопку «OK». Текст сразу напишется по кругу. Недостаток данного способа — вам придется растрировать текст, из-за чего его дальнейшее редактирование окажется невозможным.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подготовка основы для надписи по кругу

Шаг 1

Создайте новое изображение размером 640×400 пикселей через меню Файл – Создать. На холсте данного размера мы освоим создание круговой надписи, как показано на изображении ниже.

Шаг 2 – необязательный, но рекомендуемый

Добавьте две направляющих по центру, горизонтальную и вертикальную. [Рекомендуем для этого скачать и установить скрипт «Направляющие по центру».]

Шаг 3

Возьмите инструмент Эллиптическое выделение и в настройках поставьте галочки в чекбоксах Рисовать из центра и Фиксировать соотношение сторон.

Шаг 4

Растяните из центра холста круглое выделение размером 300×300 пикселей.

Шаг 5

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

Шаг 6

Через меню Выделение – Снять выделение отключите выделение на изображении. [Холст снова станет чистым, но при этом сохранит невидимый контур окружности.]

Располагаем текст по кругу сверху

Шаг 1

Выберите и настройте инструмент Текст, как показано на скриншоте:

  • Шрифт – Sans Bold;
  • Размер – 50 px.

Шаг 2

Напечатайте на холсте надпись Уроки GIMP в любом месте.

Шаг 3

Во вкладке Слои сделайте правый клик на текстовом слое и выберите Текст по контуру.

На холсте появится закруглённый текст в виде контура.

ВАЖНОЕ ОБНОВЛЕНИЕ

Если контурный текст закруглится по нижней дуге, вернитесь на 5-ый шаг из предыдущего раздела до снятия выделения (для этого воспользуйтесь вкладкой История).

Выберите инструмент Зеркало и настройте:

  • ПреобразованиеКонтур;
  • НаправлениеПо вертикали.

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

А во вкладке Контуры создастся новый слой с закруглённым текстом.

Шаг 4

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

Шаг 5

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

Шаг 6

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

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

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

Отображаем изогнутый текст по нижней дуге

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

Шаг 1

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

Нажмите ОК, выбрав прозрачный Тип заливки слоя.

Шаг 2

Снова возьмите инструмент Текст и, уменьшив размер шрифта до 36 px, напечатайте на холсте фразу – для начинающих и профи. [Она логически продолжит верхнее предложение, образовав впоследствии общее название нашего сайта – Уроки GIMP для начинающих и профи.]

Шаг 3

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

Шаг 4

Возьмите инструмент Зеркало и в параметрах укажите:

  • Смещение – Контуры;
  • Тип отображения – Вертикальное.

Шаг 5 — важный

Сделайте один клик по рабочему полю.

Шаг 6

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

Шаг 7

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

Шаг 8

С помощью инструмента Вращение установите контурный текст по нижней части окружности.

Шаг 9 – не пропустите

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

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

Окрашиваем текст в желаемый цвет

Готовый текст можно залить любым цветом, текстурой или градиентом.

Шаг 1

Во вкладке Контуры переключитесь на слой с надписью Уроки GIMP. В нижней части диалогового окна нажмите на пиктограмму Контур в выделение.

Шаг 2

Выберите цвет заливки для верхнего закруглённого текста. Для этого кликните по пиктограмме Цвета переднего и заднего плана.

Установите в открывшейся палитре желаемый цвет, например, красный – ff0000. Нажмите ОК.

Шаг 3

Сделайте заливку выделения через меню Правка – Залить цветом переднего плана.

Шаг 4

В меню Выделение выберите команду Снять выделение.

Шаг 5

Во вкладке Контуры:

  1. Отключите видимость верхнего контура;
  2. Перейдите на слой с нижним текстом.

Шаг 6

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

Шаг 7

Выберите новый цвет, например, тёмно-синий — 0900c6.

Шаг 8

Через меню Правка – Залить цветом переднего плана, сделайте окрашивание текста, расположенного в нижней части круга.

Шаг 9

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

Шаг 10

Если вы использовали направляющие по центру, отключите их видимость через меню Изображение – Направляющие – Удалить направляющие.

Оцените готовый результат:

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

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

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

Оставить комментарий

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

Type > Text on Path (текст на линии)

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

  1. Нарисуйте фигуру или вектор на холсте, который планируете использовать для текста.
  2. Напечатайте какой-то текст и передвиньте его поближе к фигуре/вектору.
  3. Выделите текст и выберите пункт меню “Type > Text on Path”.

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

  • Отражайте линию/фигуру по горизонтали или по вертикали.
  • Попробуйте повернуть линию/фигуру
  • Подвигайте текст рядом. Иногда достаточно сдвига всего на несколько пикселей, чтобы все встало на свои места.
  • Если текст или его части куда-то пропали, увеличьте и уменьшите холст, это поможет вернуть все на место.
  • Если нужно оттянуть текст от линии, увеличьте междустрочный интервал (“Line Spacing”) в Инспекторе (работает только в бета-версии).
  • Вы можете использовать также межсимвольный интервал (“Character Spacing”) в Инспекторе, чтобы раздвинуть символы между собой.
  • Так как текстовый слой до сих пор ведет себя, будто бы текст напечатан по прямой, им довольно сложно орудовать на холсте, поэтому лучше управлять им из списка слоев.
  • Конечно не обязательно, чтобы сама кривая была видимой, так что можете скрыть ее в списке слоев (cmd + shift + h) или изменить непрозрачность заливки на 0 %.
  • Не забудьте конвертировать текст в контуры (“Type > Convert to Outlines”), если будете его экспортировать. Если при этом он вернется в свою исходную форму, можете сначала сгладить его направляющую линию (“Layer > Path > Flatten”).

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

Допустим, нам потребовалось написать текст вокруг какого-либо предмета на рисунке. В Фотошопе имеется масса способов и инструментов для выполнения этой задачи. В фотошопе текст можно написать по замкнутому и незамкнутому контуру. Имеется возможность задать начало и конец текста, высоту, направление, выравнивание, с помощью перемещения курсора мыши текст можно перевернуть. В данной статье рассмотрим написание текста с помощью инструмента “Перо” (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» нам сразу же станет всё понятно, — каким образом мы можем писать текст по кругу и другим контурам, а также придавать ему другие причудливые формы. Сделаем этот самый щелчок и посмотрим на функциональные возможности данного инструмента:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

  1. Выполните одно из следующих действий:
    • Чтобы создать горизонтальный текст по контуру, выберите инструмент «Текст»  или «Текст по контуру» .
    • Чтобы создать вертикальный текст по контуру, выберите инструмент «Вертикальный текст»  или «Вертикальный текст по контуру» .
  2. (Необязательно) Задайте параметры форматирования текста на панели «Управление», палитре «Символ» или «Абзац».
  3. Установите курсор на контуре и щелкните кнопкой мыши (наличие у контура атрибутов обводки или заливки значения не имеет, так как Illustrator их автоматически удаляет).

    Примечание.

    Если контур закрыт, необходимо использовать инструмент «Текст по контуру».

  4. Закончив ввод текста, выделите текстовый объект с помощью инструмента «Выделение» . Или щелкните текст с нажатой клавишей «Ctrl» (в Windows) или «Command» (в Mac OS).

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

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

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

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

  1. Выделите объект текста по контуру.

    Появятся скобки – в начале текста, в конце контура и в середине между начальной и конечной скобкой.

  2. Поместите курсор над центральной скобкой текста так, чтобы рядом с курсором появился маленький значок .
  3. Выполните одно из следующих действий:
    • Чтобы переместить текст по контуру, перетащите центральную скобку вдоль контура. Чтобы текст не отображался зеркально на другой стороне контура, нажмите и держите клавишу «Ctrl» (в Windows) или «Command» (в Mac OS).

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

    • Чтобы зеркально отобразить текст вдоль контура, перетащите скобку поперек контура. Или выберите команду «Текст» > «Текст по контуру» > «Параметры текста по контуру», затем «Зеркальное отражение» и нажмите кнопку «ОК».

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

    Примечание.

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

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

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

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

    Эффекты текста по контуру

  1. Выделите текстовый объект.
  2. Выберите команду «Текст» > «Текст по контуру» > «Параметры текста по контуру».
  3. В меню «Выровнять по контуру» выберите параметр, чтобы задать способ выравнивания всех символов на контуре относительно общей высоты шрифта.

    Выравнивание по верхнему краю шрифта.

    Выравнивание по нижнему краю шрифта.

    Выравнивание по середине между верхним и нижним выносным элементом шрифта.

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

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

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

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

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

    Примечание.

    Значение «Интервал» не влияет на символы, расположенные на прямых сегментах контура. Чтобы изменить межсимвольный интервал на каком-либо участке контура, выберите символы и примените кернинг или трекинг.

Источник: 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, чтобы применить трансформацию.

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

Дополнительные настройки

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

Для этого инструментом 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

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

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

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

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

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


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


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


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

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


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


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


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


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


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


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


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


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


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


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

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


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

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

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

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

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

Порядок действий

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

В фотошопе используем инструмент «эллипс», чтобы нарисовать фигуру.

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

Нажимаем левую кнопку мыши и набираем нужные слова.

Перемещаем надпись в нужное место.

Выбираем «выделение контура» и выполняем перемещение.

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

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

Покажу, что получится в итоге.

Саму окружность при необходимости можно скрыть или удалить.

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

Альтернатива

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

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

Как видите, текст также получился по кругу.

На выполнение действий, описанных в основном и альтернативном способе, у меня ушло не более 30 секунд. Это не удивительно, ведь всё относительно просто.

На этом небольшую публикацию буду завершать. Она пригодилась? Оставляйте ваши комментарии.

Не спешите закрывать сайт. Здесь много интересного - нормальные , секреты профессионального , бизнес-идеи и многое другое. Регулярно появляются новые материалы. Подписывайтесь. До скорых «встреч» на просторах блога Workip.

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

Инструкция

Чтобы написать текст по кругу в приложении Microsoft Office Word, воспользуйтесь объектами WordArt. Для этого откройте вкладку «Вставка» и найдите панель инструментов «Текст». Выберите подходящий стиль надписи из контекст ного меню, вызываемого кнопкой-миниатюрой WordArt. В открывшемся окне введите свой текст . Завершив ввод, нажмите кнопку ОК.

Надпись будет размещена в документе. Выделите ее, - станет доступно контекст ное меню «Работа с объектами WordArt». Убедитесь, что вы находитесь на вкладке «Формат» и найдите блок инструментов «Стили WordArt». Нажмите на кнопку-миниатюру «Изменить фигуру» и выберите в контекст ном меню группу «Траектория». Нажмите на значок в виде окружности с подписью «Кольцо». Ваша надпись будет размещена по кругу . По необходимости отредактируйте границы объекта.

Другой способ: откройте вкладку «Вставка» и выберите в блоке «Иллюстрации» инструмент «Фигуры». В контекст ном меню кликните по макету «Овал». Нажмите клавишу Shift и, удерживая ее нажатой, создайте окружность в рабочей области документа. На вкладке «Вставка» вновь выберите инструмент «Фигуры» и щелкните по пункту «Надпись». Задайте область для надписи и введите свой текст .

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

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

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

Источники:

  • как написать делаешь

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

Вам понадобится

  • - Adobe Photoshop или другая программа редактирования изображений с похожим функционалом.

Инструкция

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

Результат

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

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

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

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

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

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

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


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



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

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


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

Результат

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

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

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

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

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

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

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

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

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

The Result

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

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

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

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

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


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

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

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

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



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

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

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

Результат

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

Заключение

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

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

Выровняйте текст по контуру и внутри формы в уроке Photoshop

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

(Я даже подумал о том, чтобы сделать расширенное руководство премиум-класса по шрифту и типографике (диапазон 2-3 часа), если вам интересно, дайте мне знать в комментарии, иначе я не буду беспокоиться, если его недостаточно интерес)

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

Надеюсь, вам понравился этот урок

Колин

Как создавать фигуры с текстом - Печатать по контуру в Photoshop

Привет, Cafe Crew, это Колин Смит из PhotoshopCAFE, и вы можете найти меня в Twitter, Facebook и Instagram @ PhotoshopCAFE.Вы также можете посетить меня на PhotoshopCAFE.com.

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

Итак, первое, что я сделаю, это фотография. Я просто возьму Pen Tool здесь, а затем я просто собираюсь щелкнуть вверх, затем спуститься вниз, и давайте просто создадим здесь небольшую красивую кривую, которая будет довольно забавной.

Хорошо, следующее, что мы сделаем, это возьмем Type Tool, и вот как вы это делаете. Если вы посмотрите сюда, вы увидите, что здесь нет функции выравнивания для ввода или параметра «Тип по контуру».

Что вы делаете, вы перемещаете его, а затем замечаете, как вы видите эту маленькую шевелюру внизу инструмента «Текст»? Щелкните здесь, и теперь мы вводим «Type on a Path at Sunset», и на этом этапе все, что нам нужно сделать, это просто выбрать наш Type. Мы можем изменить его размер, вы знаете, мы можем изменить его цвет.Вы знаете, мы можем делать все такое.

Мы можем изменить стиль шрифта. А теперь позвольте мне использовать полужирный шрифт и ладно, чтобы у нас получился «Печатайте на пути на закате». Обратите внимание: если вы хотите переместить их, просто возьмите инструмент «Текст», как если бы мы хотели изменить интервал, нажмите клавишу Alt, а затем нажмите клавишу со стрелкой. Обратите внимание, что вы можете как бы подтолкнуть это и поиграть с этим.

И, возможно, я хочу сделать это немного ближе, чтобы клавиша со стрелкой влево приблизила его, удерживая Alt или Option, а вправо мы уберем это.Вот как это исправить. Выглядит хорошо. И, конечно же, мы можем добавить здесь Drop Shadows и тому подобное, так что давайте просто добавим Drop Shadow очень быстро.

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

Хорошо, мы получили это. Что еще мы можем сделать? Ладно, вот где мы действительно сделаем шаг вперед. Итак, мы можем перейти к этим формам, поэтому давайте возьмем форму, например, перейдем к инструменту Custom Shape Tool и просто для удовольствия возьмем что-то вроде сердечка любви. Хорошо, потому что мы все любим солнце.

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

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

Спуститесь, вставьте «Lorem Ipsum» и бум! Он поместит текст туда.Щелкните прочь, и вот мы. Мы смогли создать это любовное сердце. Теперь, конечно, если вы хотите, чтобы он немного выделялся, просто сделайте это. Измените шрифт, возможно, на обычный шрифт и, возможно, немного уменьшите размер.

И если нам нужно вставить еще что-то, мы всегда можем это сделать. Просто зайдите в Тип и снова вставьте «Lorem Ipsum». А если этого недостаточно, Ctrl Copy, выберите его там, и мы можем просто вставить его пару раз. Это был Ctrl C для копирования, Ctrl V для вставки.И выглядит почти хорошо.

Последнее, что я хочу сделать, это просто выделить и нажать Ctrl A, чтобы выделить все. Давайте изменим выравнивание на выравнивание по центру и стрелу; Теперь у нас есть любовное сердце, сделанное из Type.

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


Урок Photoshop: создание резинового штампа - Дизайн смеющегося льва

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

1. Начните с нового файла размером 500 x 500 пикселей с белым фоном.

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

Убедитесь, что на панели параметров инструмента в верхней части экрана выбран параметр «Пути».

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

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

5. Щелкните путь и добавьте текст. Я использовал шрифт Artistamp, который можно бесплатно загрузить с сайта Harolds Fonts (http://www.haroldsfonts.com/frontpage.html). Этот шрифт великолепен, потому что он уже выглядит довольно старым.

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

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

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

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

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

11. Щелкните по новому кругу, который вы только что создали (вероятно, под названием Путь 1).Затем выберите Ctrl + T (windows) или Cmd + T (mac), чтобы свободно преобразовать круговой путь.

12. Удерживая Shift И Alt (windows) или Shift И Option (mac), перетащите одну из угловых точек так, чтобы круговая траектория стала больше, чем внешняя часть текста. Удерживание Alt или Option гарантирует, что круг будет увеличиваться от центра. Нажмите Enter или Return, чтобы применить преобразование.

13. На панели инструментов выберите инструмент Кисть. Установите черный цвет переднего плана, а кончик кисти - Круглый и размером около 5 или 6 пикселей.

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

15. Повторите шаги 10–13, но на этот раз уменьшите второй круговой путь и используйте более тонкий мазок кисти (около 3 пикселей), чтобы он выглядел примерно так:

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

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

17. Выделив слой с домом, выберите «Изображение»> «Коррекция»> «Порог». Слой изменится на черно-белый, и перетаскивая ползунок, вы можете получить различные эффекты. В этом примере я перетащил пороговый уровень до 78, чтобы я мог видеть немного деталей в доме. Нажмите ОК, чтобы применить настройки.

18. Сейчас он начинает выглядеть соответствующим образом, но все еще выглядит немного ново.Создайте новый слой наверху стопки и выберите «Фильтр»> «Визуализация»> «Облака». Затем выберите «Фильтр»> «Шум»> «Добавить шум». Я прибавил около 20%

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

Дополнительные шаги:

1. Сгладьте все изображение, выбрав «Слои»> «Свести изображение». Двойной щелчок по фоновому слою. Откроется диалоговое окно «Новый слой».Нажмите OK, чтобы принять Layer 0 в качестве нового имени. Фоновый слой теперь разблокирован, и вы можете повернуть изображение штампа. Нажмите Ctrl + T или Cmd + T, чтобы произвольно трансформировать слой. Перетащите БЛИЖНИЙ один из угловых маркеров, чтобы повернуть изображение. Нажмите Enter или Return, чтобы применить преобразование.

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

Для моего последнего штампа я добавил больше красного и сделал его немного темнее. И вот результат:

Уф. Это было много печатать за маленькую марку!

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

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

Давайте посмотрим на процесс.

Метод 1

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

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

2. Выберите эффект «Деформация текста»

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

3. Выберите настройки

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

Метод 2

1. Создайте круг

Это отличный метод, если вы хотите создать что-то, напоминающее штамп.Вам нужно начать с открытия Photoshop и создания круга в новом проекте с помощью «Elipse Tool».

2. Добавьте текст

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

3. Отредактируйте текст

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

4. Измените размер

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

Метод 3

1. Создайте новый текст

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

2. Преобразовать в смарт-объект

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

3. Примените эффект «деформации»

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

4.Изогните текст

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

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

.

alexxlab

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

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