TGViewer
After Effects / Motion Design After Effects / Motion Design @a_study · 47.3K subscribers
Post #5907 5.76K
Освойте анимационную графику SaaS за 50 минут

В этом мастер-классе по SaaS я научу вас создавать анимацию для компаний SaaS и AI, которую они смогут использовать при запуске своих продуктов. Я сделаю эту анимированную графику с помощью After Effects.

00:00 Введение и обзор
00:50 Часть 1: Кнопка загрузки (дизайн и анимация)
06:55 Часть 2: Графика «узкого места»
13:00 Часть 3: Масштабирование и дублирование рабочего процесса
25:56 Часть 4: Интерфейс приложения Notes
38:28 Часть 5: Светящийся шар (дополнительные эффекты)
51:02 Окончание

Еxpression
Bounce:
amp = .04;
freq = 1.8;
decay = 3;
n = 0;
time_max = 3;
if (numKeys > 0) {
n = nearestKey(time).index;
if (key(n).time > time) { n--; }
}
if (n == 0) {
t = 0;
} else {
t = time - key(n).time;
}
if (n > 0 && t < time_max) {
v = velocityAtTime(key(n).time - thisComp.frameDuration / 10);
easeFactor = easeOut(t, 0, time_max, 1, 0);
value + v * amp * Math.sin(freq * t * 2 * Math.PI) / Math.exp(decay * t) * easeFactor;
} else {
value;
}

Bouncy text:
dur = 0.12;
s = text.sourceText.toString();
i = textIndex-1;
i = clamp(i, 0, s.length-1);
wordIndex = 0;
for (k=0; k<=i; k++){ if (s.charAt(k) == ' ') wordIndex++; }
myDelay = wordIndex*thisComp.frameDuration*2;
t = (time - inPoint) - myDelay;
if (t < 0){
100;
} else {
clamp(easeOut(t, 0, dur, 100, 0), 0, 100);
}


#tutorial | Voice | By TomsProject
  • ❤ 6
  • 👍 3
More from @a_study
  1. Sep 27, 2026Как редактировать видео в документальном стиле В этом уроке по Adobe After Effects мы с ну…
  2. Sep 27, 2026Post #6600
  3. Sep 26, 2026ChatGPT + After Effects – это просто безумие... В этом уроке я подробно расскажу, как с по…
  4. Sep 25, 202625 трюков в After Effects, которые должен знать каждый моушн-дизайнер На этом канале мы со…
  5. Sep 24, 2026Анимация 3D-иконки в After Effects Узнайте, как создавать и анимировать 3D-иконки в After…
  6. Sep 24, 20261)AmanowTools 2.1: плагин-панель для After Effects 80+ функций в одной панели. Всё, что мо…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →