Изогнуть текст adobe illustrator
Масштабирование увеличивает или уменьшает горизонтальный размер объектов (по оси X), вертикальный размер (по оси Y) или оба. Объекты масштабируются относительно контрольной точки, которая меняется в зависимости от используемого метода масштабирования. Можно изменить стандартную контрольную точку для большинства методов масштабирования и зафиксировать пропорции объекта.
После изменения масштаба объекта программа Illustrator не сохраняет оригинальный размер объекта в памяти. Следовательно, восстановить оригинальный размер объекта невозможно. Однако вы можете посмотреть информацию о разрешении в палитре «Информация о документе» и выбрать величину масштабирования для объекта, не изменяя разрешение объекта.
По умолчанию обводки и эффекты не масштабируются вместе с объектами. Для масштабирования обводки и эффектов выберите команду «Редактирование» > «Установки» > «Основные» (Windows) или «Illustrator» > «Установки» > «Основные» (Mac OS) и установите флажок «Масштабировать обводки и эффекты». Чтобы масштабировать обводки и эффекты, только когда необходимо, используйте для масштабирования объектов палитру «Трансформирование» или команду «Масштабировать».
При установленном флажке «Масштабировать обводки и эффекты» масштабированию подвергается объект, эффект тени и обводка (слева). Если флажок снят, масштабируется только объект (справа).
Масштабирование объектов с помощью инструмента «Масштабирование»
Выберите инструмент «Масштабирование» .
Для масштабирования относительно центральной точки объекта перетаскивайте курсор в любое место окна документа, пока объект не достигнет требуемого размера.
Для масштабирования относительно другой контрольной точки щелкните в том месте окна документа, где следует поместить контрольную точку, уберите курсор из контрольной точки и перетаскивайте его, пока объект не достигнет требуемого размера.
Для сохранения пропорций объекта при масштабировании удерживайте нажатой клавишу Shift при перетаскивании курсора по диагонали.
Совет. Перетаскивайте инструмент «Масштаб», удерживая нажатой клавишу Shift, под углом 45° по горизонтали или вертикали.
Для масштабирования объекта по одной из осей удерживайте нажатой клавишу Shift и перетаскивайте курсор по горизонтали или вертикали.
Для более точного управления масштабированием начинайте перетаскивание как можно дальше от контрольной точки.
Текст по контуру располагается вдоль края открытого или закрытого контура. При вводе текста по горизонтали символы размещаются параллельно базовой линии. При вводе текста по вертикали символы размещаются перпендикулярно базовой линии. В любом случае текст размещается в том направлении, в котором точки добавлялись к контуру.
Чтобы создать горизонтальный текст по контуру, выберите инструмент «Текст» или «Текст по контуру» .
Чтобы создать вертикальный текст по контуру, выберите инструмент «Вертикальный текст» или «Вертикальный текст по контуру» .
(Необязательно) Задайте параметры форматирования текста на панели «Управление», палитре «Символ» или «Абзац».
Установите курсор на контуре и щелкните кнопкой мыши (наличие у контура атрибутов обводки или заливки значения не имеет, так как Illustrator их автоматически удаляет).
Если контур закрыт, необходимо использовать инструмент «Текст по контуру».
Закончив ввод текста, выделите текстовый объект с помощью инструмента «Выделение» . Или щелкните текст с нажатой клавишей «Ctrl» (в Windows) или «Command» (в Mac OS).
При вводе текста, который не умещается в области или вдоль контура, рядом с нижней границей ограничительной рамки отображается маленький квадрат со знаком «плюс» (+).
Для отображения неуместившегося текста можно изменить размер текстовой области или удлинить контур. Также можно связать несколько текстовых блоков.
Видеоролик с инструкциями по созданию текста по контуру см. в разделе Размещение текста в контуре.
Появятся скобки — в начале текста, в конце контура и в середине между начальной и конечной скобкой.
Поместите курсор над центральной скобкой текста так, чтобы рядом с курсором появился маленький значок .
Чтобы переместить текст по контуру, перетащите центральную скобку вдоль контура. Чтобы текст не отображался зеркально на другой стороне контура, нажмите и держите клавишу «Ctrl» (в Windows) или «Command» (в Mac OS).
Чтобы зеркально отобразить текст вдоль контура, перетащите скобку поперек контура. Или выберите команду «Текст» > «Текст по контуру» > «Параметры текста по контуру», затем «Зеркальное отражение» и нажмите кнопку «ОК».
Совет. Чтобы переместить текст через контур без изменения направления текста, воспользуйтесь параметром «Смещение базовой линии» на панели «Символ». Например, если имеется текст, который идет слева направо по внешней стороне окружности, то можно ввести отрицательное значение для параметра «Смещение базовой линии», чтобы текст сместился внутрь окружности.
Видеоролик с инструкциями по созданию текста по контуру см. в разделе Размещение текста по контуру.
Эффекты текста по контуру позволяют искажать ориентацию символов на контуре. Перед применением этих эффектов необходимо создать текст по контуру.
Выберите команду «Текст» > «Текст по контуру» и во вложенном меню выберите эффект.
Выберите команду «Текст» > «Текст по контуру» > «Параметры текста по контуру». Затем выберите в меню «Эффект» нужный параметр и нажмите кнопку «ОК».
Примечание. Применение эффекта «Гравитация» к тексту на идеально круглом контуре приводит к тому же результату, что и эффект «Радуга» по умолчанию. Эффект функционирует ожидаемым образом на контурах, имеющих овальную, квадратную, прямоугольную или неправильную форму.
В меню «Выровнять по контуру» выберите параметр, чтобы задать способ выравнивания всех символов на контуре относительно общей высоты шрифта.
Верхний выносной элемент
Выравнивание по верхнему краю шрифта.
Выравнивание по нижнему краю шрифта.
Выравнивание по середине между верхним и нижним выносным элементом шрифта.
Выравнивание по базовой линии. Это настройка по умолчанию.
Примечание. Символы без верхнего или нижнего выносного элемента (например, буква «е») или без базовой линии (например, апостроф) вертикально выравниваются вместе с символами, у которых есть верхние выносные элементы, нижние выносные элементы и базовые линии. Эти размеры шрифта задаются неизменными в конструкторе шрифтов.
Совет. Чтобы получить дополнительные возможности по управлению вертикальным выравниванием, используйте параметр «Смещение базовой линии» в палитре «Символ». Например, в поле «Смещение базовой линии» можно ввести отрицательную величину, что позволяет сместить текст вниз.
Если символы находятся на кривой малого радиуса или на остром угле, они раздвигаются и между ними создается дополнительное пространство. Интервалы между символами на кривых можно уменьшить с помощью параметра «Интервал» в диалоговом окне «Параметры текста по контуру».
Для параметра «Интервал» задайте значение в пунктах. Чем больше это значение, тем меньше расстояние между символами на резких поворотах и острых углах контура.
Значение «Интервал» не влияет на символы, расположенные на прямых сегментах контура. Чтобы изменить межсимвольный интервал на каком-либо участке контура, выберите символы и примените кернинг или трекинг.
What You'll Be Creating
Хотите деформировать текст? В этом видео с моего курса, 10 основных советов по дизайну в Adobe Illustrator, вы узнаете все входы и выходы искажающего и деформируемого текста в Adobe Illustrator.
Как деформировать текст в Adobe Illustrator
Подготовьте текст для деформирования
Поэтому мы научимся разбирать вещи. Давайте возьмем наш инструмент Type Tool, щелкнем левой кнопкой мыши в любом месте монтажной области и наберите текст. Напечатаем «WARPED». И мы можем пойти в панель Character наверху, и мы можем выбрать шрифт - давайте подойдем к Gotham Bold.
Затем я перейду к настройкам выравнивания и выберите Align Center, чтобы он был посередине. Теперь давайте создадим пару копий, удерживая Alt-Shift и перетаскивая. Поэтому ваш экран должен выглядеть так:
Создать эффект выпучивания
Мы выберем первый фрагмент текста и перейдем к Object> Envelope Distort> Make with Warp. У нас есть опция предварительного просмотра, и мы также можем выбрать стиль. Есть множество пресетов, поэтому давайте перейдем к Bulge и посмотрим, как это выглядит.
Итак, на данный момент мы расширяем этот текст горизонтально, и мы можем настроить этот слайдер Bend. Так что, конечно, мы можем подняться на несколько процентов, и вы увидите, что он начинает выпучиваться наружу. Или мы можем так часто использовать негативы, и это будет идти внутрь.
Вы также можете выпустить его вертикально, так что он будет вести себя по-другому. Это действительно зависит от того, что вы собираетесь делать.
Добавить Distortion
Мы могли бы также исказить это как по горизонтали, так и по вертикали, используя слайдер. Таким образом, вы можете сделать одну сторону более крупной, перетащив ползунок горизонтального искажения на -100.
Но давайте перейдем к чему-то более утонченному. Выберите следующие значения:
Затем нажмите «ОК», вы увидите, что мы испортили текст.
И если мы нажмем на нее, у нас все еще есть все эти варианты вверху, где вы можете изменить пресет и другие значения.
Отрегулируйте эффект выпучивания
Теперь, на данный момент, если я нажму Command-Y, чтобы перейти в режим контура, вы увидите, что он все еще имеет коробку и линии вокруг него, и я не могу изменить цвет заливки или что-то еще.
Поэтому я рекомендую вам после того, как вы сделали свой перекос, и вы довольны своим текстом, перейдите в Object> Expand. Оставьте объект и заполнить выбранным, нажмите «ОК», а затем снова переключитесь в режим контура, и вы сможете увидеть свой текст.
Теперь помните, что когда вы расширяете что-либо в Illustrator, по существу то, что вы видите, становится путями формы. Таким образом, теперь это составлено из множества различных опорных точек, и мы можем входить и настраивать их, если мы хотим точно настроить эту деформацию.
Создание эффекта дуги
Так что давайте покончим с чем-нибудь еще.
Нажмите второй фрагмент текста и, как и прежде, перейдите в Object> Envelope Distort> Make with Warp. На этот раз для стиля возьмем Arc. Таким образом, мы исправим Distortion на 0, и тогда мы сможем сгибать это вверх или вниз, и, конечно, вы также можете настроить Bend to Vertical.
Попробуем эти настройки:
И это должно выглядеть так:
Настроить эффект дуги
Как только вы довольны своей деформацией, и вы хотите начать добавлять к ней цвет, или, возможно, сделать творческим и добавить несколько штрихов или кистей, вы можете перейти в Object> Expand. Оставьте объект и заполните выбранным, нажмите «ОК», и теперь мы сможем получить творческий подход.
Давайте добавим несколько кистей. Мы начнем с замены заполнения и удара, так что теперь у нас есть схема. И с панели Brushes, давайте выберем карандашную кисть с оранжевым цветом.
Таким образом, это несколько способов превратить текст в Illustrator, и теперь я оставлю вас веселиться, экспериментируя с ними.
Смотрите полный курс
В полном объеме, 10 основных советов по дизайну в Adobe Illustrator, вы узнаете о десяти основных советах по дизайну, которые помогут вам воплотить свои творческие идеи в Adobe Illustrator. Вы освоите множество различных приемов, помогая вам повысить свой творческий потенциал и перенести свои идеи на цифровой холст.
Вы можете сразу пройти этот курс с подпиской на Envato Elements. За одну небольшую ежемесячную плату вы получаете доступ не только к этому курсу, но и к нашей растущей библиотеке более 1000 видеокурсов и ведущих электронных книг на Envato Tuts +.
Кроме того, теперь вы получаете неограниченные загрузки из огромной библиотеки Envato Elements из 490 000+ творческих активов. Создавайте уникальные шрифты, фотографии, графику и шаблоны и быстрее выполняйте лучшие проекты.
В этом коротком уроке, вы научитесь как использовать инструмент Текст по Контуру (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), когда вы его перемещаете.
Заключение
What You'll Be Creating
В следующих действиях вы узнаете, как создать текст со сгибом в Иллюстраторе. Для начинающих, вы узнаете как создать простой фон и как добавить текст. Пользуясь всеми преимуществами панели Оформление, вы выучите как работать с несколькими заливками и эффектами, линейными градиентами и основными техниками размытия. Наконец, вы научитесь копировать атрибуты Оформления между объектами и как быстро регулировать их.
Для большего вдохновения чтобы изменить или улучшить свой получившийся текстовый эффект, вы можете найти множество ресурсов на ГрафикРивер.
1. Как создать Новый документ и выставить сетку
Нажмите Control-N для создания нового документа. Выберите Пиксели в выпадающем меню Единицы измерения, введите 850 в поля высоты и ширины, и затем кликните на кнопку Дополнительно. Выберите RGB как Цветовой Режим, выставьте Растровые эффекты как Экранное (72 ppi) и кликните Создать Документ.
2. Как создать фон
Выберите Прямоугольник (М) и переместите внимание на панель инструментов. Удалите цвет обводки и выберите заливку, выставьте ее цвет R=241 G=242 B=252. Переходим к рабочей области и просто создаем квадрат со стороной 860 пикс. Убедитесь что он закрывает всю рабочую область как показано ниже.
3. Как создать текст
Шаг 1
Выберите Инструмент Текст (Т) и откройте панель Символов (Окно > Текст > Символ). Выберите шрифт Tw Cen MT Condensed Extra Bold ( или любой жирный текст который вы предпочитаете), и выставьте размер от 200 пикс до 240 пикс.
Возвращаемся к нашей рабочей области , кликаем на нее, и добавляем текст как показано ниже. Сделайте его черным.
Шаг 2
Используйте тот же инструмент и атрибуты текста чтобы создать первую букву своего слова. Сделайте ее белой и поместите над черной.
Шаг 3
Продолжайте добавлять белые буквы до тех пор, пока вы не закроете все черные буквы. Как только вы закончите, пройдите в панель Слои (Окно - Слои) и удалите черный текст.
4. Как создать первый эффект для текста.
Шаг 1
Выделите одну из ваших букв, и в панели Образцы (Окно - Образцы) кликните символ НЕТ чтобы удалить белую заливку. Двигаемся к панели Оформление (Окно- Оформление) и добавляем новую заливку используя кнопку Добавить Новую Заливку.
Выделите новую заливку и используйте линейный градиент как показано ниже (Окно - Градиент). не забывайте что этот синий номер на картинке Градиента показывает процент расположения. Используйте Инструмент Градиент (G) чтобы отрегулировать длину вашего градиента как показано на следующем изображении.
Шаг 2
Убедитесь что цветная буква выделена,перемещаемся к панели Оформление, выберите эту заливку и пройдите Эффект > Стилизация > Падающая тень. Введите атрибуты как показано ниже и кликните по кнопке ОК.
Шаг 3
Убедитесь что цветная буква выделена, в панели Оформление добавьте вторую заливку, используя все ту же кнопку Добавить новую заливку. Выделите эту новую заливку, добавьте линейный градиент и пройдите Эффект > Исказить и Трансформировать > Свободное Трансформирование. Перетащите эти правые точки примерно как показано ниже и затем кликните ОК.
Шаг 4
Выделите цветную букву, в панели Оформление добавьте третью заливку используя все ту же кнопку Добавить Новую Заливку.
Перетащите эту заливку между двух существующих, примените линейный градиент как показано ниже, уменьшите Прозрачность до 40% и затем пройдите Эффект > Исказить и Трансформировать > Свободное трансформирование. Правые точки перетащите как показано ниже и затем кликните ОК. Помните,что желтый ноль на изображении градиента показывает прозрачность в процентах.
Шаг 5
Выделите цветную букву и переместите внимание на панель Оформление.
Выделите среднюю заливку и продублируйте ее используя кнопку Дублировать Выбранный объект. Выделите недавно добавленную заливку, уменьшите Непрозрачность до 30% и пройдите в Эффект > Исказить и Трансформировать > Трансформировать. Перетащите горизонтальный слайдер на 5 пикс., кликните ОК, затем пройдите в Эффект > Размытие > Размытие по Гауссу. Выставьте радиус 5 пикс. и нажмите ОК.
5. Как создать цветовые вариации для вашего текстового эффекта
Шаг 1
Сначала вам надо скопировать атрибуты панели Оформление и вставить их в следующую букву. Это может быть сделано очень легко с помощью панели Слои. Раскройте слой и вы увидите маленьких кружочек с правой стороны от всех ваших объектов - это целевая иконка. Зажмите клавишу Alt, кликните на целевой иконке, которая задана для вашей цветной буквы, и перетащите к кружочку, который задан для следующей буквы.
Теперь, выделите вашу новую цветную букву, перейдите к панели Оформление и замените два линейных градиента двумя показанными ниже.
Шаг 2
Повторите технику, показанную в предыдущем шаге, но замените линейные градиенты показанными ниже.
Шаг 3
Наконец, скопируйте атрибуты Оформления для оставшихся белых букв.
Поздравляю! Все готово!
Вот что у вас должно получиться. Надеюсь, вам понравился этот урок и вы сможете применять эту технику для ваших будущих проектов.
Не стесняйтесь изменить конечный результат сделать свой собственный дизайн. Вы можете найти великолепные источники вдохновения на ГрафикРивер, интересные решения для того, чтобы улучшить свой дизайн.
Читайте также: