Как добавить 3D-движение к 2D-иллюстрации

Как работает эффект

Одна иллюстрация может получить движение с параллаксом, но персонаж или сцена не превращаются в настоящую трёхмерную модель.

2D-иллюстрацию можно использовать как источник для эффекта глубины на основе изображения, однако движущаяся подача с параллаксом — это не превращение рисунка в смоделированного персонажа или сцену. Изображение содержит один ракурс, а эффект оценивает, какие области должны перемещаться по-разному.

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

Выберите подходящее исходное изображение

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

Тонкие контуры, текст, линии скорости, прозрачные края и перекрывающиеся аксессуары могут смещаться или искажаться при раздельном движении слоёв глубины. Простые фоны и чёткие границы фигур легче оценить; логотипы и надписи особенно важно проверить, поскольку даже небольшие искажения заметны.

• Подходящие варианты Выразительные силуэты, отдельные элементы переднего плана и фон с простыми формами.
• Проверьте особенно внимательно Типографику, прозрачные края, тонкий контур, повторяющиеся узоры и намеренно уплощённую перспективу.

Практический порядок действий

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

1. Сохраните копию исходной иллюстрации. Убедитесь, что у вас есть разрешение на её обработку, особенно если работа принадлежит другому автору.
2. Проверьте типичное кадрирование. Не прижимайте главную фигуру к краю и оставьте достаточно фона вокруг, чтобы оценить параллакс.
3. Сравните движение при обычном размере просмотра. Проверьте, как ведут себя линии и надписи: неподвижный кадр может скрывать временное дрожание.

Проверьте результат и ограничения

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

Не используйте клип с параллаксом как замену риггингу, анимации или конвейеру создания 3D-ресурсов. Если нужны редактируемые слои, заданная траектория камеры или предсказуемая геометрия, подготовьте их в специальном графическом или 3D-приложении.