Шаг 1
Создайте новый документ, выберите инструмент Эллипс (Ellipse Tool) и создайте небольшой круг любого цвета. Цвет фигуры не важен, так как позднее мы применим стили слоя и заменим цвет. Чтобы у Вас получился круг, а не овал, нужно удерживать Shift при создании.
Шаг 2
Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените следующие стили:
Наложение градиента: Режим – Нормальный, Стиль – Радиальный. Расположите градиент в верхней части круга при помощи мыши (не закрывая окно стилей).
Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Нормальный, Режим тени – Умножение.
Шаг 3
Сделайте копию слоя с кругом и инструментом Свободное трансформирование (Free Transform) уменьшите его размер:
Шаг 4
Перейдите в меню Стилей копии, отключите все имеющиеся стили и примените стиль Обводка:
Положение – Внутри, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный.
Шаг 5
Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и напишите что-нибудь на иконке. Этот слой должен быть поверх остальных. Примените следующие стили к тексту:
Наложение цвета: Режим - Нормальный
Внутренняя тень: Режим - Умножение
Шаг 6
Объедините все три слоя в группу (Ctrl+G) и назовите её "Blue Circle”.
Шаг 7
Выберите инструмент Многоугольник (Polygon Tool) и настройте, как показано ниже. Создайте фигуру. Сделайте её копию и измените размер, как в шаге 3. Вместо того, чтобы применять заново все стили, их можно просто скопировать. Кликните правой кнопкой мыши на слое с предыдущей иконкой и выберите Скопировать стиль слоя (Copy Layer Styles), потом кликните правой кнопкой на новом слое и выберите Вклеить стиль слоя (Paste Layer Styles).
Нужно изменить только настройки стиля Наложение градиента: