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

Авторизация

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

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


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


Рисуем глянцевый значок


Рисуем глянцевый значок
 В этом уроке я покажу вам, как нарисовать реалистичный глянцевый значок в Adobe Illustrator. 

Контур значка.

Инструментом Ellipse, удерживая Shift, рисуем окружность.

Рисуем глянцевый значок
Заливка градиентом.

Слева вы видите картинку, которую я буду использовать для значка. Однако в образовательных целях в этом уроке мы сначала нарисуем значок целиком и только после этого разместим на нем выбранную иллюстрацию.
Итак, залейте окружность радиальным градиентом (я использую желто-оранжевый). Используя инструмент Gradient, измените положение градиента - удерживая Shift, задайте направление заливки снизу в центр круга.

Рисуем глянцевый значок
Глянцевый блик.

Создайте новый слой, щелкнув по кнопке Add New Layer в палитре Layers. Дважды щелкните по слою, чтоб переменовать его, например, в 'shiny highlight'. Нажмите D на клавиатуре, чтоб сбросить цвета заливки/обводки в цвета по умолчанию: белый и черный. Обводка нам не потребуется - сбросьте ее в None (перечеркнутый по диагонали квадратик). Снова с помощью инструмента Ellipse нарисуйте окружность, которая немного меньше первой. Эта окружность должная быть без видимой обводки, с белой заливкой. Снимите выделение с окружности и нарисуйте еще эллипс поверх как показано на рисунке. Теперь выделите все три фигуры и с помощью палитры Align выровняйте их центры по вертикали.

Рисуем глянцевый значок
После этого выделите только белую окружность и эллипс и в палитре Pathfinder нажмите Subtract from Shape area ("вычитаем" верхнюю фигуру их нижней). Нажмите Expand. Основа для блика готова.
Рисуем глянцевый значок
Да будет блеск.

С помощью инструмента Rectangle нарисуйте прямоугольник поверх основы для блика. Этот прямоугольник должен полностью закрывать фигуру под ним. Залейте прямоугольник линейным черно-белым градиентом снизу вверх.
Теперь нам нужно одновременно выделить и прямоугольник, и блик под ним. Это удобнее всего делать с помощью палитры Layers - удерживая Shift, щелкнуть по кружочкам рядом с объектами, которые нужно выделить.

Рисуем глянцевый значок
Верхний прямоугольник будет маской прозрачности для блика (то, что в маске черного цвета, станет прозрачным, белый останется полностью непрозрачным). Когда оба объекта выделены, выберите Make Opacity Mask в выпадающем меню палитры Transparency.
Рисуем глянцевый значок
Добавляем рисунок.

Выделите залитую градиентом основу для значка и скопируйте ее (Ctrl+C). Все части изображения, которое вы хотите разместить на значке, лучше сгруппировать, чтоб потом не путаться. Оптимально расположить изображение на отдельном слое поверх залитой градиентом основы. После того, как вы убедитесь, что будущий рисунок удачно расположился поверх значка, вставьте поверх него предварительно скопированную окружность (Ctrl+F). Выделите одновременно эту копию и изображение, удерживая Shift, после чего нажмите Ctrl+7. Окружность, лежащая сверху, станет обтравочной маской (Clipping Mask) для рисунка (он "обрежется" по ее контуру). Итак, наш значок почти готов, остались финальные штрихи.

Рисуем глянцевый значок
Немного объема и глубины.

Добавим объема значку. Для этого вставим поверх него еще одну копию окружности-основы (Ctrl+F) и зальем ее радиальным черно-белым градиентом как показано ниже.

Рисуем глянцевый значок
Теперь установите для этой окружности режим смешивания Multiply и прозрачность около 20% (на ваш вкус), чтоб сделать белый прозрачным и немного затемнить края.
Рисуем глянцевый значок
Вот такой получился значок.И так делаются остальные:)Успехов!!!
Рисуем глянцевый значок
 


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

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

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

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