Advertisement
  1. Design & Illustration
  2. Designing

Как Создать Винтажную Векторную Крышку от Бутылки в Illustrator CS4

Scroll to top
Read Time: 6 min

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

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

В результате урока

Ниже вы можете видеть изображение, над которым мы будем работать. Хотите получить доступ к исходному файлу, а так же загрузить исходники и другие уроки, включая этот? Присоединяйтесь к Vector Plus за 9$ в месяц.

Шаг 1

Создайте новый документ размером 600 х 400 рх. Выберите инструмент Эллипс (L) (Ellipse Tool), и щелкните по рабочей зоне. Появится диалоговое окно. Введите для высоты и ширины значение - 100 рх. Теперь у вас должна получиться ровная окружность. Залейте ее черным цветом и уберите Обводку.

Шаг 2

Затем, дважды щелкните по инструменту Кристализация (Crystallize Tool) в панели Инструментов. Инструмент Кристализация можно найти в панели инструментов Деформация. Появится диалоговое окно. Введите параметры, приведенные ниже и нажмите ОК.

Шаг 3

Теперь когда инструмент Кристализация выбран, наведите его над черным кругом. Если у вас включены Быстрые Направляющие (Smart Guide), вы увидите, что у вас появляется значок, когда вы наводите инструментом Кристализация на центр круга. Если Быстрые Направляющие не активированы, зайдите в Просмотр > Быстрые Направляющие (View > Smart Guide). Когда инструмент Кристализация "привяжется" к центру черного круга, щелкните один раз мышкой. Ваша фигура, должна теперь выглядеть, как на рисунке ниже.

Шаг 4

Теперь нарисуйте новую окружность с высотой и шириной в 120 рх, выровненную по центру со старой окружностью.

Шаг 5

Выберите обе, и нажмите кнопку Пересечение (Intersect) на панели Обработка Контуров (Pathfinder) (Окно > Обработка Контуров).

Шаг 6

Теперь зайдите в Объект > Трансформировать > Масштабирование (Object > Transform > Scale). Выставьте для Масштаба значение 200% и нажмите ОК.

Шаг 7

Примените Линейный Градиент, используя 10% серого и 60% серого, убедитесь, что более светлый тон у вас слева. Поверните его на угол -24 градуса. Панель Градиента (Gradient Pallet), находится в Окно > Градиент.

Шаг 8

Теперь начинается интересная часть. Выберите инструмент Звезда (Star Tool) (Его можно найти в панели с инструментами Прямоугольник/Эллипс, нужно нажать и подержать секунду, чтобы панель открылась), и щелкните по рабочей области. Появится диалоговое окно. Задайте для Радиуса 1 значение - 190 рх, и для Радиуса 2 - значение 50 рх, и затем установите для Числа Лучей - 24, и нажмите ОК.

Сделайте так еще раз, только на этот раз задайте для Радиуса 2 значение - 80 рх. У вас должно получиться две звезды с 24 лучами. Теперь выровняйте по центру все три объекта. Возможно, вам придется сдвинуть и слегка повернуть "звезды" для того, чтобы выровнять фигуры,  как на рисунке ниже.

Шаг 9

Теперь выберите самый дальний объект. Копируйте его (Control+C), и затем вставьте вперед (Control+F), Получится дубликат объекта прямо пред ним самим. Выберите дубликат, удерживайте нажатой кнопку Shift и выберите одну из звездочек созданных на Шаге 8. Нажмите на кнопку Пересечение (Intersect) на панели Обработка Контуров (Pathfinder) (как показано ниже). Еще раз Копируйте и Вставьте Вперед самый дальний объект. Выберите дубликат, удерживайте Shift и выберите другую звезду. Опять нажмите кнопку Пересечение. Ваши объекты должны выглядеть ка на рисунке ниже.

Шаг 10

Теперь выберите объект, который ближе всего к вам и создайте Линейный Градиент используй белый цвет и 70% серого. Поверните градиент на -90 градусов, и убедитесь, что белая часть у вас находится сверху.

Шаг 11

Выберите средний объект, задайте для него Линейный Градиент, но используйте 50% и 20% серого. Поверните градиент на -24 градуса и убедитесь, что самая темная часть у вас находится сверху слева.

Шаг 12

Далее, создайте окружность, используя инструмент Эллипс (L). Убедитесь что его ширина и высота - 215 рх. Выровняйте его по центру, и затем задайте Линейный Градиент от белого к 80% серого. Поверните на -45 градусов и убедитесь, что белая часть вверху слева.

