ТБанк стиль

Стиль ТБанка

Редактировать...

Отличный вопрос. И очень хороший вкус 👍

Сразу скажу: ты прав — одним Illustrator / Inkscape такое не делается. И ты уже почти угадал стек.

Разберём как реально делают такие иллюстрации уровня Т-Банка, без мифов и маркетинга.

Что это за стиль у Т-Банка (если формализовать)

Это:

  1. 2.5D / soft-3D иллюстрации
  2. упрощённые формы
  3. минимализм
  4. фирменная геометрия
  5. часто 3D-база + 2D-доработка

То есть это гибрид, а не «рисунок в одном редакторе».

Реальный production-пайплайн (как делают крупные студии)

🧱 1️⃣ Основа — 3D (Blender / Cinema 4D)

Используют:

  1. Blender
  2. Cinema 4D (часто + Redshift)
  3. реже Houdini (для генеративки)

Зачем 3D:

  1. идеальные пропорции
  2. перспектива
  3. свет и тени
  4. единый стиль на сотни иллюстраций

Вручную в 2D это нереально масштабировать.

🎨 2️⃣ Рендерят в «плоском» стиле

Фишки:

  1. orthographic camera
  2. минимальный или toon shading
  3. мягкий свет
  4. пастельные материалы
  5. часто без текстур

Результат:

  1. картинка выглядит как «рисунок»
  2. но с глубиной

✂️ 3️⃣ Постобработка в 2D (Illustrator / Inkscape)

Тут:

  1. упрощают формы
  2. усиливают контуры
  3. подгоняют под бренд
  4. делают иконки и мелкие элементы

Иногда:

  1. трассируют рендер → в вектор
  2. иногда оставляют PNG/WebP

🧩 4️⃣ Микс с чистым 2D

Мелкие элементы:

  1. линии
  2. паттерны
  3. стрелки
  4. иконки

Делаются чисто в:

  1. Illustrator / Inkscape
  2. Figma / Lunacy — только компоновка

Почему нельзя сделать это только в Inkscape

Потому что:

  1. нет перспективы
  2. нет физического света
  3. сложно держать единый стиль
  4. адская ручная работа

👉 Вектор — это финиш, не источник.

Твой стек — почти идеальный

У тебя уже есть:

  1. ✅ Blender — главный инструмент
  2. ✅ Inkscape — финализация
  3. ✅ Lunacy — сборка интерфейса

Ты буквально на 80% готов.

Как бы Я делал ТВОЙ пайплайн

🔹 Шаг 1: Создай «визуальный язык»

Один раз:

  1. толщина форм
  2. радиусы
  3. цветовая палитра
  4. тип света
  5. масштаб

🔹 Шаг 2: Моделируй примитивами

В Blender:

  1. кубы
  2. цилиндры
  3. без скульпта
  4. без текстур

🔹 Шаг 3: Стильный рендер

  1. Orthographic camera
  2. Eevee
  3. пастельные материалы
  4. мягкие тени
  5. прозрачный фон

🔹 Шаг 4: Доводка в Inkscape

  1. обводки
  2. упрощение
  3. иконки
  4. адаптация под UI

🔹 Шаг 5: Используй как систему

Одна сцена →

10–20 иллюстраций →

единый стиль

Почему Т-Банк выглядит «дорого»

Не из-за инструментов.

А потому что:

  1. есть иллюстрационная система
  2. не рисуют каждую картинку с нуля
  3. есть библиотека сцен
  4. есть жёсткие гайдлайны

Важный инсайт (реально важный)

Иллюстрации — это код.
Система важнее конкретной картинки.

Ты как программист это сразу поймёшь.

Если хочешь, следующим шагом можем:

  1. разобрать конкретную иллюстрацию Т-Банка по слоям
  2. собрать Blender-сцену под стиль
  3. придумать иллюстрационную систему для твоего сайта
  4. или разобрать как оптимизировать такие иллюстрации под CWV

Скажи, куда копаем дальше 👇