Как создать санберст в Photoshop

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

Аркада Angry Gran Run использует санберст в иконке игры, а также в диалоговых окнах внутри игры. Я также использовала эту фигуру при создании иконок для игры Spooky Planet.

В этом руководстве я расскажу, как создать санберст с помощью фильтров искажений в Adobe Photoshop.

Начнём с выбора цветов для фона. Затем мы используем эти цвета и применим линейный градиент. Потом узнаем, как использовать фильтр «Волна», чтобы создать вертикальные полосы из градиентной заливки.

В конце мы применим другой фильтр Photoshop – Полярные координаты. Давайте начнём!

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

Создайте пустой документ размером1200 на 1200 пикселей.

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

Свойства нового документа в Photoshop.

2. Выбор цветов и применение градиента

Шаг 1

Затем выберите инструмент «Градиент» (G) на панели инструментов.Задайте цвета для переднего и заднего плана при помощи инструмента «Пипетка». Выберите оттенки, которые хотите использовать для создаваемого санберста. Я использовала следующие цвета (значения представлены в формате RGB):

Передний план – 428C9C.

Задний план – 1C4B61.

Шаг 2

Убедитесь, что выбран инструмент «Линейный градиент», нарисуйте вертикальный нисходящий градиент.

Совет: удерживайте нажатой клавишей Shift, чтобы направление было точным.

Ниже представлены настройки инструмента «Линейный градиент» и документ Photoshop после применения градиента:

Шаг 2

Заполнение вертикальным градиентом

3. Создайте полосы

Для создания полос пройдите в меню Фильтр -> Искажение ->Волна (Filter -> Distort -> Wave). Этот фильтр создаст синусоидные, треугольные или квадратные волны в зависимости от выбранных настроек. Ниже показаны настройки, которые использовала я.

Создайте полосы

Настройки фильтра «Волны»

4. Создание эффекта солнечных лучей

На последнем шаге мы создадим санберст, состоящий из полос, которые мы получили на предыдущем шаге. Для этого перейдите в меню Фильтры -> Искажение -> Полярные координаты (Filter -> Distort -> Polar Coordinates). Фильтр «Полярные координаты» преобразует выбранную область из прямоугольных координат в полярные и наоборот в зависимости от выбранной опции.

В нашем случае выберите опцию Rectangular to Polar («Прямоугольные в полярные»), и всё готово!

Создание эффекта солнечных лучей

Преобразование прямоугольных координат в полярные для создания санберста

Готовое изображение

Ниже показано, как выглядит созданный нами фон:

Готовое изображение

Готовое изображение солнечного фона

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

Вадим Дворниковавтор-переводчик статьи «How to Create Sunburst Background in Photoshop»