/ / Замечательный значок

Замечательный значок

Финальное изображение:

Замечательный значок


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

Прорамма: Adobe Illustrator CS4
Сложность: средняя
Затраченное время : 45 минут

Шаг 1

Создайте документ 700х700рх. Включите сетку, а так же привязку к ней. Для чего пройдите в меню View и поставьте галочки
напротив: Hide Grid и Snap to Grid. Пройдите Edit > Preferences > Guides & Grids. Для параметра «Gridline every» выставите «5»,
для «Subdivisions» введите значение«1».

Теперь Вы должны будете создать 9 концентрических кругов.

1. Выберите инструмент Эллипса (L), зажмите Shift и потяните круг размером 500х500рх (с выбранным инструментом, щелкните
по рабочему полю левой кнопкой мыши, в появившемся окне введите необходимые значения).
Так же советую изменить на время режим наложения на Multiply, для того чтобы не возникало путаницы с копиями.
Назовите это круг «1», после чего пройдите Object > Path > Offset Path. Для параметра «Offset» введите значение «-30» нажмите «Ок».

2. Назовите получившийся круг «2», выберите его, снова пройдите Object > Path > Offset Path, на этот раз сожмите круг на -5рх.

3. Назовите новую форму «3» и повторите предыдущий шаг.

4. Назовите получившуюся фигуру «4», и опять сожмите круг на -5рх.

Замечательный значок


5. Назовите новый круг «5», пройдите Object > Path > Offset Path на этот раз введите значение -25рх.

6. Назовите новый объект «6», сожмите его на -20рх.

7. Выберите получившуюся форму, назовите ее «7». Сожмите ее на -10рх.

8. Получившийся круг назовите «8», сожмите его на -5рх.

9. Назовите полученный круг «9».

Замечательный значок


Шаг 2

Выберите формы 2-9 и сделайте их невидимыми на некоторое время. Для чего отключите видимость в палитре Layers.

Замечательный значок


Шаг 3

Выключите сетку, а так же привязку к ней. Давайте теперь сосредоточим своё внимание на первом круге. Выберите его,
примените эффект «Zig Zig» для чего пройдите Effect > Distort&Transform > Zig Zig…, в появившемся окошке введите
параметры представленные ниже.
Пройдите Object > Expand Appearance, чтобы разобрать объект.
Залейте получившуюся фигуру линейным градиентом от серого цвета к белому и обратно к серому цвету, угол градиента выставите 45°.

Замечательный значок


Добавьте обводку толщиной 1 pt, серого цвета. Центрирование для обводки задайте «Снаружи», для чего щелкните
по кнопке «Outside» в панели «Stroke» (см. рис 3.2).

Замечательный значок


Затем добавьте новую заливку. Для чего откройте палитру Appearance щелкните по иконке в правом, верхнем углу палитры и
выберите «Add new Fill» (см рис. 3.3).

Замечательный значок


Цвет для новой заливки задайте черный. С выбранной заливкой пройдите
Effect > Artistic > Film Grain. Настройки эффекта приведены ниже на изображении.

В завершении работы с этим объектом, выберите круг и пройдите Effect > Stylize > Drop Shadow и задайте настройки
эффекта приведенные ниже.

Замечательный значок


Шаг 4

Создайте копию фигуры №1 (для чего нажмите сочетание клавиш Ctrl+C, Ctrl+F). С помощью инструмента Rectangle Tool(M)
создайте прямоугольник, поместите его так, как Вы видите ниже, после чего выберите прямоугольник и копию
(чтобы произвести выделение нескольких фигур за один раз, делайте это с зажатой клавишей Shift), пройдите в
палитру Pathfinder и нажмите «Intersect». Выберите получившуюся фигуру, залейте ее черным цветом и понизьте
процент Непрозрачности до 10%.

Замечательный значок



Шаг 5

Возвратите видимость для фигур 2,3,4,5,8 и 9. Если Вы последовали моему совету в шаге первом и поменяли режим
наложение на Умножение (Multiply), то теперь верните нормальный режим наложения для этих объектов.
Фигуры 2,4 и 8 залейте белым цветом, фигуры 3,5 и 9 залейте градиентом, который Вы видите ниже
(тип градиента: радиальный, так же выставите для параметра Aspect Ratio значение примерно 60%).

Замечательный значок


Шаг 6

Верните видимость фигуре №7. Выберите инструмент Type on a Path Tool (он находится в выпадающем меню
инструмента Type Tool, суть этого инструмента в том, что он располагает текст, строго по выбранному Вами пути).
Щелкните выбранным инструментом по фигуре №7, должен появиться мерцающий курсор ввода текста, введите
Ваш текст, я использовал шрифт Arial, размер 40рх. С выбранным текстом пройдите Object > Expand. Залейте
полученные формы белым цветом.

С выбранным текстом пройдите Object > Compound Path > Make. Назовите полученный объект «Текст».
Верните видимость для фигуры №6. Сделайте копию объекта «Текст» (Ctrl+C, Ctrl+F), выберите фигуру №6 и копию,
после чего пройдите в палитру Pathfinder и нажмите Intersect.
Выберите полученную группу, залейте её цветом R=251, G=188, B=12, понизьте уровень непрозрачности до 10%.

Замечательный значок


Шаг 7

Выберите инструмент Type Tool (T), введите текст «100%» в середине круга №9.
Используйте шрифт «Impact» (110рх для текста и 80px для знака %). Разберите этот текст (Object > Expand).
Залейте полученные формы белым цветом, после чего пройдите Object > Compound Path > Make.
Выберите полученную форму, пройдите Object > Path > Offset Path, введите значение «-3» для Offset.
Залейте полученную форму линейным градиентом (настройки градиента смотрите на изображении ниже).

Замечательный значок


Шаг 8

Выберите инструмент Star Tool (он находится в подменю инструмента Rectangle Tool (M)), нарисуйте звезду,
как показано на изображении ниже. Во время рисования, зажмите клавишу Ctrl, чтобы нарисовать лучи звезды,
необходимой Вам длинны.
Залейте звезду радиальным градиентом (параметры на скриншоте), задайте обводку толщиной 5p, цвет белый, центрирование задайте Outside.
Создайте меньшие по размеру звезды, залейте их таким же градиентом, толщину обводки используйте различную.
Расположите, как показано на изображении ниже.

Замечательный значок


Шаг 9

Создайте копию фигуры №2, после чего нарисуйте с помощью инструмента Rectangle Tool (M) прямоугольник
такой, чтобы он перекрывал половину рисунка (см. рис.). Выберите копию фигуры №2 и прямоугольник, после
чего нажмите Intersect на палитре Pathfinder. Залейте полученную фигуру белым, понизьте прозрачность до 15%.

Замечательный значок


Шаг 10

Приступим к созданию лент. Снова включите сетку и привязку к ней. Выберите инструмент Прямоугольник (М),
создайте прямоугольник 100х250рх. С выбранной фигурой пройдите Object > Path > Add Anchor Points, чтобы
задать дополнительные якорные точки.

С помощью инструмента Direct Selection Tool (A) выберите точку расположенную посередине основания
прямоугольника и передвиньте её на 50рх вверх. Выберите весь объект и примените к нему эффект Арки,
для чего пройдите Effect > Warp > Arc, после чего разберите объект (Object > Expand Appearance).

Замечательный значок


Шаг 11

Отразите копию по вертикали, для чего выберите ее с помощью инструмента Selection Tool (V), щелкните правой
кнопкой мыши и пройдите Transform > Reflect. В появившимся диалоговом окошке, поставьте галочку
напротив «Vertical» и нажмите «Copy». Поместите ленты, примерно, как показано на рисунке ниже.
Залейте их все тем же градиентом (настройки смотрите ниже). Задайте для лент обводку толщиной 5pt,
центрирование по центру (для чего нажмите на панели Stroke кнопку Inside), серого цвета.
Теперь добавьте тени (настройки эффекта смотри ниже на изображении).

Замечательный значок


Заключение.

Вот и все готово. Как видите, получился значок отменного качества, легко редактируемый который
можно использовать в различный проектах.

Замечательный значок


Автор: Andrei Marius
Перевод:Василий Митюков
Источник: тут

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.


Оставить комментарий