Blog de Metlivi

Cómo conservar las máscaras de ojos al anidar ilustraciones de personajes en un símbolo

Para conservar las máscaras de ojos al anidar ilustraciones de personajes en Adobe Animate, mueve al nuevo símbolo el conjunto completo de capas de máscara y enmascaradas. Después, comprueba las relaciones internas entre las capas, la alineación y los ajustes de reproducción antes de animar la instancia externa. Seleccionar solo la ilustración visible no incluye todos los elementos de esa configuración.

Este flujo de trabajo está pensado para creadores de personajes que ya tienen pupilas enmascaradas o aperturas de ojos animadas y quieren mover, escalar o rotar la cabeza ensamblada como una sola unidad. Utiliza las herramientas Símbolo y Línea de tiempo de Adobe Animate.

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

¿Qué elementos deben mantenerse juntos al anidar los ojos?

Considera cada configuración de ojo como un conjunto: la forma que define la apertura, la ilustración que se muestra a través de ella y los fotogramas que controlan su movimiento. Adobe distingue entre las capas de máscara y las capas enmascaradas; estas últimas solo muestran las partes que revela la máscara asociada. Estas relaciones entre capas forman parte de la configuración que debes conservar. Adobe: Crear capas de línea de tiempo con Animate

Antes de convertir nada, identifica qué función cumple cada capa. El contorno de un ojo puede ser simplemente una ilustración visible, mientras que otra forma rellena controla el recorte de la pupila. Pon nombres descriptivos a estas capas para poder distinguirlas dentro del nuevo símbolo.

Por ejemplo, una configuración ilustrativa de la cabeza podría contener las siguientes capas, ordenadas de arriba abajo. Repite las capas específicas del ojo para el otro ojo si necesita control independiente:

Capa Función prevista
Párpado y contorno Ilustración visible en una capa Normal
Apertura del ojo Máscara que define el área visible de la pupila
Pupila Ilustración enmascarada asociada con Apertura del ojo
Blanco del ojo Fondo visible en una capa Normal
Ilustración de la cabeza Resto de las formas visibles de la cabeza

Esta disposición es un punto de partida sugerido, no un rig obligatorio. Si el ojo actual ya funciona, conserva primero su estructura. Reorganizar y anidar en pasos separados facilita identificar qué cambio causó un problema.

Sección 2

¿Qué tipo de símbolo debe contener la ilustración del personaje?

Usa un símbolo Gráfico si quieres que la animación anidada siga la Línea de tiempo contenedora y que puedas inspeccionarla al recorrerla. Usa un Clip de película si la animación necesita una Línea de tiempo independiente. Adobe documenta ambos comportamientos; elige según la reproducción prevista antes de investigar por qué un parpadeo parece congelado. Adobe: Trabajar con símbolos en Animate

Para un movimiento de cabeza con un parpadeo sincronizado con fotogramas específicos, un contenedor Gráfico es un punto de partida práctico. Un elemento de personaje que se repite en bucle de forma independiente puede requerir un Clip de película. Ninguna de las dos opciones elimina la necesidad de conservar la configuración interna de las máscaras.

El anidamiento también permite separar el movimiento de la cabeza de la animación de los ojos. El material didáctico original de Animate de BMCC muestra cómo crear ojos que parpadean dentro de un símbolo de cabeza, de modo que se muevan con ella y mantengan su propia animación. Ese ejemplo respalda el enfoque de anidamiento; no es un tutorial sobre ojos enmascarados. BMCC: Adobe Animate: ciclos de caminar y parpadear

Sección 3

¿Cómo se convierten las capas existentes en un símbolo?

Guarda una copia de trabajo independiente del archivo FLA antes de reestructurarlo. Anota el rango original de fotogramas y revisa tres poses de referencia útiles: ojos totalmente abiertos, parcialmente cerrados y totalmente cerrados. Así tendrás una comparación concreta después de la conversión.

En las versiones de Animate que incluyen Convertir capas en símbolo, selecciona los nombres de capa pertinentes en la Línea de tiempo, haz clic con el botón derecho y elige ese comando. Adobe introdujo este flujo de trabajo basado en capas con Animate 2021. Incluye todas las máscaras de ojos, las ilustraciones asociadas y las demás capas de la cabeza que deban moverse juntas. Adobe: Crea tu primera animación en menos de cinco minutos: ¡Adobe Animate 2021 ya está disponible!

Sigue esta secuencia:

  1. Identifica el conjunto completo de capas de la cabeza, incluidas las capas de máscara que no aparecen como ilustraciones visibles normales.
  2. Selecciona esas capas en la Línea de tiempo y elige Convertir capas en símbolo.
  3. Ponle un nombre claro al contenedor, como Character_Head, y elige el tipo de símbolo previsto.
  4. Abre el símbolo resultante y compara sus capas y su rango de fotogramas con los originales.
  5. Comprueba las tres poses de referencia antes de añadir movimiento a la instancia externa.

No confundas Convertir capas en símbolo con Modificar > Convertir en símbolo, que Adobe documenta como una conversión de los elementos seleccionados del escenario. Para una animación existente organizada en capas, empieza con el comando basado en capas para que tu selección incluya explícitamente la estructura de la Línea de tiempo. Adobe: Trabajar con símbolos en Animate

Si el comando basado en capas no está disponible, Adobe documenta una alternativa que utiliza la copia de fotogramas: selecciona todos los fotogramas necesarios de las capas pertinentes, elige Copiar fotogramas, crea un Clip de película vacío mediante Insertar > Símbolo nuevo y usa Pegar fotogramas en el fotograma 1. Así transfieres los fotogramas y las capas copiados a una animación independiente. Mantén intacto el original hasta que hayas colocado y comprobado la instancia de reemplazo. Adobe: Convertir la animación del escenario en un símbolo de clip de película

