Рисуем iTunes иконку в стиле Mac

Конечно это не оригинальная иконка iTunes, но в стиле Mac. Зато здесь собственная композиция. Изучив этот урок вы познаете основы создания современных иконок.

При работе в Photoshop мы будем использовать различные методы:

• Смарт-объекты
• Фильтры
• Пути (Paths)
• Стили слоев
• И другое

 

Потратьте полчаса своего времени и нарисуйте симпатичную иконку!

Создаем изображение в Фотошопе

Размер 600х600 пикселей.

Сражу же необходимо расставить направляющие – Вид – Новая направляющая

Вертикальные направляющие, координаты: 34, 80, 99, 300, 501, 519, 566 пикселей.

Горизонтальные: 29, 75, 93, 300, 496, 520, 516 пикселей.

С помощью них, мы сможем нарисовать ровную иконку, это реальная помощь при построение правильной геометрии.

Первый круг

С помощью инструмента Эллипс создайте ровный круг по центру (внизу картинка правильного расположения), направляющие помогут, они магнитят фигуры при создании.

Щелкните два раза по слою с кругом и примените стили слоев:

Внутреннее свечение (Inner Glow)

Тиснение (Bevel and Emboss)

Градиент (Gradient)

Настройте сам градиент по цветам.

Круг будет таким, это наш каркас для иконки.

Второй круг

Создайте второй круг внутри первого.

Примените для него стили:

Наложение цвета (Color Overlay)

Градиент (Gradient Overlay)

Внутренний круг

Еще один круг который заполняет пустоту.

Примените стили

Внутреннее свечение (Inner Glow)

Градиент (Gradient Overlay)

Получится такой объемный круг.

Блики

Создайте овал белого цвета на верхней части иконки. Как его расположить смотрите на картинке.

Круг будет служить бликом и отражением света, поэтому непрозрачность установите 50%. Добавьте маску слоя и черной кистью закрасьте нижнию часть блика.

 

Получится ненавязчивый блик на верхней части оправы.

Орнамент внутри оправы

Добавьте с помощью фигуры какой нибудь орнамент, я выбрал лучи света исходящие из центра.

Непрозрачность установите 41%, а режим наложение Перекрытие (Overlay)

Создайте маску слоя и затрите не нужные части.

Внутренние блики

Создайте овал белого цвета на внутреннем круге. Точно также установите непрозрачность 50% и на маске слоя затрите ненужные части.

Иконка музыки

Добавьте музыкальную фигуру. В фотошопе есть готовые или скачайте в интернете другую.

Расположите её по центру иконки.

Примените следующие слои стилей:

Тень (Drop Shadow)

Внутреннее свечение (Inner Glow)

Тиснение (Bevel and Emboss)

Градиент (Gradient Overlay)

Обводка (Stroke)

Значок примет облик:

Тень от иконки

По всеми слоями, внизу, создайте овал черного цвета.

Примените фильтр сначала Размытие по Гауссу, с настройкой 10 пикселей.

А потом фильтр Размытие в движении, 0 и 175 пикселей.

Тень слишком размытая. Создайте еще один овал, только поменьше.

Размойте его с помощью Размытия по Гауссу.

А теперь Размытие в движении.

Готово

Автор перевода – Александр Акимов