Motion Design в Blender: Создание стильных технологических заставок

Интенсивный курс для начинающих, обучающий созданию премиальной 3D-графики и анимации в стиле Apple с нуля. Вы освоите инструменты Blender, необходимые для разработки абстрактных форм, настройки света и создания динамичных опенеров.

1. Знакомство с интерфейсом Blender и базовые манипуляции с объектами

Знакомство с интерфейсом Blender и базовые манипуляции с объектами

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

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

Философия интерфейса: Где я нахожусь?

Интерфейс Blender полностью настраиваемый, но по умолчанию он разбит на несколько ключевых областей. Понимание этой структуры — ключ к скорости работы.

!Карта основных рабочих зон Blender: Вьюпорт, Аутлайнер, Свойства и Таймлайн.

1. 3D Viewport (3D Вьюпорт)

Это самое большое окно по центру. Здесь происходит вся магия: вы видите свои объекты, перемещаете их и моделируете. Это ваше «окно в мир».

2. Outliner (Аутлайнер)

Находится в правом верхнем углу. Это список всего, что есть в вашей сцене: модели, камеры, источники света. Если Вьюпорт — это сцена театра, то Аутлайнер — это список инвентаря. Здесь удобно искать потерявшиеся объекты и группировать их.

3. Properties (Свойства)

Располагается под Аутлайнером. Это «мозг» выбранного объекта или всей сцены. Здесь мы будем настраивать разрешение картинки, менять цвет материалов, добавлять физику и модификаторы. Это панель с вертикальным рядом иконок слева.

4. Timeline (Таймлайн)

Узкая полоса в самом низу. Критически важная зона для моушн-дизайна. Здесь мы будем управлять временем, создавать ключевые кадры и оживлять нашу статику.

Навигация в 3D-пространстве

Чтобы создавать «эппловские» пролеты камеры, вы должны чувствовать себя в 3D-пространстве как рыба в воде. Забудьте о кнопках на экране — профессионалы используют мышь и клавиатуру. Вашим главным инструментом станет колесико мыши (далее MMB — Middle Mouse Button).

Базовые движения

* Вращение (Orbit): Зажмите MMB и двигайте мышь. Вы будете вращаться вокруг центра экрана. * Панорамирование (Pan): Зажмите Shift + MMB и двигайте мышь. Вы будете смещать вид влево, вправо, вверх или вниз, не вращаясь. * Масштабирование (Zoom): Крутите колесико мыши или зажмите Ctrl + MMB и двигайте мышь вверх-вниз для плавного приближения.

> Скорость и интуитивность навигации — это 50% успеха в моушн-дизайне. Практикуйтесь, пока пальцы не запомнят эти движения.

Работа с объектами: G, R, S

В Blender существует «святая троица» горячих клавиш. Вы будете нажимать их тысячи раз. Они отвечают за трансформацию объектов.

Для начала выделите куб, который появляется при старте, кликнув по нему левой кнопкой мыши (объект подсветится оранжевым контуром).

Перемещение (Grab)

Нажмите клавишу G. Теперь, двигая мышь, вы перемещаете объект. Чтобы подтвердить положение, нажмите ЛКМ (левую кнопку мыши). Чтобы отменить — ПКМ (правую кнопку).

Вращение (Rotate)

Нажмите клавишу R. Объект начнет вращаться вслед за курсором.

Масштабирование (Scale)

Нажмите клавишу S. Двигайте мышь от центра объекта — он увеличивается, к центру — уменьшается.

Координатная система и точность

Технологичный стиль требует математической точности. Хаотичное перемещение объектов «на глаз» здесь не подходит. Нам нужно управлять объектами строго по осям.

В 3D-пространстве положение любой точки описывается координатами:

Где: * — положение точки в пространстве (Position). * — координата по оси X (обычно «ширина», красная линия во вьюпорте). * — координата по оси Y (обычно «глубина», зеленая линия). * — координата по оси Z (обычно «высота», синяя линия).

Блокировка осей

