Монтировал свой блог из путешествия по Индии и хотелось сделать карту. Изначально я хотел использовать гугл карты, чтобы упростить задачу, однако, результат совсем не понравился. В то же время чтобы сделать детализированную карту в Cinema4d, нужно приложить много усилий, который врядли окупятся. Чего стоит найти карту Гоа в векторе со всеми названиями.
Кроме того немного устал от вылизанной 3д графики, хочется чего-то более тактильного, что-то из реального мира. Повсеместное использование 3д графики и ИИ уже утомило зрителей.
Этот кейс описывает процесс создания стилизованной анимации карты, где современная цифровая графика превращается в тактильную «бумажную» графику.
1. Концепция и визуальный стиль
Основная идея — уйти от плоского вида Google Maps или OpenStreetMap в сторону винтажной эстетики. Карта должна ощущаться физическим объектом, на котором буквально «проступают» типографские чернила. Дополняются ощущения звуковыми эффектами.
2. Подготовка картографической основы
- Сбор данных: Использование общедоступные карты Индии и детальной карты штата Гоа полученной из вектора.
- Текстурирование: Для превращения «цифры» в «бумагу» применены наложения в режиме Multiply и Overlay:
- Базовый слой: Текстура старой плотной бумаги с мелкими вкраплениями волокон.
- Микрорельеф: Слой с заломами и помятостями для придания объема.
- Цветокоррекция: Смещение палитры в теплые, слегка выцветшие тона.
3. Работа с типографикой (Эффект чернил)
Для названий локаций и штатов использована текстура печатных чернил.
- Техника: Использование Luma Matte. Текстура типографского тиснения накладывается на маску текста. Это создает эффект, будто буквы были напечатаны на станке и краска неравномерно впиталась в рыхлую бумагу.
4. Структура анимации и переходы
Сцена 1: Масштаб страны
Показ общей карты Индии. Плавное панорамирование, акцент на расположении штата Гоа. Чтобы зритель понимал географический контекст, Гоа выделяется контурной обводкой и закрашиванием.
Сцена 2: Перелистывание (The Flip)
Вместо обычного зума использован эффект перелистывания страницы. Это усиливает ощущение работы с физическим атласом.
- Реализация: Эффект
CC Page Turn— анимация изгиба слоя в 3D-пространстве.
Сцена 3: Детализация Гоа
Открывается карта штата. Здесь происходит разделение на Северный и Южный Гоа.
- Визуальный прием: Используется штриховка, с наложением текстуры печатных чернил.
Анимация типографики
Использована плоская анимация надписей — эффект появления букв из-за невидимой границы, на которые наложены эффекты типографской краски. Позволяет сделать аккуратными анимации.
На изображении ещё видно не ровные края линий и текста. Как будто они принимают форму бумаги.
5. Финальные штрихи
- Камера: Добавление небольшого «дрожания» (Wiggle) камеры и глубины резкости (Depth of Field), чтобы сфокусировать внимание на конкретных деталях карты при зуме. А так же использован прием — overlap, когда следующее движение камеры начинается ещё до окончания прошлого. Что создает более приятное впечатление, убирается некий механизм, движения камеры кажутся более естественными.
- Доп элементы: Наложение изображений пляжей в виде polaroid снимков в 3д пространстве, как будто фотографии бросают на стол.
Результат
Благодаря многослойному наложению текстур и имитации типографской печати, стандартная карта превратилась в уникальный художественный элемент, который задает атмосферу всему видео о путешествии.
Vimeo: