Blog de Metlivi

Cómo convertir un ciclo de personaje existente fotograma a fotograma en un símbolo animado en Adobe Animate

Para convertir un ciclo de personaje existente en un símbolo animado en Adobe Animate, copia todo el rango de fotogramas de la línea de tiempo, crea un símbolo nuevo y pega los fotogramas en su línea de tiempo interna. Usa un símbolo Gráfico cuando quieras que la reproducción esté sincronizada con la escena; elige un Clip de película cuando necesites una línea de tiempo de animación independiente. Adobe documenta esta distinción en su guía para trabajar con símbolos.

Este tutorial está dirigido a quienes crean personajes y ya tienen un ciclo fotograma a fotograma funcional que quieren reutilizar como un único recurso editable. El objetivo es conservar los dibujos, las pausas, las relaciones entre capas y el límite del bucle al trasladar la secuencia a un símbolo.

29 de octubre de 20267 min de lecturaPor Metlivi Editorial Team
Sección 1

1. Identifica el ciclo completo antes de copiarlo

Guarda una copia de trabajo independiente del documento. Reproduce la animación original e identifica exactamente dónde empieza y termina una repetición. Anota el fotograma inicial, el fotograma final, las capas que participan y la velocidad de fotogramas del documento. Estos datos te servirán de referencia para comprobar la versión convertida.

Incluye el tiempo de exposición entre dibujos. Un fotograma clave y los fotogramas normales que le siguen forman una secuencia de fotogramas clave; esos fotogramas normales contribuyen a determinar cuánto tiempo permanece visible el dibujo. Por eso, copiar solo los cambios de dibujo puede alterar el ritmo. Adobe explica estas relaciones en Cómo usar fotogramas y fotogramas clave en Animate.

Como ejemplo ilustrativo, supongamos que tu personaje tiene seis dibujos, cada uno mantenido durante dos fotogramas. Un ciclo completo ocupa 12 fotogramas de la línea de tiempo. Si la secuencia de origen ocupa los fotogramas 25–36, copia todo ese intervalo en todas las capas del personaje. No lo reduzcas a seis fotogramas solo porque haya seis dibujos distintos.

Excluye las capas de fondo y de referencia, a menos que deban formar parte del recurso reutilizable del personaje. Si varias capas contribuyen al personaje, comprueba el mismo intervalo en todas ellas, incluidas las capas con pausas más largas o fotogramas intencionalmente vacíos.

Sección 2

2. Elige Gráfico o Clip de película según la reproducción que necesites

Ambos tipos de símbolo pueden contener animación, pero su relación con la escena es distinta. Los símbolos Gráfico se sincronizan con la línea de tiempo que los contiene. Los Clips de película tienen líneas de tiempo independientes. Estos son los comportamientos pertinentes que se describen en la documentación de símbolos de Adobe.

Lo que necesitas Tipo de símbolo Qué comprobar
Un ciclo que puedas inspeccionar al desplazarte por la escena Gráfico Que la línea de tiempo contenedora tenga suficientes fotogramas
Un ciclo sincronizado con otras animaciones de la escena Gráfico El fotograma inicial y la configuración del bucle
Una animación anidada que se reproduzca de forma independiente Clip de película La reproducción en el entorno de prueba del documento

Para este recorrido, elige Gráfico para poder comparar el ciclo directamente con la línea de tiempo de la escena. Adobe Animate: símbolos, de Martin Rose, también describe los símbolos Gráfico como una opción habitual para la producción de animación y presenta el flujo de trabajo para copiar fotogramas que se explica a continuación.

Sección 3

3. Copia los fotogramas de la línea de tiempo en un símbolo nuevo

Haz la selección en la línea de tiempo. Al seleccionar la ilustración en el escenario, se captura el dibujo visible; para transferir una secuencia existente, hay que copiar sus fotogramas. Las instrucciones de Rose para convertir una animación o fotogramas clave en un símbolo explican explícitamente esta diferencia.

  1. Selecciona todo el intervalo del ciclo en las capas que participan. Arrastra sobre las celdas de fotogramas o usa Mayús y clic para ampliar la selección.
  2. Haz clic con el botón derecho en un fotograma seleccionado y elige Copiar fotogramas.
  3. Elige Insertar > Nuevo símbolo.
  4. Asígnale un nombre descriptivo, como Character_Idle_Cycle, y elige Gráfico.
  5. Haz clic en Aceptar para entrar en el símbolo nuevo.
  6. Selecciona el fotograma 1 de su capa inicial y elige Pegar fotogramas en el menú contextual del fotograma.

Esta secuencia sigue el procedimiento de Rose para convertir una animación en símbolo. El procedimiento equivalente de Adobe para convertir en Clip de película confirma que al pegar los fotogramas copiados también se transfieren las capas y sus nombres, junto con la secuencia.

Inspecciona el resultado antes de cambiar el origen. En el ejemplo ilustrativo de 12 fotogramas, el símbolo nuevo debería contener 12 fotogramas a partir del fotograma interno 1. Compara el número de capas y el orden de los dibujos con tus notas. Si falta una capa o el primer fotograma está vacío de forma inesperada, corrige la transferencia de inmediato.

Sección 4

4. Coloca el símbolo y dale espacio suficiente en la línea de tiempo