Чтобы переместить объект строго вверх, мы комбинируем команды:
  • Нажимаем G (начать перемещение).
  • Нажимаем Z (заблокировать ось Z).
  • Двигаем мышь.
  • Теперь объект скользит только вверх или вниз, как на лифте. Это работает для всех трансформаций: * R + X — вращать только вокруг оси X (как гимнаст на турнике). * S + Y — растягивать только по оси Y.

    !Визуализация осей координат X, Y, Z и их цветовая кодировка в Blender.

    Создание и удаление объектов

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

    Добавление (Add)

    Нажмите Shift + A. Откроется меню добавления. Выберите пункт Mesh, а затем нужную фигуру (например, Plane для создания пола или UV Sphere для шара).

    Важно: Новый объект всегда появляется там, где находится 3D-курсор (красно-белый круглый прицел).

    Удаление (Delete)

    Выделите ненужный объект и нажмите X. Появится подтверждение — нажмите Delete. Клавиша Delete на клавиатуре тоже работает, но X находится ближе к левой руке, что ускоряет работу.

    Свойства объекта: Панель N

    Иногда нам нужно задать точные размеры. Например, сделать подставку для телефона толщиной ровно 5 мм. Для этого используется боковая панель (N-panel).

  • Наведите курсор во Вьюпорт.
  • Нажмите клавишу N.
  • Справа выедет панель. Во вкладке Item вы увидите точные цифровые значения Location (Положение), Rotation (Вращение) и Scale (Масштаб).
  • Вы можете вбивать туда числа вручную. Это идеально подходит для создания ровных, геометрически правильных композиций.

    Практическое задание: «Монолит»

    Давайте закрепим знания и создадим простейшую абстрактную композицию в стиле «Tech».

  • Очистка: Выделите все объекты в сцене (клавиша A), нажмите X и удалите их.
  • Пол: Нажмите Shift + A -> Mesh -> Plane. Нажмите S и растяните её, чтобы создать большую площадку.
  • Монолит: Нажмите Shift + A -> Mesh -> Cube.
  • * Поднимите его над полом: G, затем Z. * Сделайте его вытянутым вверх: S, затем Z. * Сделайте его тонким: S, затем Y.
  • Вращение: Немного поверните его для динамики: R, затем Z.
  • Поздравляю! Вы только что создали свою первую 3D-композицию, используя базовые принципы трансформации.

    Резюме

    Сегодня мы преодолели первый барьер — страх перед интерфейсом. Мы научились: * Навигировать в пространстве (MMB, Shift+MMB). * Трансформировать объекты (G, R, S). * Использовать оси координат (X, Y, Z) для точности. * Добавлять и удалять объекты (Shift+A, X).

    В следующей статье мы поговорим о том, как сделать эти серые формы красивыми. Мы разберем основы рендеринга и настройки камеры, чтобы ваш «Монолит» выглядел как кадр из дорогой рекламы.

    2. Процедурное моделирование и создание абстрактной геометрии с помощью модификаторов

    Процедурное моделирование и создание абстрактной геометрии с помощью модификаторов

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

    Моделировать каждую грань таких объектов вручную — это сизифов труд. Здесь на сцену выходит процедурное моделирование. Это метод создания геометрии не руками, а с помощью правил и алгоритмов. В Blender главными инструментами этого подхода являются Модификаторы.

    Что такое модификаторы и зачем они нужны?

    Представьте, что вы работаете с глиной. Чтобы изменить форму, вы мнете её руками. Если вы ошиблись, вам придется лепить заново. Это — деструктивное (разрушающее) моделирование.

    А теперь представьте, что вы пишете рецепт. «Взять куб, скрутить его на 45 градусов, размножить 10 раз и сгладить углы». Если результат вам не нравится, вы просто меняете число 10 на 5 в рецепте, и модель мгновенно перестраивается. Это — недеструктивное (процедурное) моделирование.

    Модификаторы в Blender — это автоматические операции, которые накладываются на объект, не меняя его исходную геометрию навсегда (пока вы их не примените окончательно).

    Где найти модификаторы?

    Панель модификаторов находится в окне Properties (Свойства), справа внизу. Иконка выглядит как синий гаечный ключ.

    !Интерфейс панели модификаторов, где происходит добавление новых эффектов к объекту.

    «Святой Грааль» моушн-дизайнера: Топ-5 модификаторов

    В Blender десятки модификаторов, но для создания стильной абстракции («Apple-style») мы будем постоянно использовать лишь несколько из них. Давайте разберем их.

    1. Bevel (Фаска)

    В реальном мире не существует идеально острых углов. Даже у лезвия бритвы есть толщина. В 3D идеально острый угол (90 градусов) выглядит неестественно и «дешево», потому что он не ловит блики света.

    Модификатор Bevel срезает острые края, создавая фаску. Это критически важно для технологического дизайна: именно на фасках играет свет, подчеркивая форму объекта.

    * Amount: Ширина фаски. * Segments: Количество полигонов на скруглении. Чем больше, тем более гладким будет край.

    2. Subdivision Surface (Подразделение поверхности)

    Этот модификатор делит каждый полигон на несколько частей и сглаживает форму. Из угловатого куба он делает гладкий шар. Это основной способ получить «дорогие» плавные поверхности.

    Однако будьте осторожны. Количество полигонов растет в геометрической прогрессии. Формула роста количества граней выглядит так:

    Где — итоговое количество граней, — исходное количество граней объекта, а — уровень подразделения (Levels Viewport).

    Если у вас был куб (6 граней) и вы поставили уровень 3, вы получите грани. Но если исходная модель сложная, компьютер может зависнуть.

    3. Array (Массив)

    Техно-дизайн любит ритм и повторение. Решетки радиаторов, серверные стойки, абстрактные паттерны — всё это делается через Array.

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

    4. Wireframe (Каркас)

    Этот модификатор превращает объект в сетку из проволоки. Он удаляет грани, оставляя только ребра, и придает им толщину. Это мгновенный способ создать футуристичную «голографическую» структуру или каркас безопасности.

    5. Simple Deform (Простая деформация)

    Позволяет скручивать (Twist), сгибать (Bend), сужать (Taper) и растягивать (Stretch) объекты. Идеально подходит для создания спиралевидных абстракций из простых примитивов.

    Стек модификаторов: Порядок имеет значение

    Модификаторы работают как слои в Photoshop, но сверху вниз. Это называется Stack (Стек). Результат работы первого модификатора передается второму, и так далее.

    Рассмотрим пример:

  • У нас есть Куб.
  • Мы применяем Array (создаем 5 кубов в ряд).
  • Затем применяем Simple Deform (скручиваем).
  • Результат: Весь ряд из 5 кубов скрутится в спираль.

    А теперь поменяем местами:

  • Сначала Simple Deform (скручиваем один куб).
  • Затем Array (размножаем скрученный куб).
  • Результат: Мы получим прямую линию из 5 скрученных кубов.

    > Понимание порядка стека — это ключ к контролю над формой. Если что-то выглядит не так, как вы ожидали, попробуйте перетащить модификатор вверх или вниз за иконку с точками справа от названия.

    !Визуализация важности порядка модификаторов в стеке.

    Практическое задание: Создание «Техно-Сферы»

    Давайте создадим сложный абстрактный объект, используя только примитивы и модификаторы. Это будет заготовка для вашей будущей заставки.

    Шаг 1: Базовая форма

  • Удалите всё из сцены (A, X).
  • Добавьте Ico Sphere (Shift + A -> Mesh -> Ico Sphere).
  • В меню слева внизу (которое появляется сразу после создания) раскройте параметры и установите Subdivisions на 1. Нам нужно меньше полигонов для стильного лоу-поли эффекта.
  • Шаг 2: Создание каркаса

  • Перейдите во вкладку модификаторов (синий ключ).
  • Добавьте модификатор Wireframe.
  • Поиграйте с параметром Thickness (Толщина). Поставьте небольшое значение, например, 0.02 m, чтобы сетка была изящной.
  • Снимите галочку Replace Original, если хотите, чтобы внутри каркаса осталась оригинальная сфера, или оставьте её, если хотите прозрачную сетку. Для нашего стиля — оставьте галочку (только сетка).
  • Шаг 3: Придание объема и блеска

    Сейчас наша сетка имеет очень острые края. Добавим реализма.
  • Поверх Wireframe добавьте модификатор Bevel.
  • Установите Amount на 0.005.
  • Установите Segments на 2 или 3.
  • Теперь, если вы приблизите камеру, вы увидите, как свет играет на скругленных гранях сетки.

    Шаг 4: Внутреннее ядро (Дублирование)

    Сделаем объект сложнее. Пусть внутри сетки парит ядро.
  • Выделите вашу сферу.
  • Нажмите Shift + D (Duplicate), чтобы скопировать её, и сразу нажмите Enter (чтобы копия осталась на том же месте).
  • У новой копии удалите все модификаторы (крестик в заголовке модификатора).
  • Уменьшите копию: нажмите S и потяните мышь к центру. Пусть она будет внутри каркаса.
  • Добавьте к внутренней сфере модификатор Subdivision Surface (уровень 2), чтобы она стала идеально гладкой.
  • Нажмите ПКМ на сфере -> Shade Smooth, чтобы убрать видимые грани.
  • Шаг 5: Процедурная анимация

    Чтобы оживить композицию, добавим модификатор, который меняет форму.
  • Выделите внешнюю сетку (Ico Sphere).
  • Добавьте модификатор Simple Deform.
  • Выберите режим Twist (Скручивание).
  • Попробуйте менять параметр Angle (Угол). Вы увидите, как геометрия красиво искажается.
  • Теперь у вас есть сложный объект, состоящий из двух слоев, который можно легко редактировать, просто меняя цифры в модификаторах.

    Логические операции: Boolean

    Еще один важный модификатор для «Tech» стиля — это Boolean. Он позволяет вырезать один объект из другого.

    Представьте, что вы хотите сделать отверстие в кубе.

  • Создайте Куб.
  • Создайте Цилиндр и пересеките им Куб.
  • На Куб наложите модификатор Boolean.
  • В поле Object выберите Цилиндр (пипеткой).
  • Скройте Цилиндр из вида (глазик в Аутлайнере).
  • Вы увидите идеальное отверстие. Это основа Hard Surface моделирования (моделирования твердых поверхностей).

    Резюме

    Процедурное моделирование — это суперсила моушн-дизайнера. Оно позволяет: * Сохранять возможность редактирования на любом этапе. * Создавать сложные паттерны из простых форм. * Экономить время на рутинных операциях.

    Мы изучили: * Bevel — для реалистичных краев. * Subdivision Surface — для сглаживания. * Array — для повторений. * Wireframe — для создания сеток. * Стек модификаторов — и важность порядка операций.

    В следующей статье мы вдохнем жизнь в нашу геометрию. Мы разберем Освещение и Материалы, чтобы превратить серую 3D-модель в стильный металлический, стеклянный или светящийся объект.

    3. Шейдинг и освещение: создание материалов стекла, металла и студийного света

    Шейдинг и освещение: создание материалов стекла, металла и студийного света

    В предыдущих статьях мы прошли путь от пустого экрана до создания сложной процедурной геометрии. У нас есть «Техно-Сфера», но пока она выглядит как серый кусок пластилина. Чтобы превратить её в стильный объект, достойный презентации флагманского смартфона, нам нужно освоить два искусства: Шейдинг (создание материалов) и Освещение.

    В моушн-дизайне действует правило: плохую модель можно спасти хорошим светом, но плохой свет убьет даже идеальную модель.

    Выбор движка рендеринга: Eevee или Cycles?

    Прежде чем мы начнем, нужно определиться, «чьими глазами» мы смотрим на сцену. В Blender есть два основных движка рендеринга (Render Engines), переключаться между которыми можно во вкладке Render Properties (иконка фотоаппарата).

    1. Eevee

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

    2. Cycles

    Это физически корректный трассировщик путей (Ray Tracer). Он рассчитывает реальное поведение каждого луча света: как он отскакивает от стен, проходит сквозь стекло и рассеивается.

    Для стиля «High-Tech» и создания дорогих, фотореалистичных заставок мы будем использовать Cycles. Да, он работает медленнее и картинка может быть «шумной» в процессе работы, но результат того стоит.

    > Совет: Если у вас есть мощная видеокарта, в настройках Render Properties смените Device с CPU на GPU Compute. Это ускорит рендер в разы.

    Освещение: Рисуем светом

    Свет в 3D — это не просто способ сделать объекты видимыми. Это инструмент, который создает настроение и подчеркивает форму. В технологическом дизайне мы избегаем плоского, скучного освещения. Нам нужны контраст, блики и глубокие тени.

    Студийная схема света

    Мы не будем использовать лампочку, висящую в центре комнаты (Point Light). Мы будем использовать Area Light (Площадной свет). Это аналог софтбокса в фотостудии — он дает мягкие, красивые тени и широкие блики.

    Классическая схема для презентации объекта называется Three-Point Lighting (Трехточечное освещение).

    !Схема расположения источников света: Рисующий, Заполняющий и Контровой.

  • Key Light (Рисующий свет): Основной источник. Располагается спереди и немного сбоку (под углом 45 градусов). Он задает основную освещенность и форму теней.
  • Fill Light (Заполняющий свет): Располагается с противоположной стороны. Он менее яркий и служит для того, чтобы тени от рисующего света не были абсолютно черными.
  • Rim Light (Контровой свет): Самый важный свет для «Tech» стиля. Располагается позади объекта. Он создает яркий контур по краям формы, отделяя объект от фона. Именно он заставляет фаски (Bevel), которые мы делали в прошлом уроке, сиять.
  • Практика: Ставим свет

  • Переключите вид в режим Rendered (зажмите Z и выберите Rendered, или нажмите 4-ю иконку шарика в правом верхнем углу вьюпорта).
  • В настройках мира (иконка глобуса) смените Color на черный. Мы будем рисовать свет в темноте.
  • Добавьте свет: Shift + A -> Light -> Area.
  • Переместите (G) и поверните (R) его так, чтобы он светил на объект.
  • В настройках света (иконка зеленой лампочки) увеличьте Power (Мощность). Для Cycles часто нужны значения от 100 до 1000 Ватт и выше.
  • Расставьте три источника по схеме выше. Сделайте Контровой свет (Rim) самым ярким или цветным (например, холодным синим).
  • Шейдинг: Principled BSDF

    Теперь, когда у нас есть свет, давайте настроим материалы. В Blender существует «Убер-шейдер», который может имитировать 90% материалов реального мира. Он называется Principled BSDF.

    Чтобы создать материал:

  • Выделите объект.
  • Перейдите во вкладку Material Properties (иконка красно-черного шара).
  • Нажмите New.
  • Вы увидите длинный список параметров. Не пугайтесь, нам нужны всего три главных рычага.

    1. Base Color (Базовый цвет)

    Это просто цвет объекта. Для металла это цвет отражения, для пластика — цвет поверхности.

    2. Metallic (Металличность)

    Это переключатель. * 0 (Черный): Диэлектрик (пластик, дерево, кожа, керамика). * 1 (Белый): Проводник (металл).

    В реальном мире почти не бывает промежуточных значений. Объект либо металл, либо нет. Поэтому старайтесь держать этот параметр либо в 0, либо в 1.

    3. Roughness (Шероховатость)

    Самый важный параметр для реализма. Он определяет, насколько поверхность глянцевая или матовая. * 0: Идеальное зеркало. Отражения четкие. * 1: Абсолютно матовая поверхность (как мел). Отражения размыты.

    !Влияние параметра Roughness на четкость отражений.

    Создание материалов для нашей сцены

    Давайте применим знания к нашей «Техно-Сфере».

    Материал 1: Темный анодированный алюминий (Каркас)

    Этот материал обожают дизайнеры техники. Он выглядит дорого и строго.

  • Выделите внешний каркас сферы.
  • Создайте новый материал.
  • Base Color: Сделайте темно-серым, почти черным.
  • Metallic: Выкрутите на 1.0.
  • Roughness: Поставьте около 0.3. Нам нужен металл, который блестит, но не выглядит как хромированное зеркало.
  • Теперь посмотрите, как свет от ваших Area Lights играет на гранях. Темный металл работает только за счет отражений.

    Материал 2: Стекло (Внутреннее ядро)

    Стекло — это сложный материал, который преломляет свет. Физика этого процесса описывается законом Снеллиуса:

    Где и — это показатели преломления сред (IOR — Index of Refraction), а и — углы падения и преломления света. В Blender нам не нужно считать синусы вручную, но нам нужно понимать параметр IOR.

  • Выделите внутреннюю сферу.
  • Создайте новый материал.
  • Base Color: Чистый белый (или легкий оттенок голубого).
  • Roughness: Поставьте 0.0 или 0.05 для идеальной гладкости.
  • Найдите параметр Transmission Weight (Пропускание) и выкрутите его на 1.0. Это скажет Blender, что объект прозрачный.
  • IOR: По умолчанию стоит 1.450 (обычное стекло).
  • * Вода: 1.33 * Алмаз: 2.42 Попробуйте увеличить IOR до 1.8 или 2.0. Ваше «ядро» станет похоже на тяжелый хрусталь или драгоценный камень, сильно искажающий фон.

    Материал 3: Эмиссия (Светящиеся элементы)

    Чтобы добавить футуристичности, давайте заставим что-то светиться.

  • Добавьте в сцену еще один маленький объект (например, маленький куб внутри ядра) или выделите часть полигонов.
  • В материале найдите параметр Emission Color. Выберите яркий цвет (неоновый синий, оранжевый).
  • Emission Strength: Увеличьте значение до 5, 10 или даже 50.
  • В Cycles этот объект станет реальным источником света и будет освещать стекло и металл вокруг себя.

    Работа с фоном

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

  • Создайте Plane (Плоскость) под объектом и за ним, создав подобие фотостудии (можно загнуть задний край плоскости вверх и сгладить угол модификатором Bevel).
  • Назначьте ей материал: Base Color темно-серый, Roughness 1.0 (полностью матовый). Это создаст «бесконечный» темный фон, который не отвлекает внимание.
  • Резюме

    Сегодня мы превратили геометрию в красивую картинку. Мы узнали: * Cycles — наш выбор для реализма. * Three-Point Lighting — золотой стандарт освещения (Key, Fill, Rim). * Principled BSDF — универсальный шейдер. * Metallic и Roughness — главные параметры материала. * Transmission и IOR — ключи к созданию стекла.

    Теперь ваша сцена выглядит профессионально. Но она всё еще статична. В следующей, заключительной статье этого блока, мы заставим всё это двигаться. Мы изучим Анимацию по ключевым кадрам и работу с камерой, чтобы создать тот самый кинематографичный пролет.

    4. Анимация ключевых кадров и работа с камерой для кинематографичных пролетов

    Анимация ключевых кадров и работа с камерой для кинематографичных пролетов

    Мы прошли долгий путь. У нас есть процедурная геометрия, настроенные материалы и выставленный студийный свет. Наша «Техно-Сфера» выглядит великолепно, но она застыла во времени. В моушн-дизайне (Motion Design) ключевое слово — Motion (Движение).

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

    Основы времени: FPS и Таймлайн

    Прежде чем что-то двигать, нужно понять, как измеряется время в 3D. В отличие от реальной жизни, где время течет непрерывно, в компьютерной графике время дискретно. Оно состоит из кадров (Frames).

    FPS (Frames Per Second)

    Это количество кадров, которое показывается зрителю за одну секунду. От этого параметра зависит восприятие видео:

    * 24 FPS: Стандарт кино. Дает то самое «киношное» ощущение с легким размытием движений. * 30 FPS: Стандарт телевидения и большинства видео в интернете. * 60 FPS: Стандарт для видеоигр и ультра-плавных технологических демонстраций. Для стиля «High-Tech» часто выбирают 60 FPS, чтобы подчеркнуть плавность и точность механизмов.

    Настроить FPS можно во вкладке Output Properties (иконка принтера), в поле Frame Rate.

    Timeline (Таймлайн)

    Это нижняя панель интерфейса Blender. Это ваша линейка времени. Вы можете перемещать синий ползунок (Playhead), чтобы перематывать время вперед и назад.

    Ключевые кадры (Keyframes): Философия движения

    Как объяснить компьютеру, что объект должен переместиться из точки А в точку Б?

    Мы не двигаем объект вручную каждый кадр. Мы используем Ключевые кадры. Вы говорите Blender: «На 1-м кадре куб стоит здесь, а на 60-м кадре — там». Все промежуточные положения (кадры со 2-го по 59-й) компьютер рассчитывает сам. Этот процесс называется интерполяцией.

    Как создать ключевой кадр?

  • Выберите объект.
  • Переместите ползунок таймлайна на нужный кадр (например, на 1-й).
  • Наведите курсор мыши в 3D-вьюпорт.
  • Нажмите клавишу I (Insert Keyframe).
  • В появившемся меню выберите, что именно вы хотите запомнить. Обычно это Location (Положение), Rotation (Вращение) или Scale (Масштаб).
  • Если вы выбрали Location, на таймлайне появится желтый ромбик. Это и есть ваш ключевой кадр.

    Практика: Вращение ядра

    Давайте заставим внутреннее ядро нашей сферы вращаться.

  • Выделите внутреннюю сферу.
  • Перейдите на 1-й кадр.
  • Нажмите I -> Rotation. (Blender запомнил начальный угол).
  • Перейдите на 120-й кадр (если у нас 30 FPS, это 4 секунды анимации).
  • Поверните сферу по оси Z: нажмите R, затем Z, введите 360 и нажмите Enter.
  • Снова нажмите I -> Rotation.
  • Нажмите Пробел (Play). Ваша сфера начнет плавно вращаться.

    Интерполяция: Характер движения

    По умолчанию Blender делает движение плавным: объект медленно разгоняется, движется и медленно тормозит. Это называется Bezier Interpolation.

    Однако для технологических цикличных анимаций (например, вращение кулера или радара) нам часто нужно равномерное движение без ускорений и замедлений. Это Linear Interpolation.

    Математически линейная интерполяция описывается формулой:

    Где — положение объекта в момент времени (от 0 до 1), — начальное значение, — конечное значение, а — коэффициент прогресса.

    Как изменить тип интерполяции?

  • Выделите все ключевые кадры на таймлайне (они станут желтыми).
  • Нажмите клавишу T (во вьюпорте или на таймлайне).
  • Выберите Linear.
  • Теперь ваша сфера будет вращаться с постоянной скоростью, создавая эффект работающего механизма.

    !Сравнение линейной интерполяции и интерполяции Безье в редакторе кривых.

    Работа с камерой: Глазами режиссера

    Камера — это ваш проводник в мир 3D. От её настроек зависит, будет ли сцена выглядеть как игрушка или как масштабный объект.

    Добавление и навигация

    Если камеры нет, добавьте её: Shift + A -> Camera. Чтобы посмотреть из камеры, нажмите 0 на Numpad (цифровой клавиатуре).

    Самый удобный способ выставить кадр:

  • Находясь в виде из камеры (0), нажмите N, чтобы открыть боковую панель.
  • Перейдите во вкладку View.
  • Поставьте галочку Camera to View.
  • Теперь, управляя навигацией как обычно (вращаясь и перемещаясь), вы будете таскать камеру за собой. Выставив ракурс, обязательно снимите галочку, иначе вы собьете настройку при попытке просто осмотреться.

    Фокусное расстояние (Focal Length)

    Это важнейший параметр, который находится в настройках камеры (иконка зеленой видеокамеры) -> Lens -> Focal Length.

    * 35mm - 50mm: Стандартный взгляд человеческого глаза. Нейтрально, но иногда скучно. * 18mm - 24mm (Широкий угол): Динамично, но искажает перспективу. Объекты кажутся вытянутыми. Хорошо для экшена. * 85mm - 120mm (Телеобъектив): Выбор профессионалов для предметной съемки и «Tech» стиля. Он «сплющивает» перспективу, делая объекты монументальными и избавляя от искажений. Фон кажется ближе к объекту.

    > Совет: Для нашей сферы поставьте 85mm или 100mm. Это придаст ей вид дорогого ювелирного изделия или высокотехнологичного гаджета.

    !Влияние фокусного расстояния на восприятие перспективы объекта.

    Глубина резкости (Depth of Field)

    Чтобы добавить реализма и масштаба, включите Depth of Field в настройках камеры.

  • Поставьте галочку Depth of Field.
  • В поле Focus Object выберите пипеткой вашу сферу (или объект, на котором должен быть фокус).
  • Параметр F-Stop регулирует силу размытия. Чем меньше число, тем сильнее размыт фон.
  • * F 2.8 — сильное размытие (макросъемка). * F 8.0 — почти всё в фокусе.

    Для макро-съемки деталей ставьте низкие значения (0.5 - 2.8). Это создаст красивое «боке» на фоне.

    Кинематографичный пролет: Техника «Empty»

    Новички часто пытаются анимировать саму камеру, вращая её вокруг объекта. Это сложно и неудобно. Профессионалы используют «пустышки» (Empties).

    Техника «Turntable» (Поворотный стол):

  • Убедитесь, что 3D-курсор в центре мира (Shift + S -> Cursor to World Origin).
  • Добавьте пустышку: Shift + A -> Empty -> Plain Axes. (Это невидимый при рендере объект-помощник).
  • Выделите Камеру, затем (с зажатым Shift) выделите Пустышку.
  • Нажмите Ctrl + P -> Object (Keep Transform). Теперь Камера — «ребенок» Пустышки.
  • Что это дает? Теперь, если вы будете вращать Пустышку (R -> Z), камера будет идеально летать вокруг объекта по орбите, всегда глядя в центр.

    Задание на анимацию камеры

  • На 1-м кадре поверните Пустышку так, чтобы камера смотрела под интересным углом. Нажмите I -> Rotation (для Пустышки).
  • На последнем кадре поверните Пустышку на 30-40 градусов. Нажмите I -> Rotation.
  • Выделите ключи, нажмите T и выберите Linear для плавного, бесконечного облета.
  • Добавьте к этому медленный «наезд» камеры (Keyframe на Location самой камеры: ближе -> дальше), и вы получите сложный, дорогой шот.

    Рендеринг анимации

    Когда всё движется так, как вам нравится, пора превратить это в видеофайл.

  • В Output Properties выберите папку для сохранения (Output).
  • File Format: По умолчанию стоит PNG. Смените на FFmpeg Video.
  • В развернувшемся меню Encoding смените Container на MPEG-4.
  • Нажмите в верхнем меню Render -> Render Animation (или Ctrl + F12).
  • Blender начнет просчитывать кадр за кадром. Это может занять время. Сходите за чаем.

    Резюме курса

    Поздравляю! Вы прошли путь от новичка до создателя собственной моушн-графики. Давайте вспомним, что мы изучили:

  • Интерфейс: Мы перестали бояться кнопок и научились навигации.
  • Моделирование: Мы создали процедурную геометрию с помощью модификаторов.
  • Шейдинг: Мы настроили реалистичные материалы стекла и металла в Cycles.
  • Анимация: Мы оживили сцену с помощью ключевых кадров и настроили кинематографичную камеру.
  • Теперь у вас есть база. Дальше — только практика. Пробуйте новые формы, играйте со светом и создавайте свои миры. Удачи в мире Motion Design!

    5. Настройка рендера, композитинг и финальная постобработка видео

    Настройка рендера, композитинг и финальная постобработка видео

    Мы подошли к финишной прямой. Ваша сцена настроена: геометрия выверена, материалы блестят, свет расставлен, а камера совершает идеальный кинематографичный пролет. Но пока что это существует только внутри вашего вьюпорта. Чтобы показать работу миру — выложить в портфолио или отправить клиенту — нам нужно превратить математические данные в видеофайл.

    Этот этап состоит из трех шагов:

  • Рендеринг (Rendering): Просчет каждого кадра.
  • Композитинг (Compositing): Добавление эффектов постобработки (свечение, цветокоррекция).
  • Сборка (Editing): Превращение последовательности картинок в готовый MP4 файл.
  • Настройка Render Properties: Баланс качества и времени

    Рендеринг анимации — это ресурсоемкий процесс. Если один кадр рендерится 1 минуту, а у вас 5 секунд анимации при 60 FPS, то общий просчет займет:

    Где — общее время рендера, — время рендера одного кадра (в минутах), — количество кадров в секунду, а — длительность ролика в секундах.

    В нашем примере: (5 часов). Поэтому оптимизация настроек критически важна.

    1. Render Engine и Device

    Убедитесь, что во вкладке Render Properties (иконка фотоаппарата) выбран движок Cycles. В поле Device обязательно выберите GPU Compute, если у вас есть дискретная видеокарта. Рендер на процессоре (CPU) может занять вечность.

    2. Sampling (Сэмплинг)

    Сэмплы — это лучи, которые камера «выстреливает» в сцену. Чем больше сэмплов, тем чище картинка, но дольше рендер.

    * Viewport: Оставьте 32 или 64. Это нужно только для предпросмотра. * Render: Для финальной картинки новички часто ставят 4096, что избыточно. Для нашей «Tech» сцены с металлом и стеклом обычно достаточно 256 или 512 сэмплов.

    3. Denoise (Шумоподавление)

    Это магия нейросетей. Даже при низком количестве сэмплов картинка может быть шумной (зернистой). Denoise разглаживает этот шум.

    В разделе Render -> Denoise поставьте галочку. Если у вас карта NVIDIA, выберите OptiX. Если другая — OpenImageDenoise. Это позволит вам снизить количество сэмплов в 2-3 раза без потери качества.

    !Настройки сэмплинга и шумоподавления для оптимизации скорости рендера.

    4. Motion Blur (Размытие в движении)

    В реальной жизни, если вы быстро помашете рукой перед глазами, вы увидите не четкую руку, а смазанный шлейф. В 3D по умолчанию каждый кадр идеально четкий, что выглядит неестественно и дергано (эффект стробоскопа).

    Поставьте галочку Motion Blur. Оставьте настройки по умолчанию (Shutter 0.50). Это добавит динамики вашим вращающимся элементам и сделает анимацию плавной.

    Формат вывода: Почему не сразу в видео?

    Перейдите во вкладку Output Properties (иконка принтера).

    Здесь есть соблазн выбрать формат файла FFmpeg Video и сразу получить MP4. Никогда так не делайте при рендере тяжелых сцен.

    Представьте: вы рендерите анимацию 10 часов. На 99% происходит сбой электричества или вылет программы. Если вы писали сразу в видеофайл — файл будет битым. Вы потеряли 10 часов.

    Правильный путь: PNG Sequence

    Профессионалы всегда рендерят последовательность изображений (Image Sequence).

  • Output: Создайте отдельную папку для кадров (например, //render/frames/).
  • File Format: Выберите PNG.
  • Color Depth: 8 bit (достаточно для веба) или 16 bit (если планируете сильную цветокоррекцию).
  • Если рендер упадет на 50-м кадре, у вас останутся первые 49 картинок. Вы просто перезапустите рендер с 50-го кадра.

    Композитинг: Добавляем лоск

    «Сырой» рендер из 3D часто выглядит суховато. Ему не хватает свечения (Glow), цветового баланса и кинематографических дефектов. В Blender есть встроенный фотошоп — вкладка Compositing.

  • Перейдите в рабочее пространство Compositing (вверху окна).
  • Поставьте галочку Use Nodes.
  • Вы увидите две ноды: Render Layers (ваша картинка) и Composite (финальный результат).
  • Чтобы видеть, что вы делаете, добавьте ноду Viewer (Shift + A -> Output -> Viewer) и соедините её с Render Layers. На фоне появится ваше изображение (нажмите F12, чтобы отрендерить один кадр для пробы).

    Glare (Свечение)

    Технологический стиль невозможен без красивого свечения ярких участков (экранов, диодов, бликов на металле).

  • Нажмите Shift + A -> Filter -> Glare.
  • Вставьте эту ноду между Render Layers и Composite.
  • Смените режим со Streaks (звездочки) на Fog Glow (туманное свечение).
  • Threshold (Порог): Определяет, насколько ярким должен быть пиксель, чтобы начать светиться. Покрутите значение (обычно 0.5 - 2.0).
  • Size: Размер ореола.
  • Теперь ваши неоновые вставки и яркие блики на фасках получили мягкое, дорогое свечение.

    !Схема подключения ноды Glare для создания эффекта свечения.

    Lens Distortion (Искажение линзы)

    Идеальных линз не бывает. Добавим немного хроматической аберрации (когда по краям кадра цвета слегка расслаиваются на красный и синий).

  • Добавьте ноду Lens Distortion.
  • Поставьте Dispersion (Дисперсия) на очень маленькое значение: 0.02 или 0.05.
  • Это едва заметный эффект, но он подсознательно заставляет мозг верить, что это снято на реальную камеру.

    Финальный рендер и сборка

    Шаг 1: Рендер кадров

  • Проверьте, что нода Composite подключена в конце цепочки нод.
  • Нажмите Ctrl + F12 (Render Animation).
  • Ждите. В папке, которую вы указали, начнут появляться файлы 0001.png, 0002.png и так далее.
  • Шаг 2: Сборка видео (Video Sequence Editor)

    Когда все кадры готовы, нам нужно склеить их в видеофайл. Это можно сделать в Premiere или DaVinci, но Blender тоже умеет это делать.

  • Создайте новый файл Blender (File -> New -> Video Editing).
  • Внизу на таймлайне нажмите Shift + A -> Image/Sequence.
  • Зайдите в папку с вашими отрендеренными PNG, выделите их все (A) и нажмите Add Image Strip.
  • Теперь на таймлайне лежит фиолетовая полоска — это ваша анимация.
  • Шаг 3: Экспорт в MP4

    Теперь настроим финальный вывод видео.

  • Вкладка Output Properties.
  • Frame Rate: Убедитесь, что он совпадает с тем, в котором вы рендерили (например, 60 FPS).
  • Output: Укажите имя файла (например, final_intro.mp4).
  • File Format: Выберите FFmpeg Video.
  • Encoding -> Container: Выберите MPEG-4.
  • Video Codec: H.264 (стандарт для интернета).
  • Output Quality: Perceptually Lossless (без видимых потерь) или High Quality.
  • Нажмите Ctrl + F12. Поскольку Blender просто склеивает готовые картинки, этот процесс займет всего несколько секунд.

    Заключение курса

    Поздравляю! Вы прошли путь от пустого экрана до финального видеофайла. Вы создали стильную технологическую заставку, используя профессиональный пайплайн:

  • Моделирование: Процедурная геометрия.
  • Шейдинг: PBR-материалы и работа со светом.
  • Анимация: Ключевые кадры и кривые интерполяции.
  • Рендер и Композитинг: Постобработка и сборка.
  • Этот алгоритм универсален. Вы можете использовать его для создания рекламы часов, презентации гаджетов или абстрактных фонов для YouTube. Blender — это инструмент с безграничными возможностями, и вы только что сделали первый уверенный шаг в его освоении. Не останавливайтесь, экспериментируйте и создавайте новые миры!