1. Design & Illustration
  2. Adobe Illustrator

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

by
Read Time:4 minsLanguages:

Russian (Pусский) translation by Dima (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

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

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

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

Plain text ready for warpingPlain text ready for warpingPlain text ready for warping

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

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

Bulge effectBulge effectBulge effect

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

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

Vertical bulgeVertical bulgeVertical bulge

Добавить Distortion

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

Horizontal distortionHorizontal distortionHorizontal distortion

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

  • Horizontal Bend: -2%
  • Horizontal Distortion: -54%
  • Vertical Distortion: 25%

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

Bulge effect finalBulge effect finalBulge effect final

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

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

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

Unexpanded textUnexpanded textUnexpanded text

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

Expanded textExpanded textExpanded text

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

Adjusting anchor points of warp textAdjusting anchor points of warp textAdjusting anchor points of warp text

заливки

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

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

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

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

  • Vertical Bend: -72%
  • Horizontal Distortion: -100%
  • Vertical Distortion: 0%

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

Arc effectArc effectArc effect

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

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

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

Arc with orange pencil brushArc with orange pencil brushArc with orange pencil brush

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

Final results of warped text in lllustratorFinal results of warped text in lllustratorFinal results of warped text in lllustrator

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

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

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

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

One subscription.
Unlimited Downloads.
Get unlimited downloads