Шаг 13

Создайте другую окружность 190 рх шириной и высотой. Задайте Линейный Градиент от белого к 20% серого. Поверните на -45 градусов и убедитесь, что белая часть снова вверху слева.

Шаг 14

Выберите обе окружности, дважды щелкните по инструменту Переход (W) (Blend Tool) в панели Инструментов. Появится диалоговое окно. Установите для параметра Интервалы (Spacing) - Заданное Число Шагов, и задайте значение - 10, затем нажмите ОК. Теперь зайдите в Объект > Переход > Создать (Object > Blend > Make).

Шаг 15

Теперь мы добавим цвет. Выберите самый черный объект, Копируйте (Control+C) и Вставьте Назад (Control+B). Это создаст дубликат объекта и разместит его позади оригинала. Окрасьте дубликат в красный цвет (R=220, G=0, and B=0).

Выберите все объекты за исключением нового красного, и сгруппируйте их вместе (Объект > Сгруппировать). Выделите группу объектов, зайдите в панель Прозрачности (Transparency) (Окно > Прозрачность) и установите Умножение (Multiply) для режима наложения. Теперь ваше изображение должно выглядеть, как на картинке ниже.

Шаг 16

Теперь добавим немного света. Чтобы создать форму полумесяца, создайте два больших круга - 200px шириной и высотой. Выровняйте их по центру, а затем подвиньте передней круг на 7 рх влево и вниз на 7px. Выберите оба круга и нажмите кнопку Минус Верхний (Minus Front) на панели Обработка Контуров (Pahtfinder). Теперь у вас должна получиться форма полумесяца. Выберите этот объект и создайте для него Линейный Градиент, используя белый цвет на обоих концах. Установите Непрозрачность (Opacity) для узла справа на Шкале Градиента на 0%. А так же поверните градиент на -45 градусов.

Шаг 17

Как на счет того, чтобы добавить текст или популярный логотип? Просто выберите шрифт и напечатайте какой-нибудь текст. Mickey Rossi был так любезен, что разрешил мне использовать его шрифт Ballpark Weiner для этого урока. Убедитесь, что вы поместили ваш текст над однотонно красным объектом, но ниже группы объектов. Благодаря этому, ваш логотип будет имеет некоторые затенение,в противном случае, он будет выглядеть, как будто он плывет над изображением.

Шаг 18

Итак, у нас есть одна пробка, а что на счет конкурентов? Сделайте копию существующего объекта. Нарисуйте прямоугольник с помощью инструмент Прямоугольник (М) (Rectangle Tool) размером 300px в ширину и 100px в высоту. Выровняйте его по центру с крышкой.

Шаг 19

Выберите новый прямоугольник, зайдите в Эффект > Деформация > Флаг (Effect > Warp > Flag). Установите значение для Изгиба - 25% и щелкните ОК.

Шаг 20

Далее, пока прямоугольник выбран, зайдите в Объект > Разобрать Оформление (Object > Expand Appearance). Ваша фигура должна выглядеть как на картинке.

Шаг 21

Теперь выделите объект с формой флага и объект с красным фоном, и нажмите кнопку Разделение (Divide) на панели Обработка Контуров (Pathfinder).

Шаг 22

Удалите две лишних фигуры слева и справа. Оставьте верхнюю красную часть, закрасьте среднюю в белый, и нижнюю закрасьте синим цветом (R=0, G=45, and B=130). Теперь выделите все три цветных фигуры, зайдите в Объект > Монтаж > Послать Назад (Object > Arrange > Send To Back). Теперь ваш объект должен выглядеть как на картинке ниже.

Шаг 23

Теперь вернитесь к вашему тексту или логотипу. Я переставил значок 5 центов в верх-влево и перекрасил текст в красный цвет. Не забудьте поместить логотип поверх окрашенных объектов, но ниже группы объектов.

Шаг 24

Что бы усилить впечатление от текста, как будто это старинный логотип, выберите текст, кроме "5 cent"  и зайдите в Эффект > Деформация > Флаг (Effect > Warp > Flag). Установите значение для Изгиба - 30 и щелкните OK.

Шаг 25

В панели Трансформирование (Transform Pallet ) (Окно > Трансформирование), задайте поворот на 5 градусов.

Заключение

Вот вы и сделали, простые винтажные векторные пробки от бутылок, прям как эти!

Подписывайтесь на канал Vectortuts+ RSS Feed, что бы быть в курсе последних уроков и статей.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.