A LITTLE DEPTH CHANGES EVERYTHING

Посмотрите
чуть глубже.

Одно изображение. Пять слоёв.
Раздвигайте, меняйте цвет и находите
пространство между ними.

ОТ ИСХОДНИКА К РЕЗУЛЬТАТУ

Одна картинка. Три понятных шага.

Это подготовленная SVG-иллюстрация из пяти слоёв. Кнопки ниже последовательно показывают её устройство и применяют указанные настройки.

Шаг 1: исходная композиция — палитра «Закат», все пять слоёв.

Сравнить исходник и результат ↓
FIG. 01 · SUNSET STUDY
62%

ДО → ДЕЙСТВИЕ → ПОСЛЕ

Что именно изменилось?

Палитра «Закат». Все пять слоёв видны. Исходник и результат совпадают.

ИсходникЗакат · 5 слоёв · без изменений
Исходная иллюстрация: закат, солнце, горы, вода и растения
Текущий результатЭта плоская композиция попадёт в SVG

Твоя очередь: пройдите три шага, верните растения, смените палитру и скачайте результат. Расстояние между слоями и параллакс меняют способ просмотра; цвета и видимость меняют сам экспорт.

THE ANATOMY OF A PICTURE

У каждого слоя
своя роль.

01 / РАЗДЕЛИТЬ

Увидеть устройство

Фон, свет, дальний план, вода и растения образуют одну подготовленную иллюстрацию. Их можно исследовать по отдельности.

02 / СДВИНУТЬ

Почувствовать глубину

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

03 / ПЕРЕСОБРАТЬ

Сохранить своё

Выберите палитру, уберите лишние слои и скачайте SVG. Экспорт сохраняет видимые элементы и выбранные цвета.