Взять готовые 2
Готовые формы
Редактировать...Отлично, тогда идём практически и по шагам, без теории ради теории.
Сейчас дам тебе конкретный пайплайн + источники, которыми реально пользуются.
🔹 Часть 1. Где брать «сырьё» (SVG / формы / базы)
✅ Лучшие источники (не стыдно, не «стоково»)
1️⃣ SVG-иконки и формы
Используй как заготовки, не как финал.
- Heroicons — чистая геометрия
- Tabler Icons — отлично подходят для экструдирования
- Phosphor Icons — мягкие формы
- SVG Repo — много абстрактных форм
- Shape.so / Haikei — генерация blob-форм
📌 Идея:
ты не используешь иконку как иконку,
ты используешь её как геометрию.
2️⃣ Абстрактные формы (идеально под стиль банка)
Ищи:
- blobs
- abstract shapes
- geometric svg
Их очень любят банки и финтех.
3️⃣ Простые 3D-ассеты (опционально)
Когда дойдёшь до Blender:
- Poly Haven (бесплатно)
- Sketchfab (фильтр: downloadable + simple)
Но это позже.
🔹 Часть 2. Пайплайн SVG → стиль → 3D
Вот правильный порядок, как у взрослых команд.
Шаг 1️⃣ — Inkscape (обязательный этап)
Ты берёшь SVG и делаешь:
- убираешь лишние точки
- объединяешь shapes (Union)
- приводишь к одной толщине
- скругляешь углы
- оставляешь чистую геометрию
📌 Это как:
отрефакторить чужой код
Шаг 2️⃣ — Приводишь к системе
Ограничения (очень важно):
- 3–4 цвета максимум
- одинаковые радиусы
- одинаковая толщина
- одинаковый масштаб
👉 Ограничения = стиль
Шаг 3️⃣ — Решение: 2D или 3D
Вариант А (начни с него): 2D псевдо-3D
- свет сверху
- 1 основной цвет
- 1 тень
- без перспективы
Это уже уровень Т-Банка, без Blender.
Вариант Б (следующий шаг): SVG → Blender
Как это делают:
- Экспорт SVG из Inkscape
- Импорт в Blender
- Extrude (глубина 5–20%)
- Orthographic camera
- Один источник света
- Пастельный материал
- Рендер PNG/WebP с прозрачностью
📌 Никакого скульпта.
📌 Никакой «художки».
📌 Только инженерия.
🔹 Часть 3. Почему это не «воровство»
Потому что ты:
- меняешь форму
- меняешь пропорции
- меняешь стиль
- используешь как компонент системы
Это ровно как взять open-source библиотеку.
🔹 Часть 4. Как не выглядеть «стоково» (очень важно)
Запомни 4 правила:
1️⃣ Одинаковый свет
2️⃣ Одинаковая палитра
3️⃣ Одинаковый масштаб
4️⃣ Одинаковая геометрия
Если это есть —
никто никогда не скажет «сток».
🔹 Часть 5. Твоя идеальная стартовая задача
Вот прям что делать вечером:
1️⃣ Скачать 3 SVG-формы
2️⃣ Привести их в Inkscape к одному стилю
3️⃣ Сделать одну иллюстрацию под сайт
4️⃣ Вставить в макет (Lunacy)
5️⃣ Забыть слово «дизайн» и думать как о системе
Очень важный момент (финальный)
Ты не учишься рисовать.
Ты собираешь визуальный движок.
И это на 100% твой тип мышления.
Хочешь дальше?
Можем:
- взять конкретный SVG и разобрать «что с ним делать»
- разобрать одну иллюстрацию Т-Банка по слоям
- или собрать мини-гайд “визуальный стиль сайта недвижимости”
Скажи, что разбираем следующим шагом 👇