Как нарисовать комплект марок в Adobe Illustrator

А вы уже присоединились к нашему Телеграм-каналу с полезностями?

Содержание

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

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

Шаг 1

Итак, давайте начнем рисовать нашу марку в векторе. Создайте документ 300 ? 300 пикселей, RGB. Сначала включите Сетку (меню Просмотр > Показать сетку) и Выравнивание по сетке (меню Просмотр > Выравнивать по сетке). Затем задайте линии через каждые 2.5 пикселя. Откройте меню Редактирование > Установки > Направляющие и Сетка и в поле «Линия через каждые» введите 2.5, а «Внутреннее деление» установите 1.

Кстати, размеры и расположение объектов можно посмотреть в палитре Инфо (меню Окно > Инфо). Не забудьте также установить единицы измерения (пиксели) в меню Редактирование > Установки > Единицы измерения > Основные. Все эти настройки значительно ускорят вашу работу.

Шаг 2

Для начала включите инструмент Пямоугольник (M). Нарисуйте квадрат 200 ? 200 пикселей. И залейте его белым цветом. Без обводки.

Шаг 3

Выделите квадрат, созданный в предыдущем шаге, и откройте палитру Внешний облик. Добавьте обводку, толщина 7.5 пунктов. И задайте цвет — R=227, G=220, B=192. По умолчанию выравнивание должно быть по центру. Выделите обводку в палитре Внешний облик и нажмите внизу кнопку Создать дубликат выбранного объекта — маленькую иконку рядом с иконкой корзины.

Добавится копия выделенной обводки. Выделите эту новую обводку и сделайте ее толще — 15 пунктов. Затем откройте палитру Обводка (меню Окно > Обводка). Поставьте галочку возле команды Пунктирная линия. Для штриха и пробела задайте по 8 пунктов. Проверьте, что включена кнопка Совместить пунктиры с углами и концами контуров. На нее указывает белая стрелка.

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

Шаг 4

Выделите группу, созданную в предыдущем шаге, и в палитре Обработка контуров нажмите кнопку Соединить. Группа преобразуется в простенькую фигуру. Проверьте цвет (должен быть — R=227, G=220, B=192). И опять же — без обводки.

Шаг 5

Включите инструмент Прямоугольник (M) и нарисуйте четыре квадрата со сторонами 7.5 пикселей. Залейте их насыщенным цветом и расположите их так, как показано на рисунке. Выравнивание по Сетке упростит работу.

Шаг 6

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

Шаг 7

Выделите фигуру, которая получилась в предыдущем шаге, и дальше меню Эффект > Стилизация > Скругленные углы. Введите для радиуса 3 пикселя, нажмите ОК, а затем откройте меню Объект и выполните команду Преобразовать внешний облик.

Шаг 8

Отключите выравнивание по сетке (меню Просмотр > Выравнивать по сетке), затем перейдите в меню Редактирование > Установки > Основные и в поле Клавиатурное приращение введите 1. Выделите бежевую фигуру, откройте меню Объект и выберите команду Контур > Создать параллельный контур. В поле Смещение введите -2 пикселя и нажмите ОК. Выделите созданный контур, скопируйте и вклейте копию вперед (Ctrl + C > Ctrl + F).

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

Шаг 9

Снова выделите большую бежевую фигуру и добавьте обводку толщиной 2 пункта. Выровняйте ее «внутри линии», задайте цвет — R=255, G=246, B=211 и затем добавьте еще одну обводку. Толщину задайте — 1 пункт, цвет — R=165, G=160, B=141 и проверьте, что включено выравнивание внутри линии. Выделите весь контур, откройте меню Эффект и выберите команду Стилизация > Тень. Введите данные, как на рисунке, и нажмите ОК.

Шаг 10

Снова включите команду Выравнивать по сетке. С помощью инструмента Прямоугольник (M) нарисуйте квадрат со сторонами 175 пикселей и расположите так, как показано на рисунке. Цветом заливать его не нужно, добавьте только обводку толщиной 5 пунктов. Проверьте, что включено Выравнивание по центру. И задайте цвет — R=32, G=71, B=129. Сохраните этот цвет в палитру Каталог под именем «Синий». Позже он вам снова понадобится.

Шаг 11

Продолжайте работать инструментом Прямоугольник (M), нарисуйте квадрат со сторонами 160 пикселей и расположите как показано на рисунке. Цветом заливать не нужно, добавьте обводку толщиной 2 пункта. Выровняйте ее «внутри линии» и задайте синий цвет (R=32, G=71, B=129). Откройте палитру Внешний облик и скопируйте существующую обводку. Выделите созданную копию, откройте меню Эффект и выполните команду Исказить и трансформировать > Зигзаг. Введите данные как показано на рисунке и нажмите ОК.

Не пропустите новые уроки в нашем Телеграм-канале

Шаг 12

Дальше нужно маскировать фигуру, созданную в предыдущем шаге. Это очень простой прием. Сначала выделите фигуру, скопируйте ее и вклейте вперед (Ctrl + C > Ctrl + F). Залейте ее белым цветом и удалите обе обводки и эффект Зигзаг.

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

Шаг 13

Включите инструмент Эллипс (L). Нарисуйте круг диаметром 150 пикселей. Цветом заливать не надо. Добавьте только обводку, толщина 5 пунктов. Выровняйте ее «внутри линии и задайте синий цвет (R=32, G=71, B=129).
Расположите фигуру так, как показано на рисунке. Затем откройте меню Объект и выберите команду Контур > Создать параллельный контур. В поле Смещение введите -7.5 пикселей и нажмите ОК. Выделите созданную фигуру и перейдите в палитру Внешний облик. Сделайте обводку толще (15 пунктов). Затем откройте меню Объект и выберите команду Контур > Создать параллельный контур.

В этот раз введите в поле Смещение -12.5 пикселей и нажмите ОК. Выделите созданную фигуру и вернитесь в палитру Внешний облик. Уменьшите толщину обводки до 0.5 пикселя, цвет выберите белый, и затем скопируйте этот круг. На этих двух контурах мы напишем текст, поэтому его свойства не столь важны. Просто с белой обводкой их лучше видно.

Шаг 14

Продолжайте работать с инструментом Эллипс (L). Нарисуйте круг диаметром 100 пикселей, залейте его синим цветом и расположите так, как показано на рисунке.

Шаг 15

Добавим текст. Для начала выделите один из кругов с тонкой белой обводкой. Затем включите инструмент Текст по контуру и просто щелкните край контура. Теперь вы сможете добавить бежевый текст (R=227, G=220, B=192). Используйте шрифт «Myriad Pro», кегль 13 пунктов, интерлиньяж 15.6 и трекинг 1500. Для другого текста и шрифта придется подбирать значения.

Шаг 16

С помощью инструмента Эллипс (L) нарисуйте круг диаметром 5 пикселей. Залейте его таким же бежевым цветом, а затем откройте меню Эффект и выберите команду Исказить и трансформировать > Втягивание и Раздувание. Перетащите слайдер на отметку 40% и нажмите ОК. Скопируйте контур и расположите эти два круга как показано на рисунке ниже.

Шаг 17

Включите инструмент Прямоугольник и нарисуйте два новых прямоугольника. Один с размерами 45 ? 20 пикселей, второй — 20 ? 45 пикселей. Расположите их как показано на рисунке, залейте бежевым цветом и соедините.

Шаг 18

Выделите большую бежевую фигуру (отредактированную в девятом шаге), скопируйте и вклейте вперед (Ctrl + C > Ctrl + F). Выделите эту копию, вынесите ее на передний план (Shift + Ctrl + закрывающая квадратная скобка) и перейдите в палитру Внешний облик.

Удалите обводку и эффект тени, поменяйте цвет заливки с белой на черную. Уменьшите непрозрачность до 5%, режим наложения выберите Умножение, откройте меню Эффект и выберите команду Искажение (фотошоп) > Стекло. Введите значения как показано на рисунке внизу и нажмите ОК. Теперь ваша марка должна выглядеть как на третьем рисунке.

Шаг 19

Посмотрите внимательней на края марки и заметите, что эффект Стекло выходит за границы контура. Это не так уж важно, но лучше его маскировать. Поэтому выделите фигуру, созданную в предыдущем шаге, скопируйте ее, вклейте вперед (Ctrl + C > Ctrl + F) и выделите. Удалите эффект Стекло в палитре Внешний облик, установите 100% непрозрачность, режим наложения — Нормальный и залейте белым цветом.

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

Шаг 20

Выделите бежевую марку, скопируйте и вклейте копию вперед (Ctrl + C > Ctrl + F). Залейте копию белым цветом и выложите ее на передний план (Shift + Ctrl + закрывающая квадратная скобка).

Шаг 21

Нарисуйте эллипс 320 ? 190 пикселей с помощью соответствующего инструмента и расположите его так, как показано на первом рисунке. Выделите его, а также фигуру, созданную в предыдущем шаге, и в палитре Обработка контуров нажмите кнопку Пересечение.

Фигуру, которая получилась, залейте линейным градиентом как показано на втором рисунке, уменьшите Непрозрачность до 20% и режим наложения установите Умножение. Посмотрите внимательно на градиент и увидите желтый ноль. Это процент непрозрачности.