🔥 Ловите эксклюзив для After Effects!
9️⃣ Динамический счетчик с подписью 💵
Уверен, это вам пригодится!
Я сам тратил кучу времени на подобные задачи, пока не придумал этот
#экспрешен.
📢 До начала хотел бы призвать Оставить реакцию! Это реально мотивирует продолжать делиться полезными фишками! 🔥
🚀 Проблема:
При анимации чисел почти всегда рядом нужна подпись или единица измерения - HP, очки, баллы, м³, км, $. Это делает визуал понятнее и приятнее.
Обычно есть два варианта:
🔴 Через Slider Control - можно просто добавить к числу подпись, например:
effect("Slider Control")("Slider") + "%"
дописываем символ процентов с помощью "+ "%""
Но здесь нет гибкости: нельзя менять положение подписи, шрифт, цвет или размер отдельно от числа и т.п. В 95% случаев выглядит не так, как хотелось бы.
🔴 Отдельным слоем - можно полностью настраивать шрифт, размер и позицию. Но здесь другая проблема: числа меняются в ширину (например, "0" шире, чем "1"), и подпись приходится двигать вручную, чтобы она оставалась на месте. Если число увеличивается (например, добавляется новая цифра), подпись сдвигается, и работы становится в 2-3 раза больше.
💡 Решение:
Я 📱 написал экспрешен, который автоматически регулирует положение подписи относительно числа.
upd.
var scoreLayer = thisComp.layer("ИМЯ"); // Укажите имя слоя с числом
var scoreWidth = scoreLayer.sourceRectAtTime(time, false).width; // Ширина слоя с числом
var scorePos = scoreLayer.position; // Позиция слоя с числом
var offset = 50; // Расстояние между числом и и подписью (можно настроить)
[scorePos[0] + scoreWidth + offset, scorePos[1]];
📌 Как использовать:
1️⃣ Вставьте этот экспрешен в параметр позиции слоя с подписью.
2️⃣ В коде замените "НАЗВАНИЕ_СЛОЯ_С_ЧИСЛОМ" на реальное название вашего слоя с цифрами.
3️⃣ При необходимости измените gap - это расстояние между числом и подписью (по умолчанию 10 пикселей).
4️⃣ У обоих текстов (число и подпись) должно быть выравнивание слева.
✅ Бонус:
Экспрешен, который убирает дробные значения у числа:
effect("Slider Control")("Slider").value.toFixed(0);
Добавляйте его в Slider Control, если нужно округлить число.
📢 Если есть вопросы задавайте 👇 в комментариях
#aftereffects #expression #скрипт
Проекты |
Премиум ⭐️
