Компания электрического света решила открыть свой корпоративный сайт. Было решено разместить на главной странице иллюстрацию, повествующую о деятельности компании.

Рассказывает Илья Бобяков.

Не хочется делать какую-то абстракцию, не имеющую ничего общего с услугами компании, поэтому будем использовать только реальные объекты и текстуры. Берём фотоаппарат и в путь.

Часть 1. Фотосъемка

Ещё при входе на территорию базы мой взор упал на флаги. Лично у меня флаги всегда ассоциируются с чем-то ярким и хорошим. Кроме того, они придают антуража, без которого сейчас никуда.

Фотографируем территорию, материалы, склады, погрузчик:

Всего было сделано несколько десятков фотографий. Благо, день был солнечный. Погода обычно играет большую роль в этом деле. К примеру, для того, чтобы сделать вот эти фотографии, потребовалось три дня фотосъемки.

И уже когда я возвращался назад, судьба преподнесла мне подарок — большое белое облако:

Такие облака бывают только в кино и на наших сайтах.

Часть 2. Постановка задачи 3D-моделеру

Это должно быть рабочее место крупного поставщика строительных материалов: большая территория, материалы, ангары. Мы должны показать масштаб деятельности компании количеством и разнообразием её ассортимента. Нужно показать движение (развитие), изобразив динамические объекты (погрузчик). Кроме того, атмосфера должна навеивать оптимизма.

Часть 3. Моделирование и выбор ракурса

Рассказывает 3D-моделер Борис Цепко.

Для начала было создано несколько 3D-эскизов, на которых обычными примитивами было обозначено положение ангаров, коробок и т.д. Эскизы позволили художнику удачно расположить камеры и выбрать подходящий угол обзора.


Комментирует Илья Бобяков.

На первом и втором кадрах отсутствует композиция, пусто. На третьем кадре неудачный угол обзора — зритель смотрит на происходящее с воздушного шара. Четвёртый, пятый, шестой и седьмой кадры перегружены объектами. К тому же, высокая точка зрения усугубляет ощущение, что на кадрах изображена база ВВС США. Так на свет появился кадр под номером 8.

Продолжает Борис Цепко.

После выбора подходящего ракурса эскиз был дополнен примитивами более детально. Затем постепенно, по мере работы, примитивные коробки и цилиндры заменялись детально изготовленными 3D-объектами.

Для придания фотореалистичности были использованы многоканальные текстуры и сложное фотометрическое освещение.

В сцене используется более десятка источников света, как точечных (Omni), так и направленных (Target Spot). Свет разделен на группы. Одна группа освещает только погрузчик, другая — передний план сцены, остальные источники освещают всю сцену целиком. Также установлен источник небесного света (Skylight), благодаря которому были получены мягкие тени.

Часть 4. работа с текстурами

Основная часть текстур была изготовлена вручную на основе реальных фотографий.

Флаги. Поскольку размер каждого флага на иллюстрации не будет превышать 12×38 пикселей, текстуры сделаны посредственно и схематично:

Часть 5. Идеология

Рассказывает Илья Бобяков.

Когда модель была завершена (как нам тогда казалось), она должна была пройти проверку на соответствие действительности.

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

Оказывается, досок вообще нет. Убираем. И прибираемся на территории.

Профиль и трубы конечно хорошо, но вот гипсокартон и теплоизоляция Isover — самые ходовые позиции, поэтому лучше разместить их. С маркетингом не поспоришь.

На этом работа трехмерщика заканчивается и начинается работа Flash-аниматора.

Из трехмерной сцены было взято семь последовательно-нагруженных слоев, которые были наложены друг на друга с определенным временным интервалом:

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

Бывает, заказчик и пользователь просто не замечают, как много мы для них делаем. Они всегда получают свою конфетку. А как она создавалась, кем она создавалась, какой глубокий смысл вложили в её вкус создатели, обычно остается неизвестным. Мы исправили это недоразумение, придумав раздел «За кадром».

В разделе «За кадром» можно узнать не понаслышке о том, как у нас думают над проблемой, прежде, чем на ваших экранах возникнет решение.