Рисуем симпатичный ценник | ZZ Guru

Рисуем симпатичный ценник

Друзья, привет! Сегодня рисуем вот такой замечательный и фактурный ценник. Урок не особо сложный и поможет пройтись по основам работы в Иллюстраторе.

1 83 2

Шаг первый

Создайте новый документ в Adobe Illustrator формата 700 на 700px.

Первое, включите Сетку (View > Grid) и Snap to Grid (View > Snap to Grid).

Потом установите сетку с размером 10px. Зайдите в меню Edit > Preferences > Guides & Grid и укажите Gridline every : 10 и Subdivisions: 1. Вам нужно открыть панель Информации (Info), это увеличит скорость работы. Таким образом Вы можете легко видеть величину ширины и высоту для любой формы.

Далее выбираем Прямоугольник Rectangle Tool(M) и создаем объект размером 250x500px. Выберите Add Anchor Point Tool(+) и добавьте две новые якорные точки в местах, подсвеченных на рисунке 2 зеленым цветом. С инструментом Direct Selection Tool(A) выберите верхнюю левую точку и передвиньте ее на 60px вправо. Потом, выберите верхнюю правую якорную точку и тоже передвиньте ее на 60px влево. Выберите получившуюся форму, добавьте эффект Закругленных углов Rounded Corners на 15px. Затем сделайте Object > Expand Appearance.

2 46 3

Шаг второй

Выберите Прямоугольника Rectangle Tool(M), создайте объект размером 190x360px и поместите как показано на рисунке ниже. Добавьте эффект Закругленных углов Rounded Corners на 15px, затем Object > Expand Appearance.

3 44 4

Шаг третий

Дублируем форму, сделанную в первом шаге. Для этого снова выбираем Прямоугольник Rectangle Tool и создайте форму как показано на рисунке (1). Далее нужно выбрать эту новую фигуру и новую копию, нажмите на кнопку Intersect в палитре Pathfinder.

4 43 5

Шаг четвертый

Приступим к созданию штрих-кода. Установите сетку 5px. Зайдите в Edit > Preferences > Guides & Grid и установите Gridline every: 5px . Выберите Прямоугольник Rectangle Tool(M) и создайте группу форм, как на рисунке ниже. Заполните их всех черным, и добавьте эффект скругления углов Rounded Corners 2px эффект.

5 41 6

Шаг пятый

Дублируйте форму, сделанную в первом шаге. Выберите эту копию, уберите у нее заливку и добавьте обводку 3pt, затем Object > Expand Appearanceе. Назовите эту новую форму «1».

6 41 7

Шаг шестой

Возвращаемся в Edit > Preferences > Guides & Grid и устанавливаем Gridline every : 10. Далее выберите Эллипс Ellipse Tool, создайте его с параметрами 30x30px и поместите это как показано в изображение ниже (1). Потом сделайте копию этой формы, назовите ее “vvv” и сделайте ее невидимой.Она понадобится позже. Выберите первоначальный круг и форму, сделанную в первом шаге, и нажмите Minus Front в панели Pathfinder. Назовите получившуюся форму «2».

7 37 8

Шаг седьмой

Выберите обе формы, сделанные в шагах 2 и 3, и примените команду Unite в палитре Pathfinder. Назовите получающуюся форму “3”.

8 36 9

Шаг восьмой

Выберите форму «1» и заполните ее цветом R=140 G=98 B=57. Добавьте новую заливку для этой формы (из всплывающего меню панели Appearance) и использует градиент, показанный на изображении ниже (2).

9 35 10

Шаг девятый

Выберите форму «2» и заполните ее цветом R=198 G=156 B=109. Добавьте новое заполняется для этой формы уменьшив его прозрачность до 50 % и используйте градиент, как на рисунке ниже (2). Затем добавьте к этой форме эффект Inner Glow (3).

10 33 11

Шаг десятый