Sección 4

¿Cómo se restablece la relación entre la máscara y el ojo dentro del símbolo?

Dentro del nuevo contenedor, inspecciona la Línea de tiempo antes de mover formas individuales. La máscara debe estar encima de la ilustración que revela. Las instrucciones de Adobe para las máscaras indican que las capas enmascaradas vinculadas se reconocen por su sangría y sus iconos modificados. Bloquea tanto las capas de máscara como las enmascaradas para ver el efecto de recorte en la vista de edición. Adobe: Cómo usar capas de máscara en Adobe Animate

Si falta una relación, coloca la capa de apertura del ojo justo encima de la capa de pupila correspondiente y configúrala como Máscara desde su menú contextual. Asocia las capas adicionales previstas mediante el ajuste Enmascarada en Propiedades de capa. Mantén la ilustración de la cabeza y los contornos decorativos fuera de esa asociación, salvo que también quieras recortarlos. Adobe: Cómo usar capas de máscara en Adobe Animate

Comprueba también la geometría de la máscara. Las máscaras de capa estándar de Animate utilizan áreas rellenas; los estilos de línea, los degradados y la transparencia no definen un borde de recorte suave. Por lo tanto, un contorno de ojo trazado necesita una apertura rellena adecuada para cumplir la función de máscara. Adobe: Cómo usar capas de máscara en Adobe Animate

Cuando la pose abierta se vea bien, inspecciona las poses parcial y cerrada. Que el primer fotograma se vea correctamente no demuestra que la máscara y la pupila tengan contenido coincidente a lo largo de toda la secuencia.

Sección 5

¿Cómo se distinguen los problemas de recorte, alineación y sincronización?

Sigue este orden de diagnóstico antes de volver a dibujar los ojos. Es una guía práctica de decisión basada en los comportamientos documentados de las capas y los símbolos, no una afirmación de que todos los defectos visuales tengan la misma causa.

Síntoma Primera comprobación Siguiente acción
La pupila sobresale de la apertura Relación interna entre Máscara y Enmascarada, y bloqueo para la vista previa Restablece la asociación y bloquea ambas capas
Los ojos están alineados internamente, pero toda la cabeza está desplazada Posición de la instancia externa Reubica la instancia ensamblada antes de cambiar la ilustración interna
Solo un componente del ojo está desplazado internamente Posición de ese componente en el fotograma afectado Compáralo con la pose de referencia original
El parpadeo funciona internamente, pero permanece inmóvil en el elemento principal Tipo de símbolo, opción de reproducción y fotogramas disponibles en el elemento principal Inspecciona los ajustes de reproducción de la instancia
La pose abierta funciona, pero falla una pose posterior Contenido de la máscara y la pupila en ese fotograma exacto Compara sus intervalos de fotogramas y fotogramas clave

Para una instancia Gráfica, inspecciona Propiedades > Reproducción en bucle. Adobe documenta las opciones Bucle, Reproducir una vez y Fotograma único, además de un ajuste para el fotograma inicial. Fotograma único mantiene deliberadamente una pose interna; Bucle repite la secuencia durante los fotogramas que ocupa la instancia. Comprueba estos ajustes antes de suponer que la máscara ha fallado. Adobe: Uso de instancias de símbolo, selector de fotogramas y sincronización automática de labios en Animate

Para corregir la alineación, haz el ajuste en el nivel donde se produce el error. Si hay que desplazar toda la cabeza anidada, ajusta su instancia externa. Si solo está mal la pupila dentro de la cabeza, inspecciona ese elemento interno. Cambiar ambos niveles a la vez hace que la comparación con las poses originales resulte menos útil.

Sección 6

¿Cómo debes probar el personaje anidado antes de continuar?

Haz una breve verificación con la cabeza ensamblada. Primero déjala inmóvil e inspecciona la secuencia de los ojos. Luego mueve la instancia externa y vuelve a inspeccionar las mismas poses. Así separarás un problema interno de los ojos de uno introducido al transformar el personaje.

Usa una instancia de prueba duplicada para las transformaciones temporales y elimínala al terminar. Si necesitas experimentar por separado con la ilustración interna, duplica también el símbolo de la Biblioteca: al editar la definición de un símbolo, se actualizan sus instancias. Adobe: Trabajar con símbolos en Animate

Comprueba estas condiciones en el resultado previsto:

  • Las pupilas permanecen recortadas al mirar hacia los bordes de las aperturas.
  • El cierre parcial no deja a la vista una franja no deseada de la ilustración de la pupila.
  • La pose cerrada contiene únicamente la ilustración que debe verse.
  • El movimiento de la cabeza arrastra consigo el conjunto de los ojos.
  • El parpadeo comienza y se repite en los fotogramas previstos.

Exporta una muestra breve con el formato que realmente necesites e inspecciona esas mismas poses. Si aparece alguna discrepancia, vuelve al primer fotograma donde falla y sigue la secuencia de diagnóstico anterior. Conserva la versión anidada funcional mientras investigas.

La tarea se completa cuando la configuración interna de los ojos sigue siendo editable, las relaciones entre máscaras se mantienen a lo largo de la animación y la cabeza ensamblada se comporta correctamente en el resultado previsto. Cuando termines estas comprobaciones, podrás seguir animando el símbolo externo del personaje sin tener que reconstruir los ojos.

Sección 7

Fuentes

Lecturas relacionadas

Sigue explorando este tema