Создаём 3D без знания 3D в Spline с нуля (бесплатный урок для начинающих дизайнеров)

• Максим Борисов, продукт-дизайнер, рассказывает о своем опыте использования Spline для создания 3D-иллюстраций.  

• Spline - новый инструмент, недавно вышедший в альфа-релизе.  

• Программа предназначена для веб-дизайнеров, не имеющих навыков работы с 3D.  

• Spline позиционируется как 3D-инструмент для веб-дизайнеров.  

• Программа проста в использовании и позволяет экспортировать проекты в веб-разработку.  

• Spline поддерживает создание интерактивных и анимированных объектов.  

• Spline имеет небольшие баги и отсутствие некоторых функций, но активно развивается.  

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

• Регистрация и хранение файлов в облаке, как в Figma.  

• Основной экран напоминает Figma, с вкладками для файлов и библиотеки работ.  

• Вкладка "Шерд" для отправки и получения файлов.  

• Вкладка "Лерн" для шорткатов и обновлений.  

• Создание нового файла и организация рабочей области.  

• Панель слоев для группировки и блокировки объектов.  

• Библиотека простых изображений для фона.  

• Панель инструментов с фигурами и объектами.  

• Возможность перемещения, изменения размера и вращения объектов.  

• Отсутствие рендеринга, все объекты отображаются в реальном времени.  

• Вставка простых и объемных фигур, текста и камеры с точками освещения.  

• Возможность работы без камеры и освещения для создания 3D-иллюстраций.  

• Панель настроек можно назвать инспектором.  

• Настройки проекта и объекта различаются.  

• Настройки рабочей области включают бэкграунд, глобальные настройки камеры и софт орбит.  

• Настройки камеры по умолчанию удобны.  

• Снайпинг и пиксель грит помогают в работе.  

• Софт орбит обеспечивает плавное вращение объектов.  

• Вкладка темы позволяет выбрать темный контраст.  

• Рабочая область может быть изменена для экспорта.  

• Постпроцессинг добавляет фильтры и настройки контрастности.  

• Вкладка окружения включает общее освещение и окружение.  

• Освещение влияет на цвет и интенсивность объектов.  

• Тени и туман также можно настроить.  

• Вкладка публикации позволяет сохранять проект в различных форматах.  

• Можно делиться ссылками на проекты в браузере.  

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

• Панель позиционирования камеры позволяет переключаться между видами.  

• Ортогональная проекция удобна для рисования, изометрическая проекция для иллюстраций.  

• Масштаб можно изменять с помощью клавиатуры или трекпада.  

• Объекты имеют вкладки для настройки состояний и событий.  

• Вкладка "Стейтс" позволяет задавать два состояния объекта.  

• Вкладка "Ивенты" определяет, как эти состояния срабатывают.  

• Объекты можно выравнивать относительно верхней и нижней линий.  

• Вкладка "Позиция" позволяет выравнивать объекты по осям X, Y и Z.  

• Рекомендуется начинать с выравнивания объекта по центру.  

• Скейл увеличивает объект, сохраняя его оригинальный размер.  

• Ротейшн позволяет вращать объект по трем осям.  

• Прямоугольник можно скруглять и делать объемным с помощью эксклюзии.  

• Закругление углов работает аналогично верхнему и нижнему тиснению в 3D.  

• Вкладка "Материал" позволяет заливать объекты цветом и настраивать освещение.  

• Ламберт, Фонк и Физикл эффекты создают разные материалы, такие как мягкий пластик и металл.  

• Можно добавлять новые стили и цвета, меняя приоритет.  

• Градиент и текстура позволяют заливать объекты изображениями.  

• Текстура может быть использована для создания глобуса или других объектов.  

• Нойз создает текстуру, которая добавляет неровность объекту.  

• Фрест создает светящуюся ауру, имитирующую реальное свечение.  

• Можно комбинировать стили и параметры наложения для создания различных эффектов.  

• Клонер позволяет создавать копии объекта по определенным параметрам.  

• Можно создавать сетки и сложные фигуры, такие как протектор шин или молекулярная сетка.  

• Инструмент может глючить, но полезен для создания сложных объектов.  

• Вкладка показывает сетку полигонов и позволяет видеть заднюю стенку объемных фигур.  

• Вкладка полезна для сложных композиций, но часто не требуется.  

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

• Треугольник можно сделать объемным и скруглить углы.  

• Пятиугольник и звезда также могут быть объемными.  

• Куб можно изменять размер и скругление углов.  

• Сфера имеет полезные свойства, такие как слайс по си-вай для создания полусфер.  

• Лате и хеликс позволяют создавать симметричные объекты и пружинки.  

• Бани и типорт — это шутка от разработчиков, дань уважения первому 3D-объекту.  

• Камера и пойнт лайф будут рассмотрены в уроке.  

• Пример создания заглушки для мобильного приложения.  

• Необходимость размещения изображения интерфейса и украшения.  

• Начало работы с новым файлом в 3ds Max.  

• Иллюстрация состоит из трех групп: маккап устройства, пьедестал и объекты.  

• Центральный объект - смартфон.  

• Создание нового файла с дефолтовыми настройками.  

• Вставка прямоугольника и выравнивание его по центру.  

• Задание размера экрана 375x812 пикселей.  

• Закругление углов экрана и настройка цвета.  

• Дублирование экрана и создание объемной формы устройства.  

• Настройка цвета и текстуры фона.  

• Использование готовых сторон камеры для удобства работы.  

• Экструзия объема из слоя с 3D формой.  

• Настройка скругления углов для создания реалистичной формы.  

• Соединение экрана с телефоном.  

• Перемещение экрана и телефона для идеального совмещения.  

• Настройка координат и объема для идеального размещения экрана.  

• Игра с материалами для создания глянцевого эффекта.  

• Настройка освещения и материалов для реалистичного отображения.  

• Группировка слоев и создание финального макета.  

• Завершение работы над 3D инсталляцией.  

• Вставка куба и выравнивание его относительно нулевых координат.  

• Переход в изометрическую перспективу для увеличения размера куба.  

• Настройка размеров куба по осям X, Y и Z.  

• Деформация куба для опускания его вниз.  

• Скругление граней куба и покраска его в синий цвет.  

• Подготовка пьедестала для размещения телефона.  

• Переход в фотографию для удобства размещения объектов.  

• Вставка объекта "камера" для выбора оптимального угла обзора.  

• Настройка камеры для экспорта изображения.  

• Вставка круга и настройка его стиля.  

• Добавление белого свечения и настройка цвета.  

• Переключение на камеру для экспорта и настройка положения круга.  

• Увеличение размера круга и его перемещение.  

• Финальная настройка положения круга для итогового изображения.  

• Разворачиваем телефон и выбираем вращение в настройках.  

• Используем три круга для вращения вдоль осей X, Y, Z.  

• Вращаем телефон по дуге для достижения нужного положения.  

• Переключаемся в дефолт-камеру для обзора инсталляции.  

• Добавляем элементы: телефон на пьедестале, шарик, камера.  

• Используем изометрический режим для экспорта финальных картинок.  

• Вставляем тор и настраиваем его объем и радиус.  

• Вставляем спираль и увеличиваем её длину и количество витков.  

• Добавляем плавные скругления и увеличиваем толщину спирали.  

• Превращаем звездочку в крестик, изменяя количество лучей и скругление углов.  

• Добавляем объем и освещение для крестика.  

• Создаем равностороннюю пирамидку со скругленными углами.  

• Окрашиваем все объекты в один цвет, копируя материал с шарика.  

• Группируем объекты для удобства работы.  

• Переключаемся на камеру для экспорта и настраиваем перспективу.  

• Перемещаем и разворачиваем объекты для финального вида.  

• Сохраняем работу часто, чтобы избежать случайных потерь данных.  

• Экспортируем финальную композицию для завершения работы.  

• Перемещение и вращение объектов с помощью инструментов перемещения и вращения.  

• Использование осей X, Y и Z для точного позиционирования объектов.  

• Уменьшение радиуса объекта для достижения оптимального размера.  

• Создание крупных и мелких объектов на заднем и переднем плане.  

• Перемещение объектов с помощью курсора и стрелок.  

• Распределение объектов относительно камеры.  

• Добавление и перемещение тора для создания динамики.  

• Использование линий динамики для создания эффекта взрыва.  

• Доработка положения объектов для правильного восприятия.  

• Отключение стандартного света и использование слоя фреснул для подсветки объектов.  

• Вставка и настройка источника света для правильного освещения сцены.  

• Настройка цвета и интенсивности света для достижения желаемого эффекта.  

• Перемещение источника света для освещения нужных граней.  

• Настройка дистанции и интенсивности света для плавного освещения.  

• Добавление направленного света для завершения композиции.  

• Свет всегда светит в центр, независимо от положения объекта.  

• Интенсивность света установлена на 0.6.  

• Свет используется для создания бликов.  

• Добавление сферы для создания фона.  

• Сфера центрируется относительно всех осей.  

• Использование опции "показывать только заднюю сторону" для отображения сферы.  

• Изменение цвета сферы для лучшего восприятия.  

• Использование физики для изменения поглощения света.  

• Применение синего цвета для фона.  

• Использование материала "фреснул" для отражения фона.  

• Применение цвета фона для отражения.  

• Настройка яркости и цвета отражения.  

• Доработка освещения и теней.  

• Исправление пересветов и теней.  

• Настройка освещения для разных объектов.  

• Экспорт иллюстрации в виде изображения или видео.  

• Использование PNG для лучшего качества.  

• Завершение проекта и благодарность зрителям.