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

1. Вводная задача от заказчика, проблематика, цели

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

1. Подбираем референсы

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

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

2. Собираем 2D-драфты

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

3. Собираем 3D-модели

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

4. Подбираем цвета для объектов

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

5. Настраиваем отражения и преломления

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

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

6. Добавляем фирменные элементы

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

7. Финалим~

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

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

3. Результаты сотрудничества

Результат

• 14 дней работы
• 40 3D-моделей
• 84 источника света
• 4 иллюстрации в 3D, которые Авито использовали в лендингах, баннерах и рассылках.

Анна Коновалова

Руководитель группы маркетинговых коммуникаций, Авито Услуги

Команда студии TOLKUNOV справилась на все 100%: с первых концептов стало понятно, что ребята отлично могут адаптироваться к новым визуальным контстантам продукта и понимают технический подход к производству.

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

В итоге мы получили 3D-иллюстрации, которые не просто украшают материалы, но усиливают восприятие Авито в целом и Услуг в частности. 


Это тот случай, когда хочется возвращаться к подрядчику снова!