Как сделать текст в иллюстраторе по кругу: Как создать текст по контуру в Illustrator

15 уроков по созданию текстовых эффектов Adobe Illustrator

Коллекция уроков по созданию текстовых эффектов в программе Adobe Illustrator.

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

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

1. Как создать текст из невозможных фигур

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

Урок на русском | Урок на английском

2. Создание 3D текстового эффекта в гранжевом стиле

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

Перейти к уроку

3. Добавьте дополнительный объем вашему шрифту

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

Перейти к уроку

4. Как создать неоновый текстовый эффект в Adobe Illustrator

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

Урок на русском | Урок на английском

5. Создание текста на основе изометрической сетки

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

Перейти к уроку

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

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

Перейти к уроку

7. Как создать жидкий логотип, используя Illustrator and DrawScribe плагин

В этом уроке мы рассмотрим технику создания «жидких» объектов при помощи Dynamic Sketch Tool и Blend Tool. Этот урок содержит детальные инструкции и интересные приемы, что позволит вам добиться успеха в создании подобного стиля.

Перейти к уроку

8. Как создать изогнутый текст в Adobe Illustrator

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

Перейти к уроку

9. Как создать стилизованную надпись из волос

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

Перейти к уроку

10. Как создать надпись в стиле винтажной почтовой открытки

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

Перейти к уроку

11. Как создать вывеску в Adobe Illustrator

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

Перейти к уроку

12. Как создать 3D текст в перспективе, используя Adobe Illustrator CS6

Для создания текстового эффекта мы будем использовать Perspective Grid Tool, Blend и некоторые новые функции Adobe Illustrator CS6.

Перейти к уроку

13. Создание 3D текста инкрустированного золотом

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

Перейти к уроку

14. Как создать текст из травы

В этом уроке вы научитесь создавать текст из травы. Мы будем использовать растровый эффект, который потом превратим вектор при помощи автоматической трассировки. Эффект Pucker & Bloat позволит нам создать траву, которая выглядит вполне реалистично.

Перейти к уроку

15. Создания текста в стиле Арт-Деко (декоративное искусство)

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

Перейти к уроку

Источник: dejurka.ru

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

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

Печатаем, используя точечный текст

Чтобы напечатать текст из определенной точки, просто кликните на рабочей области, используя инструмент «Текст» (Type Tool), и печатайте свой текст. Такой «точечный» текст можно печатать только в одну строку без каких-либо ограничений текста.

Печатаем текст, используя область для печати

Используя область для печати, Вы получаете больше контроля над своим текстом. Чтобы создать область для печати, кликните по рабочей области инструментом «Текст» (Type Tool) и, удерживая правую кнопку мыши, растяните область печати до нужного Вам размера. Текст будет располагаться внутри этой области. Чтобы редактировать символы и размер шрифта, идем в Окно > Текст > Символ (Window > Type > Character).

Чтобы увидеть настройки для текстового абзаца, нажмите на вкладку «Абзац» (Paragraph). Вы можете попробовать применить к тексту разное выравнивание и отступы для абзацев.

Чтобы увидеть еще больше возможностей для редактирования текста, идем в Текст > Параметры текста в области (Type > Area Type Options). Попробуйте изменить цифру в графе «Колонки» (Columns), чтобы увеличить количество колонок в Вашем тексте.

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

Вы можете печатать текст по заданному контуру. Выберите инструмент «Текст по контуру» (Type on Path Tool), кликните на контуре в том месте, откуда хотите начать ввод текста, и печатайте!

Чтобы переместить текст, потяните за начальную точку с помощью инструмента «Выделение» (Selection Tool).
Преобразовываем текст в кривые

Если Вам нужно преобразовать текст в кривые, выделяете свой текст и выбираете Текст > Преобразовать в контуры (Type > Create Outlines). Это действие разобьет текст на контуры. Обратите внимание: после того как текст преобразован в кривые, Вы не сможете редактировать его с помощью инструмента «Текст» (Type Tool). Однако теперь Вы сможете применить к тексту градиентную заливку, а также редактировать опорные точки, используя инструмент «Перо» (Pen Tool).

Следующий урок: Цветовые и объектные переходы

Перевод: Анна Волкова
Источник: Vectordiary

Читать дальше…

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

