Рисуем в Adobe Illustrator бейдж в стиле ретро

Екатерина Гронь
0 комментарий

Сегодня мы будем рисовать бейдж в стиле ретро. Все необходимые для бейджа фигуры и текст мы создадим в Adobe Illustrator, а красивые текстуры, которые придадут ему винтажный вид, добавим в программе Photoshop. В ходе урока мы поработаем с палитрой Обработка контуров, командой Параллельный контур, поиграем со шрифтами. Посмотрите на рисунок ниже. Вот такой бейдж мы будем рисовать.

Рисуем в Adobe Illustrator бейдж в стиле ретро

Создаем форму бейджа

Итак, начинаем рисовать. С помощью инструмента Прямоугольник (M) рисуем простенький прямоугольник. Заливаем его серовато-синим цветом. Я использовала цвет — #466072. А теперь выделите ваш прямоугольник, откройте меню Эффект > Деформация> Выпуклость и установите все, как на рисунке.

Рисуем в Adobe Illustrator бейдж в стиле ретро

Выделите выпуклый прямоугольник, откройте меню объект и выполните команду Разобрать оформление, чтобы объединить фигуру в одно целое. А теперь сделаем более интересными углы. На каждом углу расположите кружочек так, как показано на рисунке ниже. Удерживая клавишу Shift, выделите все кружочки. Щелкните правой кнопкой и выберите команду Сгруппировать

Рисуем в Adobe Illustrator бейдж в стиле ретро

Далее выделите сгруппированные кружочки, а затем, удерживая Shift, — выпуклый прямоугольник. Перейдите в палитру Обработка контуров (если ее нет на экране, в меню Окно выберите Обработка контуров) и нажмите вторую кнопку Минус Верхний, как показано на рисунке.

Рисуем в Adobe Illustrator бейдж в стиле ретро

Делаем края колоритными

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

Рисуем в Adobe Illustrator бейдж в стиле ретро

Выделите внутреннюю форму, которую вы только что создали, добавьте белую обводку и введите данные как на рисунке, чтобы получились такие штрихи (опять же, если палитры на экране нет, откройте меню Окно > Обводка).

Рисуем в Adobe Illustrator бейдж в стиле ретро

Еще раз выделите внутренний «бейдж» и создайте внутри еще один. Для этого снова откройте меню Объект > Контур > Создать параллельный контур и введите такие же значения, как два шага назад. Добавьте этому бейджу обводку толщиной 1pt. Я выбрала для нее голубоватый цвет #A7D5EB.

Добавляем декоративные элементы

Теперь, когда мы обработали края, включите инструмент Звезда и нарисуйте звездочку. Расположите ее вверху бейджа посредине. Чтобы скопировать звездочку, нажмите CMD+C (или Ctrl+C для тех, у кого Windows). И затем CMD+F (Ctrl+ F) — чтобы вклеить копию вперед. После этого перетащите копию звездочки в нижнюю часть бейджа.

Теперь справа от звездочки с помощью инструмента Перо нарисуем «хвост». Нащелкав фигуру, нажмите правую кнопку мышки и выберите команду Трансформировать> Зеркальное отражение, выберите или задайте данные, как на рисунке ниже, и вместо ОК нажмите Скопировать. Созданную копию перетащите и расположите слева от звезды.

Рисуем в Adobe Illustrator бейдж в стиле ретро

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

Рисуем в Adobe Illustrator бейдж в стиле ретро

Создаем и изменяем текст

Начнем создавать текст. Напечатайте свой текст в верхней части бейджа. Для своего я выбрала шрифт Arvo. Выделите свой текст, откройте меню Эффект и выберите команду Деформация Арка. А затем задайте Изгиб 6% как показано на рисунке.

Рисуем в Adobe Illustrator бейдж в стиле ретро

То же самое сделайте с текстом в нижней части бейджа. Только Изгиб задайте -6%, чтобы текст выгнулся вниз.

Рисуем в Adobe Illustrator бейдж в стиле ретро

Теперь напечатайте текст в середине бейджа. Выберите для него такой же цвет, как для звездочек. А шрифт я выбрала Calibri. После этого выделите текст и нажмите синюю ссылку Символ (рядом с полем выбора шрифтов), чтобы задать интервал (см. рисунок внизу).

Рисуем в Adobe Illustrator бейдж в стиле ретро

Выделите весь текст — вверху, посредине и внизу. Откройте меню Объект и выберите команду Преобразовать, чтобы сделать из текста фигуры. Теперь справа и слева текста посредине добавьте по три полоски. И посмотрим, что у нас получилось.

Рисуем в Adobe Illustrator бейдж в стиле ретро

Последние штрихи

Бейдж, декоративные элементы и текст мы создали. Осталось добавить несколько деталей. Начнем с тени. Выделите все, кроме самого бейджа (бейдж, пунктирная линия и голубая обводка). Скопируйте и вклейте вперед. Для этого сначала нажмите CMD+C, а затем CMD+F (если у вас Windows, вместо CMD нажмите Ctrl).

Нажмите правую кнопку мышки и выберите команду Сгруппировать, чтобы объединить элементы в группу, залейте темно-серым цветом и задайте прозрачность приблизительно 35%. Клавишами-стрелками подвиньте группу на три шага вправо и на два шага вниз.

А теперь отбросьте эту группу назад. Для этого нажмите правую кнопку мышки, выберите Монтаж > Переложить назад (или горячую клавишу: CMD+ [ ). Сделайте это несколько раз, чтобы отбросить ее за все элементы.

Рисуем в Adobe Illustrator бейдж в стиле ретро

Если вы все сделали правильно, должно получиться примерно так, как на рисунке.

Рисуем в Adobe Illustrator бейдж в стиле ретро

Получилось очень красиво, но сегодня нам нужно не это. Давайте добавим текстуру, чтобы чувствовалось, что он старый. Легче всего это сделать с помощью кистей Photoshop. Но сначала их нужно скачать. Те, которые вам больше всего понравятся.

Если скачали, откройте их в программе Photoshop. Скопируйте свой бейдж в Illustrator и вставьте в Photoshop. Если собираетесь менять размер, вставьте его как Smart Object. Создайте сверху новый слой, включите инструмент Кисть и поиграйте с кистями и режимами наложения. Вот, что у меня получилось.

Рисуем в Adobe Illustrator бейдж в стиле ретро

Это все! Надеюсь, все было понятно и вам пригодилось.

0 комментарий
0

Похожие статьи