Отключите Snap to Grid. Сделайте две копии объекта «2». Затем, выберите верхнюю копию и передвиньте ее на 1px вниз и 3px направо. Повторно выберите обе копии и нажмите Minus Front в палитре Pathfinder. Оставьте получившуюся длинную тонкую форму и удалите вторую. Заполните ее белым и понизьте ее прозрачность к 20 %.

11 29 12

Шаг одиннадцатый

Включите Snap to Grid, затем выполните Edit > Preferences > Guides & Grid и установите Gridline every : 5. Теперь выберите Ручку Pen Tool(P) и нарисуйте горизонтальную линию, как на изображении (1). Далее будет легче работать, если включить Snap to Grid. Дублируйте эту линию и форму «1». Выберите эти две копии и нажмите на кнопку Divide в палитре Pathfinder. Вы должны получить две новые формы. Выберите верхнюю и заполните ее линейным градиентом, показанным на изображении ниже (2), и понизьте его прозрачность к 70 %. Выберите нижнюю форму, заполните ее линейным градиентом, показанным на изображении (3), и понизьте его прозрачность к 70 %. Повторно выберите первоначальную горизонтальную линию и переместите ее наверх (Shift + Ctrl + ]). Сделайте для линии пустой заливку и добавьте обводку 3px с цветом (R=140 G=98 B=57). Затем нужно создать пунктирный эффект для обводки. Пойдите в пенель Appearance и нажмите на пункт Stroke . Откроется панель Stroke . Нажмите на кнопку Round Cap, поставьте флажок около Dashed Line. Укажите Dash = 12.

12 26 13

Шаг двенадцатый

Переходим к фигуре «3» и заполняем ее белым. Добавьте две новые заливки (из выпадающего меню палитры Appearance), и используйте линейные градиенты, как показано ниже.

13 25 14

Шаг тринадцатый

Сделайте объект “vvv” видимым. Поставьте его на передний план (Shift + Ctrl + ]) и задайте пустую заливку и обводку 3px, затем Object > Expand Appearanceе, заполните белым и добавьте обводку 0,75px белого цвета. Добавьте вторую заливку для этой формы и используйте для нее линейный градиент, показанный на изображении ниже.

14 24 15

Шаг четырнадцатый

Теперь будем добавлять текст. Выберите Type Tool, добавьте текст, показанный на изображении ниже и сделайтн для него Object > Expand. Выберите Прямоугольник Rectangle Tool(M) и создайте тонкий прямоугольник ниже маленьких чисел. Заполните все эти формы цветом R=193 G=39 B=45 и затем Object > Transform > Rotate. Введите угод поворота 90 ° и нажмите OK. Потом расставьте цифры как на изображении ниже (3) и затем Object > Compound Path > Make. Создайте две копии получившейся формы. Выберите главную копию и переместите ее на 5px влево. Снова выберите обе копии и нажмите Minus Front на панели Pathfinder. Выберите получившиеся формы, заполните их цветом R=91 G=1 B=8, и уменьшите их прозрачность до 30 %.

15 22 16

Шаг пятнадцатый

Выберите все формы и перейдите в Object > Transform > Rotate. Укажите угол поворота-45 ° и закрепите действие, нажатием OK.

16 18 17

Шаг шестнадцатый

Откройте панель Brushed panel (F5). Выберите Кисть Brush Tool, затем используйте Tapered Stroke, чтобы создать простые, черные фигуры, как на рисунке ниже. Выберите все эти фигуры и пойдите в Object > Expand Appearance.

17 16 18

Шаг семнадцатый

Дублируйте все формы, сделанные до сих пор. Выберите все эти копии и нажмите на кнопку Unite в палитре Pathfinder. Выберите получившуюся форму, заполните ее черным и расположите ее под остальными (Shift + Ctrl + [). Затем сдвиньте ее на 5px вниз и 3px вправо и потом добавьте эффект Gaussian Blur 7px и уменьшите прозрачность до 20 %.

Обратите внимани! Для микростоков эффект Gaussian Blur использовать не получится — он не поддерживается EPS10 и EPS8.

Вот и все. Работа сделана!

18 16 19
Космическая ретушь
0 комментарий

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

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии