Создание пиктограмм в Adobe Illustrator


Пиктограмма или иконка — так называется небольшое растровое изображение на веб-странице, которое используется для ее оформления, идентификации разных ссылок и привлечения к ним внимания. Хотя программа Illustrator является редактором векторным объектов, некоторые ее возможности, в частности, работа с разными градиентами, позволяют быстро создать эффектные рисунки.

На примере треугольника покажем, как пользоваться градиентами для создания псевдотрехмерного изображения (рис. 1).

Рис. 1. Этапы создания рисунка


1. С помощью инструмента Polygon Tool () создаем треугольник радиусом 20 пикселей. Единицы измерения можно задать, нажав правой кнопкой мыши на горизонтальной или вертикальной линейке. Также это можно сделать через настройки документа (File | Document Setup..., Ctrl+Alt+P).

Выберите инструмент Polygon Tool и щелкните мышкой в поле документа. В открывшемся диалоговом окне укажите параметры, как на рис. 2.


Рис. 2. Создание треугольника

2. Поверните треугольник на 30 градусов. Это можно сделать через панель Transform (Window | Transform, Shift+F8) или с помощью инструмента Rotate (, активация клавишей R).
3. Закрасьте треугольник подходящим цветом. Лучше выбирать темные оттенки, на них блик выглядит лучше. В примере выбран цвет #000091.

4. Выбираем инструмент Mesh Tool (, активация клавишей U) и щелкаем мышью примерно в центре треугольника. Должна получиться следующая сетка (рис. 3).


Рис. 3. Градиентная сетка

Теперь надо поменять цвет в центре на более светлый. В рис. 3 использовался #6666FF.

5. Эффект можно усилить, если создать еще один узел сетки и для него установить цвет еще светлее, чем в центре треугольника (рис. 4).


Рис. 4. Новая градиентная сетка

Создание новых узлов делается тем же инструментом Mesh Tool. Надо только щелкнуть мышью в нужном месте и установить новый оттенок. Для рисунка использовался цвет #9999FF.

6. Осталось только изменить форму и размер фигуры, придав ей необходимый вид и сохранить изображение в формате GIF (File | Save for Web..., Ctrl+Shift+Alt+S).

Для разнообразия можно добавить вокруг рисунка рамку другого цвета.


Инструмент Mesh Tool один из самых интересных в программе Illustrator. С его помощью можно создавать сложные градиентные переходы, которые недоступны простыми средствами. Благодаря подобным градиентам, можно создавать псевдотрехмерные изображения и просто броскую графику, которая будет привлекать внимание посетителей сайта.



Предыдущая статья     Следующая статья     Список статей