Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Создание комплекса иконок
Adobe Illustrator » Уроки 31 октября 2009 NazaRПечать


 
 1. Создайте новый документ, инструментом Прямоугольник (Rectangle Tool) (M) щелкните по рабочей области документа и укажите параметры прямоугольника ширина (Width) 138 px, высота (Height) 170 px.
Создание комплекса иконок
2. К выделенному прямоугольнику применить Фильтр (Filter) – Стилизация (Stylize) – Скругленные углы (Round Corners) с Радиусом (Radius) 70 px.


3. Снять выделение с фигуры (щелкнуть в любом месте рабочей области документа) и инструментом Прямое выделение (Direct Selection Tool) (A) щелкнуть по контуру фигуры и еще раз щелкнуть по нижней точке фигуры и перетянуть точку вниз. Теперь у нас есть форма головы.

4. Инструментом Эллипс (Ellipse Tool) (L) щелкните по рабочей области документа и укажите параметры эллипса ширина (Width) 15 px, высота (Height) 42 px. Поместите эллипс согласно рисунку.

5. Инструментом Выделение (Selection Tool) (V), удерживая на клавиатуре клавиши Shift + Alt (Shift для ровного перемещения, Alt – для создания копии) переместите копию эллипса на правую сторону головы. Имеем форму ушей.

6. Выделите голову и уши и нажмите кнопку Добавить к фигуре (Add Shape Areas) в палитре Обработка контуров (Pathfinder) и затем кнопку Расширить (Expand).

8. Выделить голову и инструментом Градиент (Gradient Tool) (G) протяните от нижней части до середины головы, что бы изменить направление цвета в градиенте (сделать светлее в нижней части головы).
 

9. Создайте эллипс шириной 92 px и высотой 54 px и поместите его по центру в верхней части головы.

10. Залить созданный эллипс линейным (Linear) градиентом от светло-синего до темно синего. Инструментом Градиент (Gradient Tool) (G) протянуть от верхней к нижней части эллипса.
 11. Выделите форму головы и Объект (Object) – Контур (Path) – Создать параллельный контур (Offset Path), установить Смещение (Offset): – 4 px.


12. Создать круг 250 px на 250 px и разместить как на рисунке. Выделить круг и параллельный контур головы и нажмите кнопку Вычесть из фигуры в палитре Обработка контуров (Pathfinder).


13. Выделите фигуру, что получилась в результате вычитания и залейте ее белым цветом. Не снимая выделения Эффект (Effect) – Стилизация (Stylize) – Растушевка (Feather) и установите радиус 9 px.

14. Выделите форму головы и как в пункте 11 Объект (Object) – Контур (Path) – Создать параллельный контур (Offset Path), установить Смещение (Offset): – 4 px. Далее нарисуйте прямоугольник, который перекроет верхнюю часть головы вместе с ушами. Выделите прямоугольник и параллельный контур и снова Вычесть, как в пункте 12.


15. Выделите фигуру, которую получили в результате предыдущего пункта, скопируйте ее (Ctrl+C) и вставьте на передний план (Ctrl+F). При вставке на передний план остается выделенною вставленная фигура, ее инструментом Выделение (Selection Tool) (V) уменьшить, перетянув точку управления фигуры немного вверх. Выделить обе фигуры и снова Вычесть.

16. Залить полученную фигуру белым цветом и Растушевать на 9 px, как в пункте 13.

17. Теперь, когда голова готова, приступим к телу. Создайте прямоугольник 286 px на 156 px. Далее создайте еще один прямоугольник 75 px на 140 px. Поместите меньший прямоугольник вертикально по центру вверху большего прямоугольника (смотрите рисунок), выделите оба прямоугольника и нажмите кнопку Добавить к фигуре (Add Shape Areas) в палитре Обработка контуров (Pathfinder).

18. К созданной фигуре применить Фильтр (Filter) – Стилизация (Stylize) – Скругленные углы (Round Corners) с Радиусом (Radius) 40 px.
19. Создайте эллипс 700 px на 355 px и поместите как на рисунке. Выделите эллипс и форму тела и нажмите кнопку Область пресечения фигур (Intersect) в палитре Обработка контуров (Pathfinder).
Создание комплекса иконок
 20. Залейте фигуру тем же радиальным градиентом, как и форма головы и измените направление градиента от левого плеча.

21. Выделите форму тела и Объект (Object) – Контур (Path) – Создать параллельный контур (Offset Path), установить Смещение (Offset): – 4 px. Далее, создайте круг 266 px на 266 px и разместите над левым плечом. Выделите круг и параллельный контур и нажмите кнопку Область пресечения фигур (Intersect) в палитре Обработка контуров (Pathfinder).

Создание комплекса иконок
22. Залейте новую фигуру светло-синим цветом и примените Растушевку с радиусом 17 px. 

23. Снова создайте параллельный контур со смещением: – 4 px. Далее, создайте эллипс 147 px на 96 px и поместите его на правое плечо. Выделите параллельный контур и эллипс и нажмите кнопку Область пересечения фигур (Intersect) в палитре Обработка контуров (Pathfinder).

24. Залейте светло-синим и примените Растушевку с радиусом 17 px.

25. Поместите фигуру тела за головой (выделите все части тела и нажмите Shift+Ctrl+[ ).

26. Иконка сделана, но она будет выглядеть лучше с тенью. Создайте круг 360 px на 360 px. Залейте его черно-белым радиальным градиентом.

27. Инструментом Выделение (Selection Tool) (V) уменьшите эллипс в пять раз и поместите под иконкой.
,28. Иконка сделана, а теперь самое интересное: как быстро сделать копию иконок в других цветах. Выделите все и создайте копию (Ctrl+C) и вставьте (Ctrl+V). Не снимая выделения с копии откройте Редактирование (Edit) – Редактирование цвета (Edit Colors) – Перекрасить Графический объект (Recolor Artwork), откроется диалоговое окно Живой цвет (Live Color).
Создание комплекса иконок
29. Щелкните по кнопке Редактировать (Edit) в верхней части данного диалогового окна. Теперь можно редактировать каждый цветовой набор отдельно, перемещая круги наборов по цветовому кругу или «сгруппировать» все цветовые наборы, нажав кнопку в виде замка: Ссылка на гармоничные цвета (Link harmony colors).
Создание комплекса иконок
30. Вы можете корректировать цвет, перемещая кружки, и можно указать цветовую модель для настройки цветов. Что бы сменить цветовую модель нажмите кнопку в нижней части окна: Режим настройки цвета (color mode). Автору нравится использовать цветовой режим HSB.
Создание комплекса иконок
31. Выбрав цветовую модель, можете изменять цвета, пользуясь ползунками в нижней части окна. Если Вам нужно вернуться к первоначальным цветам, нажмите кнопку Цвета из указанного изображения (Get Colors From Selected Art) в верхней части окна.
Создание комплекса иконок
Финал 
 


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.