Sesión 03 · animaciones
Tablero de animaciones
Dieciocho movimientos corriendo en vivo. Haz clic en cualquiera para repetirlo. Puntúa del 1 al 5 qué tanto te sirve, anota en qué slide la usarías, y cuando tengas las tuyas dale a «Armar el prompt»: sale el texto con las elegidas, listo para pegar en ChatGPT.
Lo que pasa cuando el elemento entra a la pantalla.
Panadería La Espiga
01
El texto entra desde abajo unos pocos píxeles mientras aparece.
El titular de cualquier slide. Es el movimiento por defecto: si dudas, este.
Cómo se pideque el titular entre desde abajo 24 px mientras aparece, en 500 ms, con una curva suave
02
Los elementos de una lista entran uno detrás de otro, no todos de golpe.
Listas, bloques de tres, cualquier cosa numerada.
Cómo se pideque los puntos de la lista entren uno detrás de otro con 80 ms de diferencia
Pan de todos los días
03
Una máscara descubre el texto de izquierda a derecha, como si lo revelara.
La frase del remate. Una por presentación, no más.
Cómo se pideque la frase se descubra de izquierda a derecha con una máscara, en 700 ms
14
panes en carta
04
Entra borrosa y termina nítida.
La cifra grande, cuando quieres que se sienta que llegó.
Cómo se pideque la cifra entre desenfocada y termine nítida, sin rebote
ESPIGA
05
Cada letra aparece un instante después de la anterior.
Una sola palabra en pantalla. Con una frase larga cansa.
Cómo se pideque la palabra aparezca letra por letra, 40 ms entre letras
02 · El portafolio
06
Una franja de color cruza y al salir deja el texto puesto.
Rótulos y etiquetas de sección.
Cómo se pideque una franja naranja cruce el rótulo y al salir deje el texto
Para lo que ya está en pantalla y hay que mirar.
La Espiga
07
Un reflejo recorre el titular una vez.
El nombre de la marca en la portada.
Cómo se pideque un brillo recorra el titular una sola vez al entrar
Horneamos dos veces al día
08
Una línea crece debajo de la palabra que importa.
La palabra de la que vas a hablar treinta segundos.
Cómo se pideque se dibuje un subrayado debajo de la palabra clave, de izquierda a derecha
0
panes por día
09
El número cuenta desde cero hasta el valor real.
Ventas, unidades, clientes. Cualquier cifra que quieras que se sienta.
Cómo se pideque la cifra cuente desde cero hasta el número final en 1,2 s
Pan para el barriotu mesael café
10
Una palabra de la frase se reemplaza por otra, y por otra.
Cuando la misma frase sirve para tres públicos.
Cómo se pideque una palabra de la frase vaya cambiando entre tres opciones
11
Un punto pequeño pulsa al lado de una etiqueta.
"Abierto ahora", "recién horneado", cualquier cosa viva.
Cómo se pideun punto que late al lado de la etiqueta, suave, sin parar
Masa madre, sin atajos
12
Un bloque de color crece detrás de la palabra, como un marcador.
Una palabra por slide. Dos ya es ruido.
Cómo se pideque un resaltado de color crezca detrás de la palabra, de izquierda a derecha
La cifra y la gráfica, moviéndose.
13
Las barras suben desde cero hasta su altura.
La comparación de siempre: meses, sedes, productos.
Cómo se pideque las barras crezcan desde cero, escalonadas, y quede el valor encima
ventas por mes
14
La curva se traza de izquierda a derecha.
Una tendencia. Solo si la tendencia es la noticia.
Cómo se pideque la línea de la gráfica se dibuje de izquierda a derecha en 1,5 s
15
Un anillo se completa hasta el porcentaje.
Un porcentaje solo, grande, en el centro.
Cómo se pideun anillo que se llena hasta el porcentaje, con la cifra en el centro
Lo que sostiene el resto sin robarse la atención.
Portada
16
Un degradado se mueve muy lento detrás de todo.
Portada y cierre. En una slide con datos, distrae.
Cómo se pideun fondo con un degradado que se mueva muy lento, sin que se note el ciclo
02
cambio de capítulo
17
Un panel de color cruza la pantalla al cambiar de capítulo.
Solo entre capítulos. Entre slides del mismo bloque, corta el hilo.
Cómo se pideque al cambiar de capítulo cruce un panel de color de lado a lado
18
La foto se acerca muy despacio mientras está en pantalla.
La foto del local, la del producto. Cualquier imagen que se quede quieta.
Cómo se pideque la foto haga un acercamiento lento del 4 % mientras está en pantalla
Immpulso · Medellín
Sesión 03 · curso.immpulso.dev/3
El prompt con tus elegidas