Предлагаю ознакомиться с аналогичными статьями:

Как создать текст в Иллюстратор

Как работать с текстом в Иллюстратор

Автор иллюстрации: Ольга Киналь,
слушатель курса «Все о паттернах в Adobe Illustrator».

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

Инструмент Type (Текст).

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

Все разновидности инструмента Текст.

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

В новых версиях Иллюстратор, при клике инструментом сразу появляется подстановочный текст Lorem ipsum. Его можно стереть курсором, нажав Delete или Backspace.

Сделайте пин, чтобы не потерять эту статью.

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

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

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

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

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

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

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

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

Имейте в виду, что после превращения «строчного» текста в «блочный» нужно будет убрать из текста «энтеры», которые стоят в конце каждой строки. Чтобы их увидеть, нужно включить режим показа скрытых символов (Tyle> Show Hidden Characters).

На нашем курсе «Векторная графика в Adobe Illustrator» мы отводим целое занятие под типографику и работу с текстом. Рассказываем про базовые понятия: кернинг, трекинг, интерлиньяж, кегль и т. п., обсуждаем работу со шрифтами, показываем инструменты Иллюстратора и объясняем, какие задачи они решают. На практике делаем постер на основе леттеринга, визитки, обложку книги. Заходите на страницу курса, чтобы посмотреть программу и на страницу работ выпускников, чтобы посмотреть, как и чему мы учим.

Как перевести текст в кривые в основных графических редакторах?

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

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

Перевод текста в кривые в Adobe Illustrator

Нужно выполнить две простых операции. Сперва выделить весть текст в документе, сделать это можно вручную, но лучше автоматически — выделение/по типу объектов/текстовые объекты.

Затем непосредственно перевести текст в кривые текст/преобразовать в кривые или использовать сочетание клавиш ctrl+shift+O.

Перевод текста в кривые в Adobe Acrobat

Немного более сложный, весь процесс подробно описан здесь.

Перевод текста в кривые в CorelDRAW

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

Перевод текста в кривые в Adobe Photoshop

Фотошоп — растровый редактор, но перевести текст в контурный вектор в нем возможно, но есть похожая операция — растрирование. Для этого нужно выделить слой с текстом, кликнуть по нему правой кнопкой мыши/растрировать.

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

Перевод текста в кривые в Adobe InDesign

По аналогии с иллюстратором нужно выделить текст, а затем нажать текст/преобразовать в кривые или использовать сочетание клавиш ctrl+shift+O.

 

(Visited 102 226 times, 3 visits today)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10 полезных уловок для работы в Adobe Illustrator

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

Совет № 1: Изучите комбинации клавиш

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

Несколько примеров использования «горячих» клавиш для Windows:

• «Ctrl + V» запускает инструмент Selection tool (курсор, стрелочка чёрного цвета), который делает активной любую векторную кривую.
• «Ctrl + А» — включает Direct Selection tool (белый курсор), позволяет выделять элементы кривой и перетаскивать их в нужное вам место.
• «Ctrl + R» — активирует Rotate tool, с помощью которого можно вращать выбранные объекты вокруг центральной точки на 360 градусов.
• «Shift + E» даёт вам возможность воспользоваться ластиком (Eraser tool) и стереть ненужное.

Совет № 2: Освойте хитрости локального копирования

Одними из часто используемых функций иллюстратора являются копирование и вставка. Это достаточно простые операции, однако при необходимости вставить объект в одно и то же место, могут возникнуть трудности.  Чтобы вставить изображение на передний (Paste in Front) или задний (Paste in Back) план необходимо воспользоваться соответствующими командами в меню Редактирование (Edit).

Весьма полезными являются следующие комбинации клавиш:  

— «Ctrl + F» позволяют вставить изображение сверху того места, откуда оно было скопировано, а «Ctrl + В» — ниже него.

Здесь же пригодится знание горячих клавиш, вызывающих инструмент вращения Rotate tool. Выделив объект нужно дважды «кликнуть» на инструмент. После этого появиться меню, в котором вам необходимо выбрать угол «О» и нажать «копировать». И словно по волшебству копия изображения окажется в том же месте!

Совет № 3: Не забывайте о клавишах Alt и Shift!

Клавиши Alt и Shift буквально творят чудеса! Простой фокус: выделите объект и подвигайте его в разные стороны. Нажатие клавиши Alt переключит инструмент и позволит сделать дубликат вашего объекта. А если зажатие  клавиши Shift ограничивает передвижение объекта по горизонтали или вертикали. Если вам понадобиться дублировать изображение, которое расположено строго по горизонтали или вертикали, то поможет знание сочетания клавиш «Alt + Shift».

Совет № 4: Воспользуйтесь Smart Guides.

Сложно преувеличить значение выравнивающего инструмента (Align), однако ему под силу далеко не всё. Остальное сделает для вас Smart Guides. Чтобы включить «умные направляющие» выбираем в Панели инструментов меню «Вид». Затем находим команду Просмотр (View) и включаем функцию Smart Guides. Впрочем, можно пойти более простым путём и воспользоваться комбинацией клавиш «Ctrl + U».

После активации Smart Guides вы сразу же заметите, что при наведении на объект появляются линии подсветки и надписи: путь, центр, опорная точка. Теперь вы сможете наложить один контур на другой — Smart Guides подскажет, где объекты пересекаются.

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

Совет № 5: Выравниваем прозрачность

Иллюстрации с обработкой прозрачности выглядят очень эффектно, поскольку появляется возможность регулировать визуальную глубину рисунка: чтобы сквозь объекты на переднем плане были видны изображения, находящиеся позади. Причём для разных объектов можно применять различный уровень прозрачности. Но иногда нам необходимо выровнять прозрачность, для этого следует воспользоваться командой «Разобрать оформление» (Outline Stroke), которая отделит обводку объекта от заливки. Для того чтобы выделить обводку пунктирной линией и разъединить с заливкой, понадобиться команда Обработки прозрачности (Flatten Transparency).  Ищем её в меню «Объект» (Object) и устанавливаем уровень прозрачности на 100.  Эта опция пригодится вам для разделения мазков кисти, создания эффектов деформации, в цветовых переходах.

Совет № 6: Группируем объекты

Группировка объектов необходима в случае, когда нужно работать с ними, как с единым целым. При использовании команды «Сгруппировать» (Group) объекты будут накладываться друг на друга позади одного изображения, которое находится на переднем плане. Часто возникает потребность расположить объекты определённым образом в нужном вам слое. В этом деле команда «Сгруппировать», действительно, незаменима.

