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

Звучит интригующе, правда?

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

Примечание: скриншоты из этого руководства взяты из версии Adobe Illustrator CC 2022 Mac. Версия для Windows или других версий может выглядеть иначе.

Как сделать ленту в Adobe Illustrator

Ленту можно нарисовать с помощью инструментов для создания фигур в Adobe Illustrator, таких как инструмент "Прямоугольник" и инструмент "Построитель фигур".

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

Шаг 1: Выберите Инструмент "Прямоугольник (сочетание клавиш M ) с панели инструментов, чтобы нарисовать длинный прямоугольник.

Шаг 2: Нарисуйте еще один более короткий прямоугольник и переместите его туда, где он пересекается с более длинным прямоугольником.

Шаг 3: Выберите Инструмент для создания анкерных точек (сочетание клавиш Смена + C ) на панели инструментов.

Нажмите на левый край меньшего прямоугольника и перетащите его вправо.

Шаг 4: Дублируйте фигуру и переместите ее в правую часть прямоугольника.

Переверните форму, и вы увидите форму ленточного баннера.

Нет, мы еще не закончили.

Шаг 5: Выберите все фигуры и выберите Инструмент для построения фигур (сочетание клавиш Смена + M ) на панели инструментов.

Щелкните и перетащите фигуры, которые нужно объединить. В данном случае мы объединяем части a, b и c.

После объединения фигур ваше изображение должно выглядеть следующим образом.

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

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

Как сделать ленточный баннер в Adobe Illustrator

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

Теперь приступим к укладке. Говоря об укладке, на первом месте стоит цвет.

Шаг 1: Заполните ленту цветами.

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

Шаг 2: Используйте инструмент "Тип" для добавления текста. Выберите шрифт, размер, цвет текста и переместите текст поверх ленты.

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

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

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

Просто выберите ленту, перейдите в верхнее меню Объект > Искажение конверта > Сделать с помощью деформации Появится окно Параметры искривления.

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

Нажмите OK и все. Вы сделали изогнутую ленту.

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

Например, вот как выглядит стиль "Флаг".

Как сделать витую ленту в Adobe Illustrator

Чтобы создать витую ленту в Adobe Illustrator, нужно всего два шага: нарисовать линию и применить к ней 3D-эффект. На самом деле, этот метод можно использовать и для создания 3D-ленты.

Шаг 1: нарисовать изогнутую/волнистую линию. Здесь я использовал инструмент "Кисть", чтобы нарисовать линию.

Шаг 2: Выберите линию, перейдите в меню накладных расходов Эффект > 3D и материал > Выдавливание & фаска .

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

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

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

Подведение итогов

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

Создание 3D-лент довольно простое, единственная "проблема", с которой вы можете столкнуться, это определение освещения и перспективы. Ну, я бы даже не назвал это проблемой. Это скорее терпение.

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