Tutorial: Crear una diapositiva de presentación

4 min read

Diseñar una diapositiva animada para presentaciones o entradas de vídeo con decoraciones de esquina, puntos de bala escalonadas y texto liso revela.

Tiempo: 10 minutos Dificultad:

Lo que crearás

Una diapositiva de título profesional con decoraciones de corchetes, título animado revela, y animaciones de contenido escalonadas.

Animated diapositiva de presentación con decoraciones de esquina y puntos de bala estancados

Un fondo oscuro limpio mantiene el foco en el contenido y permite que los elementos decorativos destacar.

Crear soportes en forma de L en cada esquina del lienzo usando líneas:

Para cada esquina, cree dos líneas reuniéndose en un ángulo recto
Propiedades:
- Color: #334155 (sola supletoria)
- Stroke Width: 1.5
- Stroke Cap: round
Soportes de posición 40px de cada borde, con longitud de brazo 80px
Apunta la apariencia de cada esquina en 0.08 segundos para una revelación secuencial

Estos soportes de esquina enmarcan la diapositiva y añaden un aspecto pulido y profesional.

Crear una línea vertical a lo largo del borde izquierdo
Propiedades:
- From: (40, 200) to (40, 520)
- Color: #3b82f6 (acento azul)
- Stroke Width: 2
Keyframes:
- 0s-0.4s: Ocultos (opacidad 0)
- 0.9: Opacity 0.6 — Easing: Ease Out

Prensa T
Escribe tu título de presentación (por ejemplo, “Q4 Business Review”)
Propiedades:
- Tamaño de la fuente: 72
- Color de fuente: #f8fafc (cerca de blanco)
Keyframes — deslizarse desde la izquierda:
- 0s: Opacity 0, X offset -60px del centro
- 0,7: Opacity 1, X en el centro — Easing: Ease Out

Prensa T
Escriba su subtítulo (por ejemplo, “Estrategia de Crecimiento del Rendimiento Anual”)
Propiedades:
- Tamaño de la fuente: 28
- Color de fuente: #94a3b8 (gray múltiple)
Keyframes:
- 0s-0.8s: Oculto (opacidad 0, Y +20px offset)
- 1.4: Opacity 1, Y en posición final — Easing: Ease Out

Crear 3 elementos de texto para sus métricas clave o puntos de conversación:

Presione T para cada bala
Usar prefijo de flecha: “→ El ingreso creció 34% año tras año”
Propiedades:
- Tamaño de la fuente: 22
- Color de fuente: #cbd5e1
- Alineación: izquierda
Apaga la apariencia de cada bala en 0,2 segundos:
- Bala 1: aparece en 1.2s–1.6s
- Bala 2: aparece en 1,4–1,8s
- Bala 3: aparece en 1,6-2,0s

Cada bala se desliza ligeramente de izquierda (x offset -20px) mientras se desvanece.

Presione Space para previsualizar
Compruebe la secuencia: las esquinas aparecen → título diapositivas en → divider se desvanece → subtítulos subtítulos subtítulos se elevan →
Exportar como MP4 o WebM (5 segundos, 30 fps)

** Consejos de Presentación:**