Рисуем бирки для предпраздничной распродажи | ZZ Guru

Рисуем бирки для предпраздничной распродажи

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

1 21 2

Шаг 1

Сначала нужно создать документ 600 ? 500, RGB, единицы измерения — пиксели. Возьмите инструмент Прямоугольник (M), кликните один раз на документе, откроется окошко. В этом окне в Параметрах укажите размеры 400 ? 100 пикселей и нажмите ОК.

2 16 3

Шаг 2

Используя инструмент Прямоугольник (M), нарисуйте боковые части ленты. Активируйте инструмент, сделайте щелчок на документе, в окне Параметры задайте размеры 150 ? 100 пикселей и нажмите ОК.

3 12 4

Шаг 3

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

4 9 5

Затем, выделите конец ленты и создайте зеркальную копию. Для этого нужно включить инструмент Зеркальное отражение (О), при нажатии клавиши Alt сделайте щелчок в центре главного прямоугольника, в окне, которое откроется выберите Вертикальная и нажмите команду копировать. Выделите оба конца и отодвиньте на задний план (Ctrl + Shift + открывающая квадратная скобка).

5 7 6

Шаг 4

Теперь приступим к созданию узора. Я хочу, чтобы лента была полосатой, поэтому нарисовал небольшой прямоугольник, скопировал его, вклеил вперед (Ctrl + C, Ctrl + F) и уменьшил ширину. Далее залил прямоугольники красным цветом разных оттенков — один светлее, другой темнее. Выделите их и перетащите в палитру Каталог цветов, чтобы создать фон.

6 6 7

Закрасьте ленту узором, который только что создали. Посмотрите, нравится вам или нет. Если нравится, значит, самое время добавить еще несколько элементов.

7 5 8

Шаг 5

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

8 5 9

На палитре Внешний облик нужно выделить строку Обводка и нажать кнопку «fx», далее выберите из списка команду Контур > Создать параллельный контур и в поле Смещение введите -3 пикселя.

9 3 10

Шаг 6

Выделив строку Заливка, нажмите кнопку «fx» и выберите из списка команду Стилизация > Внутреннее свечение. Для цвета выберите основной цвет ленты, но темного оттенка (я использую темно-красный), непрозрачность установите — 50%, режим — Умножение, размытие — 15 пикселей.

10 3 11

Шаг 7

А теперь можно добавить текст! Я выбрала замечательный шрифт Pacifico, кегль — 48 пунктов. В зависимости от шрифта и текста, кегль придется подбирать под размер ленты. Если вам нравится этот шрифт, его можно бесплатно скачать на сайте www.fontsquirrel.com/fonts/pacifico.

11 2 12

Выделите текст и в палитре Внешний облик добавьте белую заливку. А затем цвет тени. Цвет для тени выберите такой же, как цвет ленты. Тот оттенок, который темнее (у меня темно-красный). В палитре цвет тени должен находиться под белой заливкой текста. Выделите его строку (текст тоже должен быть выделен, иначе эффект не будет применен), нажмите кнопку «fx», выберите из списка команду Исказить и трансформировать > Трансформировать. Перетащите слой на -5 пикселей по вертикали и нажмите ОК. Текст получится с тенью.

12 1 13

Шаг 8

На этом этапе ваша лента должна выглядеть примерно так. Теперь можно ее и изогнуть. Выделите текст и основную часть ленты и сгруппируйте их (Ctrl + G). Потом нужно выделить боковые части ленты и тоже сгруппировать. Теперь ваша лента состоит из двух групп.

13 1 14

Обе группы выделите инструментом Выделение (V). В палитре Внешний облик нажмите кнопку «fx» и выберите из списка команду Деформация (Warp) > Арка. Установите изгиб 20% и нажмите ОК. И ленту мы изогнули.

14 1 15

Шаг 9

Выберите инструмент Эллипс (L), сделайте щелчок на документе и в окне, которое вам откроется задайте размеры 350 ? 350 пикселей, создав круг.

15 1 16

Выделите круг и отодвиньте его назад, за основную часть ленты (Ctrl + открывающая квадратная скобка). Разместите его так, как на рисунке ниже.

16 1 17

Шаг 10

Выделите круг и примените к нему радиальный градиент с переходом от светлого цвета к более темному. Я для своего круга выбрал цвета белый и светло-голубой. Но вы можете использовать любые цвета. Главное, чтобы они были светлее цвета ленты (тогда будет хорошо выделяться текст). В палитре Внешний облик добавьте для круга обводку толщиной 1 или 2 пункта. Цвет выберите немножко темнее градиента.

17 1 18

На рисунке ниже вы увидете, как я расположил свой градиент. Отредактировать градиент можно в любое время. для этого нужно простовыделить круг и включите инструмент Градиент (G), чтобы можно было его подвигать и что-то изменить.

18 1 19

Шаг 11

Ну какая распродажа без привлекательной скидки. Поэтому ниже я добавила текст. Шрифт — «Museo Slab 500». Он тоже бесплатный, и его можно скачать вот отсюда www.fontspring.com/fonts/exljbris/museo-slab (только нужно зарегистрироваться).

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

19 1 20

Выделите текст, в палитре Внешний облик нажмите кнопку «fx» и выберите из списка команду Стилизация > Внешнее свечение. Цвет выберите светлый (я выбрал белый), режим установите Нормальный, размытие 45 пикселей. Больших изменений вы не увидите. Просто область за текстом станет немного светлее, и текст будет лучше выделяться.

20 1 21

Шаг 12

А теперь нарисуем для нашего круга подвеску, и он превратится в игрушку. Нарисуйте прямоугольник, выделите его, в палитре Внешний облик нажмите кнопку «fx» и выберите из списка команду Деформация > Арка. Изгиб установите -15% и нажмите ОК. После этого откройте меню Объект > Преобразовать Внешний облик. Так с ним будет легче работать.

21 22

Добавьте линейный градиент. Примерно такой, как на рисунке ниже. Чтобы подвеска выглядела металлической. Если хотите, чтобы она была золотистой, тогда вместо серого цвета, выберите оттенки желтого и светло-коричневого.

22 23

Шаг 13

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

23 24

Шаг 14

Создайте круг с обводкой подходящей толщины (я выбрал 8 пунктов), включите Ножницы (C) и разрежьте круг на две половины, щелкнув точки справа и слева. Нижнюю половину уберите.

24 25

Чтобы сделать из обводки фигуру, откройте меню Объект и выберите команду Преобразовать. Залейте ее градиентом, который вы использовали для подвески (см. Шаг 13).

25 26

Шаг 15

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

26 27

Чтобы добавить текстуру, нажмите кнопку «fx» в палитре Внешний облик и выберите из списка команду Текстура > Зерно. Установленные параметры видно на рисунке ниже. Поиграйте с ними. И выберите тот вариант, который нравится вам.

27 28

И последнее. Я также уменьшил толщину обводки до 1 пункта, так как с толщиной 2 пункта она сильно выделялась. А также расположил по-другому подвеску, чтобы было красивее.

28 29

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

Шаг 16

От ленты и подвески можно отбросить тень. Для этого выделите основную часть ленты, нажмите кнопку «fx» в палитре Внешний облик и выберите из списку команду Стилизация > Тень. Чтобы сохранить мягкость оттенков, я выбрал темный оттенок основного цвета (в данном случае темно-синий), установил режим Умножение, непрозрачность 40%, смещение 3 пикселя и размытие тоже 3 пикселя.

29 30

Чтобы отбросить тень от подвески, я нарисовал эллипс, залил его промежуточным оттенком основного цвета (в данном случае средним между серым и голубым) и отодвинул назад, за подвеску (Ctrl + открывающая квадратная скобка). После этого выделите тень, нажмите кнопку «fx» в палитре Внешний облик и выберите из списка команду Размытие > Размытие по Гауссу. Установите радиус 3.7 пикселя (или любой другой, который хорошо смотрится в окошке просмотра). И нажмите ОК.

30 31

Заключение

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

31 32
32 33
Космическая ретушь
0 комментарий

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

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