Как изогнуть текст в индизайне
Перейти к содержимому

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

  • автор:

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

Final product image

Хотите деформировать текст? В этом видео с моего курса, 10 основных советов по дизайну в Adobe Illustrator, вы узнаете все входы и выходы искажающего и деформируемого текста в Adobe Illustrator.

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

Подготовьте текст для деформирования

Поэтому мы научимся разбирать вещи. Давайте возьмем наш инструмент Type Tool, щелкнем левой кнопкой мыши в любом месте монтажной области и наберите текст. Напечатаем «WARPED». И мы можем пойти в панель Character наверху, и мы можем выбрать шрифт — давайте подойдем к Gotham Bold.

Затем я перейду к настройкам выравнивания и выберите Align Center, чтобы он был посередине. Теперь давайте создадим пару копий, удерживая Alt-Shift и перетаскивая. Поэтому ваш экран должен выглядеть так:

Plain text ready for warping

Создать эффект выпучивания

Мы выберем первый фрагмент текста и перейдем к Object> Envelope Distort> Make with Warp. У нас есть опция предварительного просмотра, и мы также можем выбрать стиль. Есть множество пресетов, поэтому давайте перейдем к Bulge и посмотрим, как это выглядит.

Bulge effect

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

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

Vertical bulge

Добавить Distortion

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

Horizontal distortion

Но давайте перейдем к чему-то более утонченному. Выберите следующие значения:

Затем нажмите «ОК», вы увидите, что мы испортили текст.

Bulge effect final

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

Отрегулируйте эффект выпучивания

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

Unexpanded text

Поэтому я рекомендую вам после того, как вы сделали свой перекос, и вы довольны своим текстом, перейдите в Object> Expand. Оставьте объект и заполнить выбранным, нажмите «ОК», а затем снова переключитесь в режим контура, и вы сможете увидеть свой текст.

Expanded text

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

Adjusting anchor points of warp text

Создание эффекта дуги

Так что давайте покончим с чем-нибудь еще.

Нажмите второй фрагмент текста и, как и прежде, перейдите в Object> Envelope Distort> Make with Warp. На этот раз для стиля возьмем Arc. Таким образом, мы исправим Distortion на 0, и тогда мы сможем сгибать это вверх или вниз, и, конечно, вы также можете настроить Bend to Vertical.

Попробуем эти настройки:

И это должно выглядеть так:

Arc effect

Настроить эффект дуги

Как только вы довольны своей деформацией, и вы хотите начать добавлять к ней цвет, или, возможно, сделать творческим и добавить несколько штрихов или кистей, вы можете перейти в Object> Expand. Оставьте объект и заполните выбранным, нажмите «ОК», и теперь мы сможем получить творческий подход.

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

Arc with orange pencil brush

Таким образом, это несколько способов превратить текст в Illustrator, и теперь я оставлю вас веселиться, экспериментируя с ними.

Final results of warped text in lllustrator

Смотрите полный курс

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

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

Кроме того, теперь вы получаете неограниченные загрузки из огромной библиотеки Envato Elements из 490 000+ творческих активов. Создавайте уникальные шрифты, фотографии, графику и шаблоны и быстрее выполняйте лучшие проекты.

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

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

Dmitrij M

15 лет на форуме
Сообщения 11 046 Реакции 5 944
Отдельным заякоренным фреймиком
Развернуть подпись
Де факто, индус-триальный станд-арт

azz
alexey

15 лет на форуме
Сообщения 711 Реакции 359

накидал скрипт на эту тему, вроде работает ))
выделенный текст помещает в инлайн фрейм
не забудьте только создать объектный стиль с нужными вам настройками
(в скрипте имя — «solution», можно поменять на своё)

try < var doc = app.activeDocument; var myText = app.selection[0]; var myTextFrame = app.selection[0].textFrames.add(); var myCopy = myText.move(LocationOptions.AFTER, myTextFrame.insertionPoints[0]) ; myTextFrame.fit(FitOptions.frameToContent); //don't forget to add object style with name "solution" in your document myTextFrame.appliedObjectStyle = doc.objectStyles.item('solution'); > catch(e) <>;
zeiv
Участник

Сообщения 91 Реакции 29

suntory
Administrator

15 лет на форуме
Сообщения 23 269 Реакции 12 352

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

cloud_in_the_sky
Участник

Сообщения 42 Реакции 37

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

Текст на кривой

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

Векторные кривые в данной задаче имеют ключевое значение: мы используем кривую как направляющую линию для текста. Для создания текста на векторной кривой используется инструмент Type on a Path (Текст на кривой), сгруппированный вместе с инструментом Type (Текст) на панели инструментов. К сожалению, ограничения, которые есть у текста на кривой, делают невозможным «привязывание» уже существующего текста к кривой.

Для создания текста на кривой мы должны создать (или выбрать существующую) векторную кривую, щелкнуть на ней кнопкой мыши при активном инструменте Type on a Path (Текст на кривой) и набрать желаемый текст. На рис. 14.22 вы можете видеть пример создания текста на кривой.

Рис. 14.22. Работа с инструментом Type on a Path (Текст на кривой)

Примечание

Если выбранная кривая имела настройки абриса и заливки, они никуда не денутся после добавления текста. Для создания текста на невидимой кривой следует отменить настройки абриса и заливки у кривой либо предварительно, либо после добавления текста – для этого нужно воспользоваться инструментом Direct Selection (Выделение напрямую). На рис. 14.22 мы создали текст на невидимой кривой, без заливки и абриса, поэтому в конечном варианте ее не видно.

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

Текст на кривой может иметь разнообразные настройки, выполняемые разными способами. Прежде всего это, конечно же, настройки самого текста; они выполняются точно так же, как и раньше, за исключением того, что выделять отдельные символы нужно инструментом Type on a Path (Текст на кривой).

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

Рис. 14.23. Элементы управления текстом на кривой

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

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

Еще более интересные настройки «спрятаны» в меню Type ? Type on a Path ? Options (Текст ? Текст на кривой ? Настройки). Таким образом можно вызвать диалоговое окно Type on a Path Options (Настройки текста на кривой) (рис. 14.24).

Рис. 14.24. Диалоговое окно Type on a Path Options (Настройки текста на кривой)

Раскрывающийся список Effect (Эффект) позволяет выбрать один из пяти вариантов размещения текста (отдельных его символов) на кривой (рис. 14.25):

Rainbow (Радуга) – буквы поворачиваются без искажений и смещаются, следуя за кривой;

Skew (Скашивание) – вертикальные линии букв не искажаются;

3D Ribbon (Объемная лента) – горизонтальные линии букв не искажаются;

Stair Step (Ступеньки) – буквы не искажаются и не поворачиваются, меняется только их положение;

Gravity (Гравитация) – применяются все искажения.

Рис. 14.25. Различные эффекты при размещении текста на кривой

Флажок Flip (Зеркальное положение) позволяет «перевернуть» текст относительно кривой, как мы это делали с помощью серединного маркера.

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

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

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

При необходимости можно удалить текст с кривой (не удаляя саму кривую) с помощью команды Type ? Type on a Path ? Delete Type from Path (Текст ? Текст на кривой ? Удалить текст с кривой).

Видеокурс

О размещении текста по кривой вы также сможете узнать, просмотрев видеоурок «Текст на кривой».

Данный текст является ознакомительным фрагментом.

Продолжение на ЛитРес

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

Текст

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

Popup («текст сообщения», «количество секунд», «текст заголовка», «тип окна»)

Popup («текст сообщения», «количество секунд», «текст заголовка», «тип окна») Метод отображает текстовое сообщение, указанное в первом входном параметре. При этом, кроме текста сообщения нужно указать следующие входные параметры.? Количество секунд — определяет

Текст

Текст В типографике существует множество шрифтов, однако в веб-дизайне для набора текстов веб-страниц используется ограниченное их количество.Как правило, это:? Georgia;? Times New Roman;? Arial;? Verdana;? Comic Sans MS.Шрифты подразделяются на шрифты с засечками (типа Georgia, Times New Roman), шрифты без

Текст

Текст Перейдите на вкладку Текст (рис. 12.3) и настройте следующие параметры.• Чтобы изменить цвет текста, выделите мышью текст в рабочем окне или в списке на вкладке Текст и из раскрывающегося списка Цвет выберите нужный.• Чтобы изменить расположение текста в рабочем

Текст

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

Текст на цилиндре

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

Однострочный текст

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

Многострочный текст

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

Пиксельный текст

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

Однострочный текст

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

Црифт и текст

Црифт и текст CreateFontIndirect Функция CreateFontIndirect создает логический шрифт, характеристики которого определены в указанной структуре. Впоследствии шрифт может быть выбран в качестве текущего шрифта для любого контекста устройства. HFONT CreateFontIndirect ( CONST LOGFONT * lplf // указатель на

Многострочный текст

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

Однострочный текст

Однострочный текст Команда DTEXT, формирующая однострочный текст, вызывается из падающего меню Draw ? Text ? Single Line Text или щелчком на пиктограмме Single Line Text.Команда DTEXT предназначена для создания набора строк, расположенных одна под другой. Переход к следующей строке

Многострочный текст

Многострочный текст Команда МТЕХТ, формирующая многострочный текст, вызывается из падающего меню Draw ? Text ? Multiline Text. или щелчком кнопкой мыши на пиктограмме Multiline Text. на панели инструментов Draw.Запросы команды MTEXT:Current text style: «Standard» Text height: 10.0000 Annotative: Yes – текущий текстовый

Текст

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

У6.6 Текст

У6.6 Текст Рассмотрите понятие текста, обрабатываемого текстовым редактором. Задайте это понятие в виде АТД. (Это задание оставляет достаточно много свободы спецификатору, не забудьте включить содержательное описание тех свойств текста, которые вы избрали для

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

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

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

A. Открывающая скобка B. Входная точка C. Центральная скобка D. Закрывающая скобка E. Выходная точка, указывающая на цепочку текста

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

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

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

Примечание.

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

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

Примечание.

Если контур был видимым до ввода текста, то он будет видим и после него. Чтобы скрыть контур, выделите при помощи инструмента «Выделение» или «Частичное выделение», а затем примените заливку и обводку типа «Нет».

Редактирование и удаление текста по контуру

К тексту по контуру могут быть применены параметры и эффекты. Однако линии абзаца и интервалы между абзацами не оказывают влияния на текст по контуру. Параметры выравнивания в палитре «Абзац» управляют выравниванием текста по контуру.

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

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