3D-иллюстрации для Авито Услуг

Создать 4 иллюстрации для категорий «Красота и здоровье», «Деловые услуги», «Вебинары», 
а также одну общую иллюстрацию для всех этих Авито Услуг. 

Ребята из Авито максимально подробно расписали задачу. В ТЗ были описания категорий, референсы, гайды по 3D-графике и их идеи по визуалу. Помимо требований к формату и количеству файлов были и «челенджи». Например, не использовать в графике руки, головы и другие части тела. Для кого-то такие требования звучат как ограничения, но нам близок подход Авито, да и вызовы мы любим. 

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

Это могут быть не только предметы, но и целые концепты: например, маникюр, массажный кабинет, салон красоты. В них тоже можно найти элементы для иллюстрации. 

Главное в подборе референсов — вовремя остановиться, чтобы не потерять время и изначальную идею. Отбираем самые подходящие, определяемся с предметами для иллюстрации, а потом оцениваем каждый объект на пригодность: делаем обводку кривыми, чтобы создать векторное изображение. Если результат не соответствует ожиданиям, меняем ракурс или берём другой объект. 

Выбранные предметы объединяем в одну композицию с помощью шейпов. Размещаем их так, чтобы всё выглядело гармонично, пропорционально и сбалансировано. 

Получившиеся драфты отправляем 
на согласование и при необходимости дорабатываем

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

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

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

Расставляем дополнительные источники света и настраиваем освещение, чтобы подчёркнуть ключевые детали. 

Почти готово — осталось добавить фирменные виджеты. Разрабатываем их в Фигме на основе гайдов клиента и ищем оптимальное место для них в композициях. Здесь важно избежать перегруза и сохранить баланс между объектами иллюстрации и фирменными элементами. Готовим несколько вариантов с разными расположениями виджета — на выбор клиента. 

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

Собираем проект в Фигме. Готовим и общее изображение, и отдельно слои, чтобы вставлять паттерны между слоями или ресайзить изображения. Всё это передаём клиентам. 

— 14 дней работы

— 40 3D-моделей 

— 84 источника света

— 4 иллюстрации в 3D, которые Авито использовали в лендингах, баннерах и рассылках.