Animaciones
Animar con keyframes y línea de tiempo
Para movimientos a medida: marcás cómo está la pieza en cada momento y Sillar une los puntos.
Un keyframe es una foto de la pieza en un momento. Entre dos keyframes, todo pasa solo de uno al otro: posición, tamaño, color, opacidad, desenfoque, esquinas y texto.
Crear una animación
Elegí la pieza.
Abrí la pestaña Interacciones, tocá + Agregar interacción, elegí cuándo (por ejemplo Al cargar) y Animación con keyframes. Se abre la Línea de tiempo abajo.
Elegí cuánto dura: 3 s, 5 s, 6 s o 10 s.
Llevá el cabezal a otro momento tocando o arrastrando sobre la regla.
Cambiá la pieza (movela, agrandala, cambiale el color): se crea un keyframe en ese momento.
Tocá Reproducir para verla.
Los controles de la línea de tiempo
- Keyframe anterior / siguiente
- Los botones de flecha: saltan de un keyframe al otro.
- Reproducir / Pausar
- Corre la animación desde donde está el cabezal.
- + Keyframe
- Agrega un keyframe en el cabezal sin cambiar nada. Aparece cuando el cabezal no está sobre uno.
- Curva hasta el siguiente keyframe
- Lineal (parejo), Suave (arranca y frena despacio) o Rebote (se pasa un poco y vuelve).
- Quitar keyframe
- El tachito: borra el keyframe donde está el cabezal.
- Dura (s)
- Cambia el largo total de la animación.
Para cambiar cuándo arranca, abrí la tarjeta de la interacción y usá Arranca: Al abrir la pantalla, Cuando se ve, Con el scroll, Al tocar la pieza, Al pasar el mouse o Solo desde una acción. Y con Una vez, Siempre o Veces, cuántas veces repite.