Анимация циферок и счётчика в Blender

Софтом от Абобы я не пользуюсь, а в Davinci этот вопрос решать не очень удобно. Поэтому для этих целей использую Блендер

В чём суть задачи: часто мне по работе для видеокреативов требуется заанимировать простой счётчик в UI (ну или цифры прямиком в 3D пространстве).

Если это 2D, то можно сделать анимацию в AfterEffects. Однако софтом Абобы я не пользуюсь, а в Davinci это делается не очень удобно. Поэтому я юзаю Блендер. В нём понадобятся — Geometry Nodes и несколько минут времени.

Время работы — 5—10 минут. Сложность работы — лёгкая

Полная связка нод лежит в конце поста

Здесь нужно создать новое древо нодов для нашего куба (в целом вообще не важно, какой будет объект) и открепить ноду "Group Input"

Далее мы вызываем (Shift + A) ноду String to Curves

Если подключить эту ноду в Group Input и в строке String написать что–либо, то можно увидеть результат

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

Дальше нам нужно вызвать ноду Value to String

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

Ключи анимации ставятся нажатием кнопки "i" на клавиатуре и когда курсор наведён на строку Value в ноде Value to String.

Или ПКМ и Insert KeyFrames

Мы получили простую связку и теперь цифры представлены в программе в виде кривых. Нам надо, чтобы выглядело "как 3D" и чтобы на это можно было наложить цвет

Для этого нам нужно вызвать ноду Fill Curve, которая "зальёт" наши кривые.

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

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

Далее, если мы хотим "сделать как 3D чтобы", то нужно добавить ноду Extrude Mesh и в ней ползунок Offset Scale отвечает за "глубину текста"

Теперь цифры объёмные и можно наслаждаться; но есть нюанс — с другой стороны цифры не залиты и получается некрасиво (для статик рендеров будет не видно, конечно, но для анимации лучше сделать норм)

Чтобы пофиксить пустоту — вызываем ноду Join Geometry и вставляем в неё нашу связку нод без Extrude Mesh (это плоская часть без объёма) и пропущенную геометрию через Extrude Mesh (это цифры которые как 3D). И теперь получается, что мы соединили обе части и с обратной стороны всё нормально (если не понятно, то картинка в помощь)

Собственно про 3D часть всё. Теперь можно делать анимацию любого количества и добавлять еще какие–нибудь элементы

Далее небольшой нюанс про 2D составляющую: часто надо, чтобы цифры оставались плоскими. В таком случае порой неплохо добавлять под них тень (как на превьюхе поста зеленая тень и на картинке ниже синяя тень)

Для этого нужно создать новый материал (пускай будет синий), открепить ноду Extrude Mesh и на её место вызвать ноду Transform; после неё вызвать ноду Set Material и там воткнуть материал нашей тени:

После этого на небольшjе значение подвинуть тень в ноде Transform в графе по Z и X, чтобы её стало видно:

На этом с нодами и в целом с тутором всё

Можете зарендерить, а можете и нет, дело ваше. Я лишь покажу, как это сделать правильно (весь процесс ниже текста на видео)

Рендерить будем в EEVEE. Переходим в Viewport Shading и после переводим наши оба материала в Emission поверхность, чтобы был тупа текст и нам не приходилось выставлять свет.

Потом идём во вкладку Render Properties и там во вкладке Film ставим галочку в поле Transparent, чтобы можно было вывести анимацию с прозрачным фоном (Альфа каналом).

Далее добавляем камеру и по комбинации Ctr+Alt+0 (нумпад) выставляем её там же, где и наш предпросмотр во вьюпорте. Потом камеру немного двигаем, чтобы было нормально всё видно.

Далее в настройках Output Properties во вкладке Output выставляем RGBA, что значит рендер с Альфа каналом. Компрессию можно установить на 25% и больше, ибо это текст и особо не будет разницы.

Выводим обязательно в PNG секвенцию (набор PNG картинков). Вообще, любую анимацию из 3D софта лучше выводить в PNG секвенцию, а не сразу в MP4/H.264. Почему и как — тема для отдельного поста (инфа по теме легко ищется в Яндексе).

Потом указываем в папку, куда зарендерится наша секвенция.

Далее с PNG секвенцией можно поиграться (добавить Glow, навалить цвета там и тд.) и отрендерить в MP4. Я обычно закидываю секвенцию в Davinci, но сейчас сделаем в Блендере (видео с выводом в MP4 снизу)

На этом у меня всё, вроде ничего не забыл. Можете там подписаться, поставить минус, я не знаю, потом еще выложу каких–нибудь приколов из Блендера.

#3d #3danimation #blender #2d #2danimation #tutorial