1. Необходимо поместить объект на задний план (В меню «Объект» кликаем на команду Монтаж (Arrange), а затем нажимаем на «Поместить на задний план» (Send to Back).
2. После выделения контура зажмите Shift и выделите тот объект, под слоем которого хотите разместить предыдущий.
3. Объедините оба объекта, воспользовавшись командой «Сгруппировать» в меню «Объект» или комбинацией горячих клавиш «Ctrl + G». Это закрепит объекты в нужной вам последовательности.  

Совет № 7: Хитрости трансформации

Палитра Transform, расположенная в меню «Объект» и позволяющая изменять размеры изображений, имеет весьма полезную команду – «Повторить трансформирование» (Transform Again).  Пользоваться ею следует в ситуации, когда необходимо поместить копию объекта на определённом расстоянии от оригинала. Для этого необходимо копировать нужный нам слой (зажав кнопку Alt) и переносим его в нужное нам место. Затем, к полученной копии применяем команду «Повторить трансформирование». В результате получаем ещё один дубликат, расположенный с таким же интервалом, как и первые два.

Совет № 8: Создаём плавные переходы

Команда «Превращение» (Blend) используется для создания «группы превращения», а также промежуточных объектов из используемых исходных форм (контуры, объекты с градиентными заливками). Для того чтобы создать плавные переходы необходимо задать нужное нам количество шагов в переходе.

Чтобы понять принцип действия, нарисуйте рядышком квадрат и круг. Затем в меню «Объект»  находим команду «Превращение» (Blend) и одну из её опций – «Параметры превращения» (Blend Options). Открывшееся диалоговое окно задаём нужное нам количество шагов с помощью команды «Заданное число шагов» (Specified Steps). Затем выделяем оба наши контура, после чего выбираем другую опцию команды «Превращение» — «Создать» (Make). В итоге получаем несколько контуров, являющих собой нечто среднее между кругом и квадратом. Для дальнейшего редактирования созданных контуров можно использовать команду «Обработка прозрачности».

Совет № 9: Работаем с текстовыми полями

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

Для того чтобы избежать этого, можно предварительно создать контур для будущей надписи, после чего вписать в него, с помощью инструмента «Текст» нужную вам информацию. Или пойти ещё более простым путём и воспользоваться  инструментом «Текст в области» (Text in box).

Совет № 10: Перевоплощение Звезды в Треугольник

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

Поторопитесь воспользоваться этими советами в своей работе и не бойтесь экспериментировать!

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

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

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

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

Чтобы обернуть текст по кругу в Illustrator, просто возьмите Type на инструменте Path Tool и щелкните кружок, вокруг которого вы хотите разместить текст.Это поместит текст по периметру круга, который вы можете редактировать по своему вкусу.

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

Теперь возьмите Type on a Path Tool на панели инструментов слева от экрана.

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

По умолчанию Illustrator размещает текст по внешнему периметру круга. Мы собираемся изменить это так, чтобы текст был утоплен на полпути по периметру. Для этого перейдите к Type -> Type on a Path -> Type on a Path Options .В меню включите Preview и установите Align to Path на Center . Теперь продолжайте и нажмите OK для завершения.

Теперь вы можете вращать текст вдоль контура, взяв инструмент Direct Selection Tool (A) , щелкнув и перетащив тонкую синюю линию, выходящую из края круга.

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

Возьмите инструмент Type Tool и измените текст дублированной копии на то, что вы хотите, чтобы нижняя половина текста была, затем вернитесь к Type в меню Path Options и установите флажок с надписью Флип . Идите вперед и нажмите ОК . Это должно обернуть ваш текст вокруг внутренней части круга.

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

И с этим все готово! Мы успешно обернули текст вокруг внешнего и внутреннего краев круга с помощью Adobe Illustrator!

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

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

Как изогнуть текст в Illustrator? (Шаг за шагом)

(последнее обновление: 9 августа 2021 г.)

Не знаете, как изогнуть текст в Illustrator? Вы попали в нужное место!

В этом уроке я научу вас изгибать текст в Illustrator. Есть несколько способов добиться того же. Я покажу вам, как использовать инструменты Warp Tool, Mesh Tool и Type on a Path.Кроме того, я буду включать полезные советы, а также мини-учебник по изогнутому тексту.

Хотите увидеть, как Photoshop сравнивается с Illustrator? Прочтите наше подробное сравнение Photoshop и Illustrator .

Кривой текст в Illustrator

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

1. Выделите свой текст.
2. Перейдите в Эффекты> Деформация , чтобы выбрать стиль.
3. Нажмите ОК , и все готово.

Читайте подробнее.

Кривая текста в Illustrator с использованием деформации

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

• Затем выберите значок «Создать конверт» на верхней панели инструментов. Вы также можете перейти к Эффекты> Деформация> {Выбрать стиль деформации} . В любом направлении откроется панель параметров деформации.

Здесь, в параметрах деформации, вы можете выполнять различные настройки.Я подробно расскажу об этой панели позже в уроке. А пока я выберу ОК.

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

Подробное описание вариантов обертывания

Теперь давайте подробно рассмотрим панель параметров деформации.

• Стиль: здесь вы можете выбрать стиль деформации. У вас есть много вариантов на выбор. Нижняя арка, верхняя арка, Выпуклость арки и многое другое.

• Можно изменить сгиб для перемещения по горизонтали или вертикали.

• Отсюда вы можете изменить изгиб текста. 0% сделает текст ровным, положительное значение согнет его вверх, а отрицательное согнет вниз.

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

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

Кривая текста в Illustrator с использованием сетки

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

• Переключитесь на инструмент выделения. (Используйте командную клавишу V )

• Выберите инструмент Mesh Tool на верхней панели инструментов.(Это та же область, где находится инструмент Warp. Инструмент Mesh Tool будет в раскрывающемся списке.

• После выбора появится панель Envelope Mesh. Здесь вы можете выбрать количество строк и столбцов, предварительно просматривая сетку. перед применением, если вы отметите Preview.

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

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

Создание изогнутого текста с помощью инструмента «Текст на контуре»

• Создайте свою изогнутую линию. Вы можете сделать это с помощью инструментов «Дуга», «Перо», «Кривизна», «Эллипс» и т. Д. Я использовал инструмент «Дуга».

• Переключитесь на инструмент «Текст на контуре». Удерживая инструмент «Текст», переключитесь на инструмент «Текст на контуре».

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

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

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

• Вы можете настроить начало и конец текста на контуре, перетащив белые ромбы с обоих концов.
• Если вы отрегулируете путь, текст будет следовать за корректировкой. Текст будет следовать за изменением позиции, поворотом и т. Д.
• Если вы удерживаете alt перед тем, как вводить фигуру или контур, вы вводите текст внутри контура. Ввод текста внутри контура полезен, если вы хотите создать текст в форме кругов или прямоугольников.
• Если вы хотите, чтобы текст был написан на другой стороне пути, перетащите вертикальные линии на другую сторону пути, чтобы переключить его. Или вы можете перейти к Type> Type on a Path> Type on a Path Options> Flip , нажать OK, и ваш текст перевернется.
• Вы также можете печатать по контуру, используя фигуры.Здесь я набрал прямоугольник и круг.

Изгиб текста на практике

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

• Здесь центральная кольцевая развязка с ответвлением на четыре улицы. Сначала мне нужно назвать кольцевую улицу. Если я печатаю прямо по контуру, обводка улицы будет заменена текстом.Я хочу писать на улице. Итак, сначала я скопирую слои с улицами.

На моей панели слоев я выберу слои с улицами (выбран инструмент «Мой выбор»), удерживая Shift, чтобы выбрать все слои с улицами. Круг будет выделен рядом со слоем, когда он будет выбран. Затем я нажимаю копировать, вставлять, Control / Command + C, , затем Control / Command + V (Windows / Mac) .

• Теперь я начну печатать на эллипсе в центре карты.Я собираюсь выбрать инструмент «Текст на контуре» в параметрах инструмента «Текст».

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

• Я хочу набрать текст внутри круга, чтобы создать заголовок для своего места. Копирую слой эллипса. Затем я снова переключусь на инструмент «Текст на контуре», удерживая нажатой клавишу «Alt», чтобы ввести текст внутри круга. Как только я нажимаю на круг, я могу печатать внутри фигуры.

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

• Теперь я собираюсь украсить холст. Используя инструмент «Перо», я сделал рисунок дерева, изменив цвет и размер в соответствии с размером холста. Затем я скопировал деревья по всему холсту.

• Наконец, я вернулся, скорректировав размеры шрифтов и семейства шрифтов. Лучшее в Adobe Illustrator — это то, что все является векторным, то есть объекты можно изменять без потери качества.Если вы обычно работаете в Photoshop, вы заметите, что объекты теряют качество по мере изменения размера. Объекты станут пиксельными, поскольку Photoshop основан на растре.

Вот и все!

Дополнительный совет: семейства шрифтов

Если вам нужны шрифты для изогнутого текста, Adobe Fonts — невероятный ресурс, которым должен воспользоваться каждый. Если вам нужен новый шрифт, перейдите на сайт www.fonts.adobe.com. Здесь вы можете просматривать тысячи шрифтов для своих проектов. Активировать шрифт так же просто, как включить его.

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

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

Энн — режиссер и писатель, стремящийся воплотить в жизнь истории. Она создала несколько короткометражных фильмов, специализируясь на покадровой анимации.У Анны более восьми лет опыта работы в кино, и она всегда готова поделиться своими знаниями с другими создателями. Она основала свою компанию Anne Gets Creative в 2020 году.

Энн прекрасно знакома со многими программами Adobe: Photoshop, Illustrator, InDesign, After Effects, Premiere и Audition, и это лишь некоторые из них. Она также работала с другими программами, такими как Procreate, Canva, iMovie и Final Cut Pro. Она всегда стремится давать лучшие обзоры программного обеспечения, прилежно исследуя, чтобы ее читателям не приходилось делать это.

3 простых и быстрых способа изогнуть текст в Adobe Illustrator

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

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

Но позже, когда я стал все более и более изощренным с Adobe Illustrator, у меня появился трюк. НАСТОЛЬКО ЛЕГКО сделать изогнутый текст с помощью простых в использовании инструментов Illustrator. Совсем не преувеличивая, вы поймете почему.

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

Без лишних слов, приступим!

3 способа изогнуть текст в Adobe Illustrator

Примечание. Снимки экрана взяты из версии Illustrator CC для Mac.Windows или другие версии могут выглядеть немного иначе.

Вы можете добавить быстрый эффект к изогнутому тексту, используя метод Warp, или просто использовать Type on a Path для удобного редактирования. Если вы хотите сделать что-то более безумное, попробуйте Envelope Distort.

1. Деформация

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

Шаг 1 : Выделите текст.

Шаг 2 : перейдите в Эффект> Деформация , и вы увидите 15 эффектов, которые можно применить к тексту.

Шаг 3 : Выберите эффект и настройте параметры Bend или Distortion . Если вас устраивают настройки по умолчанию, нажмите OK .

Например, я немного изменил настройку Bend на 24%, так выглядит эффект арки.

Давайте попробуем другой эффект, выполнив тот же шаг.

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

2.Тип по пути

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

Шаг 1 : Нарисуйте форму эллипса с помощью инструмента Ellipse Tool ( L ).

Шаг 2 : Выберите Type на инструменте Path .

Шаг 3 : Щелкните эллипс.

Шаг 4 : Введите. Когда вы нажимаете, появится какой-то случайный текст, просто удалите его и введите свой.

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

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

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

3. Искажение конверта

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

Шаг 1 : Выделите текст.

Шаг 2 : Перейдите в Object> Envelope Distort> Make with Mesh .Появится окно.

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

Шаг 4 : Выберите инструмент прямого выбора ( A ).

Шаг 5 : Щелкните точки привязки, чтобы изогнуть текст.

Часто задаваемые вопросы

Вот еще несколько вопросов, которые могут вас заинтересовать об изгибе текста в Adobe Illustrator.

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

Если вы применили эффекты деформации или текст на контуре для создания изогнутого текста, вы можете напрямую выделить текст и создать контур ( Command + Shift + O ). Но если вы использовали метод искажения конверта, вам придется дважды щелкнуть текст, чтобы преобразовать его в контуры.

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

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

Как изогнуть текст в Illustrator без искажений?

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

Заключение

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

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

Около июня Escalada

Окончил специальность «Креативная реклама», более восьми лет проработал графическим дизайнером, специализируясь на брендинге и иллюстрации. Да, Adobe Illustrator — мой лучший друг, и я увлечен искусством и дизайном.

Как сделать деформированный текст в Illustrator

Этот эффект деформации текста добавит объемности вашему тексту и внесет разнообразие в результат! Все, что вам нужно, это текст, фигура и нож в Adobe Illustrator!

Загрузите наш рабочий файл, чтобы следить за ним:

Шаг первый:

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

Шаг второй:

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

Шаг 3:

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

Шаг 4:

Выделите слово и соответствующий ему раздел и нажмите «Command + Option + c», чтобы поместить слово в форму. Повторите то же самое с остальными разделами.

Шаг 5:

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

Шаг 6:

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

Шаг 7:

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

Шаг 8:

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

Red Shark Digital — превосходное агентство цифрового маркетинга с полным спектром услуг, специализирующееся на веб-дизайне, поисковой оптимизации, брендинге и цифровой рекламе.Имея офисы по всей Северной Каролине, включая Роли, Гринвилл и Уилмингтон, наша команда специалистов по цифровому маркетингу может создавать решения с учетом потребностей вашего бизнеса. Наши клиенты позволили нам раздвинуть границы веб-дизайна и креативного дизайна, добиваясь инновационных результатов для своей компании и своего бренда. Эти клиенты работают во многих отраслях, включая высшее образование, здравоохранение и крупные коммерческие предприятия. Наш широкий круг клиентов позволил нам разработать специализированные стратегии для предприятий любого размера, передавая наши знания на различных платформах.Мы всегда стремимся соединить бренды с клиентами, узнать, что мы можем сделать для вашего бизнеса сегодня.

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

Как изогнуть текст в Adobe Illustrator: 4 способа

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

И вы можете сделать эффект настолько тонким или драматичным, насколько захотите.Более того, все это можно сделать всего за несколько кликов.

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

1. Как изогнуть буквы с помощью параметров деформации в Illustrator

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

Теперь перейдите к Effect> Warp в строке меню и выберите любой из вариантов деформации. Неважно, какой из них, вы сможете изменить его на следующем шаге.

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

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

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

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

2. Как согнуть текст с помощью инструмента искажения конверта в Illustrator

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

Связанный: Как сохранить файлы Adobe Illustrator в других форматах

Создайте текст, как и раньше, но на этот раз выберите в меню Object > Envelope Distort > Make with Mesh .

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

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

Когда вы установите необходимое количество строк и столбцов, нажмите ОК. С помощью инструмента Direct Select ( A ) дважды щелкните точку привязки, чтобы переместить ее и исказить текст.Вы также можете использовать ручки для дальнейшего редактирования кривых. Чтобы выбрать более одной точки привязки, нажмите и удерживайте Shift , щелкая их.

Чтобы внести изменения в вашу сетку после ее создания, перейдите в Object > Envelope Distort > Reset with Mesh . Затем вы можете изменить количество строк и столбцов в вашей сетке. Это хорошо, если вы чувствуете, что не обладаете достаточным контролем, используя уже созданную вами сетку.

Вы также можете изменить то, что говорится в тексте, выбрав Object> Envelope Distort> Edit Contents из главного меню. Введите новый текст, и Illustrator изогнет слова в соответствии с вашей сеткой.

3. Как изогнуть текст по контуру в Illustrator

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

Затем нажмите и удерживайте инструмент Type , чтобы развернуть его. Выберите инструмент Type on a Path .

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

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

Вы можете изменить начало и конец текста, используя управляющие скобки на пути.Используя инструмент Selection ( V ), наведите указатель мыши на инструмент посередине, и вы заметите, что курсор изменится.

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

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

Вы не ограничены изгибом текста по кругу. Вы также можете применить инструмент Type on Path к пользовательскому контуру, созданному с помощью инструмента Pen . Просто нарисуйте путь и используйте тот же процесс, который вы использовали с кругом.

Для этой цели вы даже можете создать собственную форму с помощью инструмента Shape Builder .Фигуры — один из основных способов эффективного использования Illustrator.

Начните с создания вашей формы.

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

4. Комбинирование эффектов изогнутого текста

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

Вы можете, например, изогнуть текст по кругу, а затем применить эффект деформации Arc в Warp Options . Затем вы можете закончить это, настроив эффект дальше, используя Envelope Mesh .

Вы также можете складывать Опции деформации .Просто примените эффект как обычно, а затем вернитесь в Warp Options и примените еще один. Вы можете делать это столько раз, сколько захотите, что позволит вам создавать совершенно новые эффекты.

Когда применять эффекты изогнутого текста в Illustrator

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

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

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

5 самых важных терминов в типографике, объяснение

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

Читать далее

Об авторе Энтони Энтикнап (Опубликовано 38 статей)

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

Более От Энтони Энтикнапа

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

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

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

Логотип

— как создать дугу для текста без искажения в Illustrator? Логотип

— Как создать дугу для текста без искажения в Illustrator? — Обмен стеками графического дизайна

Сеть обмена стеков

Сеть Stack Exchange состоит из 178 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.

Посетить Stack Exchange

2. 0
3. +0
6. Авторизоваться Подписаться

Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна.Регистрация займет всего минуту.

Зарегистрируйтесь, чтобы присоединиться к этому сообществу

Кто угодно может задать вопрос

Кто угодно может ответить

Лучшие ответы голосуются и поднимаются наверх

Спросил 3 года, 10 месяцев назад

Просмотрено 13к раз

На этот вопрос уже есть ответы :

Закрыт 3 года назад.

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

Создан 09 ноя.

Адриан Клейтон, Адриан Клейтон

10311 золотой знак11 серебряный знак22 бронзовых знака

0

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

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

Создан 09 ноя.

СкоттСкотт

18k1919 золотых знаков256256 серебряных знаков510510 бронзовых знаков

0 Graphic Design Stack Exchange лучше всего работает с включенным JavaScript

Ваша конфиденциальность

Нажимая «Принять все файлы cookie», вы соглашаетесь с тем, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в ​​отношении файлов cookie.

Принимать все файлы cookie Настроить параметры

Улучшение текста абзаца с помощью навыков концентрических кругов в Illust

13 декабря 2018 г.

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

Автор: Уэйд Хук

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

Чертеж концентрических окружностей

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

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

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

Опции

В моем примере я хочу создать восемь секторов для текста. Чтобы вырезать круги из кусочков пирога, я нарисовал изогнутые линии поверх кругов. Взяв две линии для краев сектора круговой диаграммы, я создал для каждой замкнутую форму, а затем с помощью инструмента поиска контуров объединения соединил две фигуры в одну (C.Создайте форму, чтобы удалить ненужные линии). Скопируйте фигуру в буфер обмена, затем выберите круг и используйте инструмент вычитания, чтобы удалить круг из-под верхней фигуры. Вставьте скопированную графику вперед, используя команду F, выберите другой круг и вычтите. Повторите эти действия для каждого круга, пока все они не будут иметь форму клина (D. Удалить формы). Щелкните Инструмент «Прямое выделение» и перетащите его над нижней точкой каждого клина, затем удалите (E. Pie Wedge Shapes). Теперь вы должны увидеть семь дугообразных концентрических линий (F.Концентрические дуги). Теперь вы готовы добавить текст в каждую строку.

Добавление текста в кружки

Начиная с выделенного внешнего круга, нажмите и удерживайте кнопку мыши на инструменте «Текст». В раскрывающемся меню выберите «Текст по контуру». Используйте курсор, чтобы щелкнуть по левой стороне внешнего круга. В новом Illustrator будет создан текст-заполнитель шрифтом Lorem Ipsum. Если у вас более старая версия Illustrator, вы можете ввести текст-заполнитель или пока оставить его пустым.Обратите внимание, что текст перевернут (G. Добавление текста). Чтобы текст читался правильно, вы можете сделать это вручную, щелкнув инструмент «Выделение» и выбрав кружок. Вы увидите три вертикальные линии на пути текста, по одной на концах и одной в центре. Наведите курсор на центральную вертикальную линию, пока не увидите стрелку вверх рядом с курсором. Теперь вы можете щелкнуть эту линию и перетащить ее вверх, чтобы текст читался правильно. Кроме того, вы можете выбрать левую и правую вертикальные линии, чтобы отрегулировать левое и правое поле текста.Более простой способ сделать текст правильно читаемым — это выбрать строки, выбрать «Текст»> «Текст на контуре»> «Параметры текста», установить флажок «Отразить» и нажать «ОК». Теперь ваш текст должен быть правильным.

Самый простой способ перенести текст на следующие строки — создать большое поле абзаца и позволить Illustrator автоматически заполнить текст Ipsum Lorem или ввести в поле копию абзаца. Выделите весь текст в поле абзаца и скопируйте его в буфер обмена. Вернитесь к типу на дуге, выделите там весь текст и вставьте скопированный текст.В конце строки вы должны увидеть красную рамку с символом плюса внутри. Щелчок по символу плюса превращает ваш курсор в половину поля с линиями, показывающими переполняющий текст. Теперь щелкните начало следующей строки, в которой вы хотите разместить текст. Опять же, текст будет перевернут, но пока оставьте его в покое. Щелкните красное поле со знаком плюса в конце новой строки и продолжайте эти шаги, пока все строки не будут содержать текст. Щелкните инструмент выделения, когда вы наведете курсор на центральную горизонтальную линию, ваш курсор изменится на стрелку вверх, щелкните центральную горизонтальную линию на перевернутой текстовой строке и потяните вверх.Повторите эти действия для каждой строки с перевернутым текстом. Теперь весь ваш текст должен быть выгнутым и читаться правильно (H. Связывание текста абзаца).

Если вы хотите сделать полный круг из кусочков пирога (I. Cirlce в тексте абзаца), скопируйте весь дугообразный текст с помощью инструмента выделения и вставьте на место. Поверните на 45˚ и переместитесь в положение. Повторяйте вставку и вращайте, пока не получите четыре ломтика по кругу (вы можете нарисовать круг, чтобы указать, где должны быть ломтики). Выделите все кусочки, скопируйте и вставьте, поверните на 45˚ в правильное положение.

Несколько указателей

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

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

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

No related posts.