Vuelve a la escena mediante su nombre en la barra de edición. Crea una capa independiente para la instancia de reemplazo, selecciona un fotograma clave en el inicio deseado, abre Ventana > Biblioteca y arrastra el símbolo nuevo al escenario. Adobe documenta este proceso en Crear instancias de símbolo y trabajar con ellas en Animate.

Oculta temporalmente las capas originales del personaje mientras comparas la ubicación. Usa un rasgo reconocible, como el centro del cuerpo del personaje, para comparar el reemplazo con el original. Conserva el original hasta que coincidan tanto la posición como la reproducción.

Amplía la capa de reemplazo a lo largo de la duración necesaria de la escena mediante Insertar > Línea de tiempo > Fotograma. Esto añade exposición sin introducir otro cambio de dibujo. Adobe incluye el comando de fotograma en su guía de fotogramas y fotogramas clave.

Selecciona la instancia Gráfico y abre Ventana > Propiedades. En los controles de bucle, elige Bucle y establece Primero en 1 para que el ciclo comience en su primer fotograma interno. Adobe indica que Bucle repite la secuencia durante todos los fotogramas que ocupa la instancia; Reproducir una vez se detiene al final, mientras que Fotograma único muestra un fotograma elegido. Consulta Configurar el bucle de una instancia Gráfico.

Sección 5

5. Comprueba el ritmo comparando dos ciclos

Usa dos repeticiones consecutivas como prueba práctica de aceptación. La primera comprueba el orden de los dibujos; la segunda permite observar la transición del último fotograma interno al primero.

Para el ciclo ilustrativo de 12 fotogramas a 24 fotogramas por segundo, una repetición dura 12 ÷ 24 = 0,5 segundos. Amplía la instancia Gráfico a lo largo de 24 fotogramas de la escena para inspeccionar dos repeticiones que duran un segundo. Estas cifras son ilustrativas; usa la duración real de tu ciclo y la velocidad de fotogramas del documento. Adobe confirma en su explicación de la línea de tiempo que el número de fotogramas y la velocidad de reproducción determinan la duración.

Compara tres aspectos: las pausas originales, la posición del personaje a lo largo de la secuencia y la transición en el límite de repetición. Desplázate lentamente para inspeccionar los cambios de dibujo y luego usa Control > Reproducir para evaluar el ritmo. Adobe documenta la reproducción y la inspección con papel cebolla en Animación fotograma a fotograma en Animate.

Si hay una pausa inesperada en el límite, inspecciona los dibujos final e inicial y sus tiempos de exposición. Si la pose final y la inicial son idénticas, puede producirse una pausa adicional al repetirse el ciclo. Antes de quitar fotogramas, decide si esa pausa forma parte del movimiento previsto.

Sección 6

6. Diagnostica un resultado congelado, incompleto o desalineado

Síntoma Primera comprobación Acción correctiva
El símbolo contiene un solo dibujo Su línea de tiempo interna Repite la transferencia con Copiar fotogramas y Pegar fotogramas
Un Gráfico muestra una sola pose Los controles de bucle y la exposición de la escena Elige Bucle y amplía el intervalo de fotogramas contenedor
Desaparece parte del personaje Las capas copiadas y el intervalo seleccionado Vuelve a copiar el intervalo completo en todas las capas necesarias
El ciclo termina con un intervalo vacío Los fotogramas finales internos Compara con el original y elimina solo los espacios vacíos no deseados
El personaje cambia de posición entre dibujos La alineación interna de los dibujos Compara las poses adyacentes antes de ajustar la ilustración

Para comprobar la alineación, el papel cebolla muestra los fotogramas cercanos como referencia. Si necesitas reposicionar toda la secuencia dentro del símbolo, la función Editar varios fotogramas de Animate permite editar el intervalo marcado. Antes de mover nada, confirma que el intervalo incluya el ciclo completo y toda la ilustración prevista. Adobe describe ambas herramientas en su guía de animación fotograma a fotograma.

Un Clip de película requiere otra forma de comprobar la vista previa. Adobe señala que los Clips de película aparecen estáticos en el entorno de edición normal, mientras que los Gráficos animados muestran su animación en el modo de edición del documento. Si elegiste Clip de película intencionalmente, inspecciona sus fotogramas internos y prueba el documento antes de concluir que la transferencia falló. Consulta la explicación de Adobe sobre la reproducción de símbolos.

Sección 7

7. Termina con un recurso de personaje editable y reutilizable

Cuando el reemplazo coincida con el original, elimina de la escena de trabajo la secuencia de origen redundante y conserva el documento original guardado. Elige un nombre de símbolo lo bastante específico como para distinguir este ciclo de futuras acciones del personaje.

Considera que las ediciones dentro del símbolo son cambios compartidos: al modificar un símbolo se actualizan sus instancias. Puedes mover, escalar o girar una instancia individual para ajustarla localmente sin modificar el símbolo de origen, tal como se explica en la documentación de Adobe sobre las propiedades de las instancias.

La conversión está completa cuando la Biblioteca contiene el ciclo entero, la instancia de la escena se reproduce con el ritmo previsto y dos repeticiones consecutivas conservan el movimiento original. Entonces podrás reutilizar el ciclo del personaje y mantener disponibles sus dibujos fotograma a fotograma para seguir editándolos.

Sección 8

Fuentes

Lecturas relacionadas

Sigue explorando este tema