Оригинальное название: Create a Presentation Slide

4 min read

Разработайте анимированный слайд для презентаций или видеозаписей с угловыми украшениями, пошатнувшимися точками и плавным текстом.

** Время: ** 10 минут ** Сложность: ** Промежуточная

Что вы будете создавать

Профессиональный слайд с декорациями угловых кронштейнов, анимированным названием и ошеломляющей анимацией контента.

Анимированный слайд презентации с угловыми декорациями и пошаговыми пуленепробиваемыми точками

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

Создавайте L-образные скобки на каждом углу полотна с помощью линий:

Для каждого угла создайте две линии, встречающиеся под прямым углом
Свойства:
- Цвет удара: #334155 (тонкий сланец)
- Ширина инсультов: 1.5
- Шапка для удара: round
Позиционные скобки 40px с каждого края, с длиной руки 80px
Удар по внешнему виду каждого угла на 0,08 секунды для последовательного раскрытия

Эти угловые скобки обрамляют слайд и добавляют полированный, профессиональный вид.

Создайте вертикальную линию вдоль левого края
Свойства:
- From: (40, 200) to (40, 520)
- Цвет удара: #3b82f6 (синий акцент)
- Ширина инсультов: 2
Ключевые кадры:
- 0s-0.4s: скрытый (непрозрачность 0)
- 0,9: Opacity 0,6 — Easing: Ease Out

Нажмите T
Введите название презентации (например, «Q4 Business Review»)
Свойства:
- Размер шрифта: 72
- Цвет шрифта: #f8fafc (почти белый)
Keyframes — скользить слева:
- 0s: Opacity 0, X смещения -60px от центра
- 0,7: Opacity 1, X в центре — Easing: Ease Out

Создайте тонкий прямоугольник между заголовком и подзаголовком
Свойства:
- Ширина: 300, высота: 3
- Цвет: #3b82f6 (синий акцент)
Ключевые кадры:
- 0s-0.5s: скрытый (непрозрачность 0)
- Оригинальное название: Opacity 1 - Easing: Ease Out

Нажмите T
Введите свой подзаголовок (например, «Стратегия годовой производительности и роста»)
Свойства:
- Размер шрифта: 28
- Цвет шрифта: #94a3b8 (мутированный серый)
Ключевые кадры:
- 0s-0.8s: скрытый (непрозрачность 0, Y +20px смещения)
- 1.4: Непрозрачность 1, Y в конечной позиции - Упрощение: Упрощение

Создайте 3 текстовых элемента для ключевых показателей или точек разговора:

Нажмите T для каждой пули
Префикс стрелки: «→ Выручка выросла на 34% в годовом исчислении»
Свойства:
- Размер шрифта: 22
- Цвет шрифта: #cbd5e1
- Выравнивание: Left
Удар по каждой пуле на 0,2 секунды:
- Пуля 1: появляется при 1.2-1.6s
- Пуля 2: появляется при 1,4-1,8
- Пуля 3: появляется при 1.6s-2.0s

Каждая пуля слегка скользит слева (x смещения -20px) при затухании.

Нажмите Space для предварительного просмотра
Проверьте последовательность: появляются углы → слайды заголовка → делитель исчезает → подзаголовок поднимается → пули шатаются
Экспорт как MP4 или WebM (5 секунд, 30 кадров в секунду)

Настольные слайды: