Creación de Animaciones de Resaltado en Adobe Animate parte 13
Objetivo de Aprendizaje:
Al finalizar esta
guía, el usuario será capaz de utilizar las herramientas de Adobe Animate para
crear animaciones de resaltado (highlight) en elementos gráficos, aplicar
ajustes de recorte (clipping) y sincronizar animaciones complejas. Además,
aprenderá a optimizar el flujo de trabajo mediante el uso de atajos de teclado
y técnicas avanzadas de animación.
Introducción a
Adobe Animate
Adobe Animate es una
herramienta poderosa para la creación de animaciones interactivas y dinámicas.
En esta guía, nos enfocaremos en crear una animación de resaltado para
representar datos visualmente, utilizando técnicas de recorte y ajustes de
sincronización para lograr un efecto profesional.
Pasos para Utilizar
Adobe Animate
1. Creación
del Artefacto de Resaltado
- Selección del Activo: En el panel de Activos,
arrastra una copia del símbolo person ping al escenario.
- Ajuste de la Capa: Asegúrate de que el nuevo artefacto esté
en la capa superior del panel de Línea de Tiempo.
- Ajuste del Recorte (Clipping): Selecciona el artefacto y, en el panel
de Propiedades, ajusta el clip izquierdo a 30.
Esto cambiará el color del gráfico a naranja, representando el resaltado.
- Posicionamiento del Artefacto: Usa la herramienta de Selección (atajo: V)
para mover el gráfico naranja cerca de uno de los gráficos azules. Debería
encajar automáticamente (snap) en su lugar.
2. Duplicación
y Ajuste de los Gráficos de Resaltado
- Duplicación de Gráficos: Mantén presionada la tecla Alt (Windows)
u Option (Mac) y arrastra copias del gráfico naranja para cubrir
los primeros ocho gráficos azules. Esto representa el 76% del
conjunto de datos.
- Ajuste del Último Gráfico: Para el último gráfico, ajusta el clip
derecho a 48 en el panel de Propiedades,
representando el 60% de ese gráfico.
3. Animación
del Resaltado
- Selección de los Gráficos Naranjas: Mantén presionada la tecla Shift y
selecciona los ocho gráficos naranjas.
- Posicionamiento del Playhead: Lleva el playhead al
segundo 1:15 en la línea de tiempo.
- Activación del Toggle Pin: Activa el Toggle Pin (atajo: P)
y arrástralo hasta el segundo 1:30. Esto define una duración de 0:15 segundos
para la animación.
- Ajuste del Clip Derecho: Con los gráficos seleccionados, ajusta
el clip derecho a 30 en el panel de Propiedades.
Esto creará una animación de relleno.
- Aplicación de Transición: Selecciona las animaciones, dirígete a
la sección de Transiciones y elige Linear.
Presiona Enter para aplicar la transición.
- Desactivación del Toggle Pin: Desactiva el Toggle Pin para
ajustar manualmente la sincronización.
4. Sincronización
de las Animaciones
- Ajuste de los Tiempos de Inicio:
- Selecciona el segundo gráfico naranja y
arrastra su inicio de animación para que comience justo antes de que
termine la animación del primer gráfico.
- Repite este proceso para los gráficos
restantes, escalonando sus animaciones ligeramente.
- Ajuste del Último Gráfico: Para el octavo gráfico, ajusta el clip
derecho a 48 para representar el 60% de
relleno.
- Previsualización Final: Presiona la barra espaciadora (Spacebar)
para ver la secuencia completa. Observa cómo los gráficos naranjas se
rellenan después de que las personas hayan rebotado en su lugar.
5. Preparación
para la Siguiente Animación
- Sincronización en el Escenario Principal: Una vez completada la animación de
resaltado, el siguiente paso será ajustar el tiempo de esta animación en
el escenario principal para que coincida con el resto de la secuencia.
Comandos Rápidos
(Atajos de Teclado)
- Activar Toggle Pin: P
- Reproducir Animación: Spacebar
- Seleccionar Herramienta de Selección: V
- Aplicar Transición: Ctrl + T (Windows) / Cmd
+ T (Mac)
- Mover Playhead: Flechas izquierda/derecha (← / →)
- Selección Múltiple: Shift + Clic
- Duplicar Elementos: Alt + Arrastrar (Windows)
/ Option + Arrastrar (Mac).
Definiciones
Técnicas
- Playhead: Indicador en la línea de tiempo que marca el punto actual de la
animación.
- Toggle Pin: Herramienta que permite fijar un punto
en la línea de tiempo para crear animaciones entre dos momentos.
- Clipping: Técnica que recorta una parte de un gráfico para revelar o
ocultar secciones específicas.
- Linear: Tipo de transición que aplica una animación constante sin
aceleración ni desaceleración.
- Keyframe: Fotograma clave donde se define un cambio específico en la
animación.
- Escalonamiento (Stagger): Técnica que distribuye las animaciones
en intervalos de tiempo para crear un efecto secuencial.
Conclusión
Esta guía proporciona
una base sólida para crear animaciones de resaltado en Adobe Animate,
utilizando técnicas de recorte y sincronización. Al dominar estas herramientas,
podrás representar datos visualmente de manera dinámica y profesional.
Título Sugerido
para la Guía:
"Animaciones
de Resaltado en Adobe Animate: Técnicas de Recorte y Sincronización"
Lista de Palabras
Clave en Inglés:
Adobe Animate,
animation, timeline, playhead, Toggle Pin, keyframes, clipping, linear
transition, properties panel, effects, transitions, keyboard shortcuts,
highlight animation, snapping, workflow, sequential animations, dynamic
effects, smoothing, scaling, element synchronization, professional techniques,
intuitive interface, interactive content, motion design, staggered animation,
visual effects, timing adjustments.
Comentarios
Publicar un comentario