Учебное пособие по иконке с прозрачным IM-стилем — рассмотрим подробно

Блестящее и глянцевое изображение «Web 2.0» прекрасно подходит для иконок. Следуйте этому руководству по Adobe Illustrator, чтобы создать масштабируемую векторную иконку в стиле мгновенных сообщений с изображением глянцевой и полупрозрачной поверхности.


Откройте Illustrator и нарисуйте круг на монтажной области (удерживайте Shift, чтобы ограничить).

Кроме того, выберите два цвета на ваш выбор и либо добавьте их в палитру «Образцы», либо нарисуйте пару прямоугольников в одну сторону.

Оставив выбранный круг, выберите инструмент «Градиентная сетка» и слегка щёлкните немного по центру круга. Выберите более светлый оттенок из двух недавно выбранных цветов с помощью сохраненного образца или палитры цветов.

Вернувшись с помощью инструмента «Круг», нарисуйте больший овал в качестве тела иконки.

Повторите процесс добавления более светлого оттенка с помощью инструмента Gradient Mesh.

Нарисуйте еще один овал, изображающий руку, поверните и расположите фигуру на одной стороне тела.

Добавьте еще одно выделение с помощью инструмента «Градиентная сетка».

Скопируйте и вставьте кронштейн, поверните и установите новый кронштейн на противоположную сторону корпуса.

Нажмите CTRL + SHIFT + [, чтобы отправить новый рычаг на заднюю часть объектов.

Нарисуйте два маленьких белых овала в качестве отражающих бликов на головке иконы.

Установите эти два выделения на 20% непрозрачности, чтобы получить тонкий эффект.

Точно нарисуйте еще один круг над телом иконы. Почему бы просто не скопировать и вставить форму тела? Причина в том, что точки Gradient Mesh вызывают проблемы с Pathfinder на более позднем этапе. Альтернативным решением будет удаление точек сетки вручную с помощью инструмента прямого выбора.

Нарисуйте еще один круг в качестве временного инструмента для использования с указателем пути, обратите внимание на создание плавной кривой по всему значку.

Выбрав оба объекта, выберите параметр «Пересечь область формы» в «Навигаторе» и «Развернуть».

Нажмите CTRL + [, чтобы отправить объект обратно, пока он не окажется под рукой и головой, но все еще о формах тела.

Установите выделение до 20% непрозрачности.

Нарисуйте еще два тонких отражения на теле с той же 20% белой заливкой.

Повторите процесс рисования идентичной формы, на этот раз на руке иконы.

Нарисуйте другую временную фигуру, снова следуя контуру базовой фигуры.

Выбрав оба объекта руки, используйте параметр «Вычесть из области формы» в «Навигаторе» и «Расширить».

Установите новое выделение на 20% непрозрачности.

Выберите объекты «голова», «руки» и «тело» и измените непрозрачность до 95%, чтобы придать слегка прозрачный вид.

Нарисуйте последний круг, заполненный градиентом от цвета по вашему выбору до белого.

Раздавите эту форму, используя ручку ограничительной рамки, и расположите внизу стека, используя команду CTRL + SHIFT + [. Установите этот объект на Умножение для использования на разноцветных фонах.

Значок мгновенного обмена сообщениями сам по себе выглядит неправильно, дублируйте значок хотя бы один раз, чтобы обозначить социальный аспект чата. Измените цвета нового значка с помощью параметра «Фильтр»> «Цвета»> «Настроить цвета» или вручную выберите точки сетки с помощью инструмента «Прямой выбор» и добавьте новый образец цвета.




Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш адрес email не будет опубликован.