Стильные иконки для сайта или мультимедиа-презентации

Итак, начали! В начале создайте новый документ размерами около 500 × 300 пикселей и залейте его белым цветом. Теперь перейдем непосредственно к созданию иконки. Создайте новый слой, затем выберите Ellipse Tool, чтобы сделать круглую форму, как на картинке ниже.

После этого примените следующие стили слоя: Gradient Overlay и Stroke .

Теперь у нас есть что-то вроде этого:

Не выглядит как иконка не так ли? Не беспокойтесь, мы продолжаем урок. Теперь, используя инструмент Elliptical Marquee Tool, сделайте выделение, как на скриншоте ниже, а затем создайте новый слой и залейте выделение градиентом от темно-синего (# 1c2133) к прозрачныму.

Хорошо, теперь выбираем нашу круглую форму иконки (Ctrl + левый клик на иконке слоя в палитре слоев) и инвертируем выделение Ctrl + Shift + I. Убираем выделенную область, нажав кнопку "Удалить".

Снимаем выделение с области с помощью комбинации Ctrl + D и переходим к следующему этапу урока. Используйте Ellipse Tool снова, чтобы сделать новое выделение круглой формы цвета # 5ebf1a. Будьте внимательны, вторая круглая форма должна быть немного меньше, чем основная.

Затем примените такие стили слоя: Inner Glow и Stroke для этой формы.

Но мы еще не закончили иконку! Дальше! Растеризуйте эту форму Layer> Rasterize> Shape. Затем выберите Elliptical Marquee Tool, чтобы сделать выделение, аналогичное тому, что было в начале урока, затем используйте Dodge Tool (Brush: 100 px, Range: Midtones, Exposure: 20%), чтобы немного высветлить нижнюю часть формы.

После этого инвертируем выделение Ctrl + Shift + I и изменения параметр Range инструмента Dodge Tool от Midtones к Highlights, продолжаем работать.

Хорошо, вернём обратно инвертированное выделение, и теперь, используя Burn Tool (Brush: 100px, Range : Midtones, Exposure: 30%), добавим контраста для кнопки.

Хорошо, мы почти у цели! Снимите выделение с помощью Ctrl + D и переходим к следующему шагу. Я хотел бы добавить какой-то орнамент зеленой форме. Выберем Custom Shape Tool и используем одну из стандартных форм Photoshop из галереи. Я выбрал эту:

Это будет выглядеть лучше, если мы применим некоторые свойства Blending Option, такие как тень

Результат должен быть таким же, как у меня:

ОК, теперь сольём все слои с иконкой в один и применим Edit> Transform> Distort:

После этого продублируйте этот слой с помощью Ctrl + J и сдвиньте его ниже оригинального слоя, как на рисунке ниже:

Используйте стиль Color Overlay для этого слоя.

Почувствовали разницу теперь?

Остается добавить тень внизу и наша иконка будет готова. Отлично, переходим на фоновый слой и создаём новый слой выше. Выберите Elliptical Marquee Tool, чтобы создать выделение, как на картинке ниже и заполните его черным цветом.