Не сложный урок по созданию иконок с отражением в Illustrator. Отлично подходит для новичков.
Вот приблизительно то, что должно получиться. Такие иконки эффектно смотрятся на чёрном фоне.
ШАГ 1
С помощью инструмента EllipsTool рисуем круг. На картинке показано, как именно я положила Gradient, чтобы голубой круглый элемент, присутствующий на всех 3-х иконках казался объемным.
Теперь определяемся с шириной голубого ободка. Кладём круг чуть меньшего диаметра (на картинке я показала его чёрным). Выделяем оба круга и выравниваем их, чтобы верхний круг был ровно по центру нижнего (палитра Aglin). Затем с помощью инструмента Pathfinder, удаляем один элемент из другого. Первая составляющая иконок готова.
Копируем элемент, столько раз, сколько планируем сделать иконок. В моём случае 3.
ШАГ 2
Первой делаем иконку E-mail. С помощью инструмента RoundedRectangleTool рисуем прямоугольник со скруглёнными краями. Придаём прямоугольнику металлический блеск.
С помощью инструмента PenTool, нарисуем элементы поверх прямоугольника, которые в последующем нам нужно будет удалить. Как и в ШАГЕ 1, выравниваем по центру и удаляем одно из другого.
Первая иконка E-mail готова. Поместив её на чёрный фон, можно отрегулировать Gradient, чтобы иконка смотрелась ещё эффектнее.
ШАГ 3
Теперь иконка Tel. Все тоже самое как и в ШАГЕ 2. Рисуем прямоугольник с "металлическим" градиентом.
Удаляем лишнюю часть за счет прямоугольника меньшего размера и инструмента Pathfinder.
Чтобы сделать кнопки телефона, рисуем круг с радиальным градиентом. Копируем его столько раз, сколько должно быть кнопок. В моём случае 12, выравниваем и помещаем их на место.
Итак, иконка Tel готова.
ШАГ 4
Рисуем иконку IСQ. Для этого я взяла первую попавшуюся картинку из интернета. Обведём лепестки цветка. Что бы было лучше видно, я увеличила прозрачность элементов.
Добавляем серединку для цветка. Заливаем все элементы "металлическим" градиентом. Один лепесток заливаем голубым градиентом (см. картинку), для поддержания общей стилистики.
Уже знакомым нам способом удаляем лищнее, что бы осталась только обводка.
Иконка IСQ готова.
ШАГ 5
Помещаем все три иконки на чёрный фон. Осталось сделать отражение, что совсем не сложно).
Группируем все три иконки, копируем группу и отображаем её зеркально.
Теперь поверх кладём прямоугольную плашку. Регулируем Gradient так, чтобы отражение уходило на нет. На картинке хорошо видно как именно я использовал градиент.
Вот таким простым способом мы достигаем неплохого результата =)