в ,

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

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

1 21

Шаг 1

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

1 2 16

Шаг 2

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

3 12

Шаг 3

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

1 4 9

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

1 5 7

Шаг 4

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

2 6 6

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

2 7 5

Шаг 5

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

2 8 5

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

1 9 3

Шаг 6

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

2 10 3

Шаг 7

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

2 11 2

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

2 12 1

Шаг 8

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

2 13 1

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

2 14 1

Шаг 9

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

2 15 1

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

2 16 1

Шаг 10

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

2 17 1

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

2 18 1

Шаг 11

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

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

2 19 1

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

2 20 1

Шаг 12

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

5 21

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

4 22

Шаг 13

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

4 23

Шаг 14

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

4 24

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

6 25

Шаг 15

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

7 26

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

7 27

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

7 28

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

Шаг 16

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

7 29

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

6 30

Заключение

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

5 31
4 32

Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
1 22

Абстрактные акриловые текстуры

isometric illustration 2

Как создать изометрическую иллюстрацию