Creación de capas de la cronología en Animate

Las capas permiten organizar las ilustraciones en los documentos. Los objetos de una capa pueden dibujarse y editarse sin que afecten a objetos de otras capas. En las zonas del escenario en las que no hay nada en una capa, pueden verse a través de ella las capas situadas debajo.

Para dibujar, pintar o modificar una capa o una carpeta, primero se debe seleccionar en la línea de tiempo para activarla. Un icono con forma de lápiz junto a una capa o carpeta de la línea de tiempo indica que la capa o carpeta está activa. Solo puede haber una capa activa en cada momento (aunque se pueda seleccionar más de una capa a la vez).

Cuando se crea un documento de Animate, este contiene una sola capa. Para organizar las ilustraciones, animaciones y los demás elementos del documento, añada más capas. Asimismo, es posible ocultar, bloquear o reordenar capas. El número de capas que pueden crearse solo está limitado por la memoria del equipo. Las capas no aumentan el tamaño del archivo SWF publicado. Solo los objetos que se ubican en las capas aumentan el tamaño del archivo.

Para organizar y gestionar las capas, cree carpetas y coloque en ellas las capas. Las carpetas de capas se pueden expandir o contraer en la línea de tiempo sin que ello afecte a lo que se muestra en el escenario. Utilice capas o carpetas distintas para los archivos de sonido, ActionScript, etiquetas de fotogramas y comentarios de fotogramas. El hecho de usar distintas capas ayuda a encontrar estos elementos con mayor facilidad cuando tenga que editarlos.

Si desea crear efectos sofisticados, utilice capas de guía especiales para que dibujar y editar sea más fácil, así como para crear capas de máscara.

Existen cinco tipos de capas que se pueden utilizar en Animate:

• Las capas normales contienen la mayor parte de las ilustraciones en un archivo FLA.

• Las capas de máscara incluyen objetos utilizados como máscaras para ocultar partes seleccionadas de capas bajo las mismas. Para obtener más información, consulte Uso de capas de máscara.

• Las capas enmascaradas son las que se encuentran bajo una capa de máscara que se asocia a la capa de máscara. Solo está visible la parte de la capa de máscara revelada por la máscara. Para obtener más información, consulte Uso de capas de máscara.

• Las capas de guía contienen trazos que se pueden utilizar para guiar la disposición de los objetos en las demás capas. Asimismo, se pueden utilizar para guiar el movimiento de las animaciones de interpolación clásica en otras capas. Para obtener más información, consulte Capas de guía y Creación de interpolación clásica de movimiento a lo largo de un trazado.

• Las capas de guía se asocian a una capa de guía. Los objetos de la capa guiada se pueden organizar o animar a lo largo de trazos en la capa de guía. Las capas guiadas pueden incluir ilustraciones estáticas e interpolaciones clásicas, pero no interpolaciones de movimiento.

• Las capas de interpolación de movimiento contienen objetos animados con interpolaciones de movimiento. Para obtener más información, consulte Animación interpolada.

• Las capas de esqueleto contienen objetos con huesos de cinemática inversa asociados. Para obtener más información, consulte Uso de la herramienta Hueso para la animación de cinemática inversa.

Las capas de guía, enmascaradas, de máscara y normales pueden contener interpolaciones de movimiento o huesos de cinemática inversa. Si estos elementos se encuentran en una de estas capas, existen limitaciones de los tipos de contenido que se pueden añadir a la capa. Para obtener más información, consulte Interpolaciones de movimiento y Uso de la herramienta Hueso para la animación de cinemática inversa.

Creación de capas

Cuando se crea una capa, esta aparece sobre la capa seleccionada. La capa recién creada se convierte en la capa activa.

Creación de carpetas de capas

Organización de capas y carpetas de capas

Para organizar un documento, cambie el orden de las capas y carpetas en la línea de tiempo.

Las carpetas de capas sirven para organizar el flujo de trabajo, ya que permiten colocar las capas en una estructura de árbol. Para ver las capas que contiene una carpeta sin modificar las que están visibles en el escenario, expanda o contraiga la carpeta. Las carpetas pueden contener capas y otras carpetas, lo que permite organizar las capas de una manera muy parecida a como se organizan los archivos del equipo.

Los controles de capa de la línea de tiempo afectan a todas las capas de una carpeta. Por ejemplo, al bloquear la carpeta de una capa, se bloquean todas las capas de dicha carpeta.

• Para situar una capa o una carpeta de capas en otra carpeta, arrastre el nombre de la capa o la carpeta hasta el nombre de la carpeta de capas de destino.
• Para cambiar el orden de las capas o carpetas, arrastre hasta la posición adecuada una o varias capas o carpetas en la línea de tiempo.
• Para expandir o contraer una carpeta, haga clic en el triángulo situado a la izquierda de su nombre.
• Para expandir o contraer todas las carpetas, haga clic con el botón derecho (Windows) o mantenga la tecla Control (Macintosh) presionada y seleccione Expandir todas las carpetas o Contraer todas las carpetas.

Cambio de nombre de una capa o una carpeta

De forma predeterminada, Animate asigna nombres a las capas nuevas según el orden en el que se han creado: Capa 1, Capa 2, etcétera. Para expresar mejor su contenido, cambie el nombre de las capas.

Selección de una capa o una carpeta

Copia de fotogramas a partir de una sola capa

Copia de fotogramas a partir de una carpeta de capas

Eliminación de una capa o una carpeta

Bloqueo o desbloqueo de una o varias capas o carpetas

• Para bloquear una capa o carpeta, haga clic en la columna Bloquear situada a la derecha del nombre. Para desbloquear la capa o carpeta, haga clic de nuevo en la columna Bloquear.

• Para bloquear todas las capas y carpetas, haga clic en el icono del candado. Para desbloquear todas las capas y carpetas, vuelva a hacer clic.

• Para bloquear o desbloquear varias capas o carpetas, arrastre el puntero por la columna Bloquear.

• Para bloquear todas las demás capas o carpetas, con la tecla Alt (Windows) u Opción (Macintosh) presionada, haga clic en la columna Bloquear. Para desbloquear todas las capas o carpetas, haga clic de nuevo en la columna Bloquear con la tecla Alt u Opción (Macintosh) presionada.

Copiar y pegar capas (solo CS5.5)

Puede copiar todas las capas y carpetas de capas de la línea de tiempo y pegarlas en la misma línea de tiempo o en otras. Es posible copiar cualquier tipo de capa.

Cuando se copian y pegan capas, la estructura de carpetas de capas de las capas copiadas no varía.

Las capas aparecerán en la línea de tiempo por encima de la capa seleccionada. Si ha seleccionado una carpeta de capas, las capas pegadas aparecerán dentro de la carpeta.

Para colocar una capa en una capa de máscara o una capa de guía, primero debe seleccionar una capa debajo de la máscara o la guía y, después, pegarla. No se pueden pegar capas de máscara, guía ni carpeta debajo de una capa de máscara o de guía.

También puede duplicar capas seleccionando una capa y eligiendo Edición > Línea de tiempo > Duplicar capas. Las nuevas capas incorporan la palabra “copia” en el nombre de capa.

Configuración de propiedades en varias capas

Visualización u ocultación de capas o carpetas

Una X de color rojo junto al nombre de la capa o de la carpeta en la línea de tiempo indica que está oculta. En la configuración de publicación, puede elegir si se incluirán capas ocultas al publicar un archivo SWF.

• Para ocultar una capa o carpeta, haga clic en la columna Ojo a la derecha del nombre de la capa o carpeta en la línea de tiempo. Para mostrar la capa o carpeta, haga clic de nuevo.

• Para ocultar todas las capas y carpetas en la línea de tiempo, haga clic en el icono Ojo. Para mostrar todas las capas y carpetas, vuelva a hacer clic en el icono.

• Para mostrar u ocultar varias capas o carpetas, arrastre el puntero por la columna Ojo.

• Para ocultar todas las capas y carpetas salvo la capa o la carpeta actual, con la tecla Alt (Windows) u Opción (Macintosh) presionada, haga clic en la columna del icono del ojo. Para mostrar todas las capas y carpetas, vuelva a hacer clic en ella con la tecla Alt u Opción presionada.

Visualización del contenido de una capa como contornos

Para distinguir a qué capa pertenece un objeto, puede mostrar todos los objetos de una capa con contornos coloreados.

• Para mostrar todos los objetos de una capa como contornos, haga clic en la columna de contorno correspondiente, a la derecha del nombre de capa. Para desactivar la visualización de los contornos, vuelva a hacer clic en dicha columna.

• Para mostrar los objetos de las capas como contornos, haga clic en el icono del contorno. Para desactivar la visualización de contornos en todas las capas, haga clic de nuevo.

• Para mostrar como contornos los objetos de todas las capas menos los de la actual, haga clic en la columna Contorno presionando la tecla Alt (Windows) u Opción (Macintosh). Para desactivar la visualización de contornos para todas las capas, haga clic de nuevo mientras presiona Alt + Clic u Opción.

 Los trazados de movimiento de la capa también utilizan el color del contorno de la capa.

Cambio del color de contorno de una capa

Visualización de capas y carpetas de capas

Visualización u ocultación de capas o carpetas

Una X de color rojo junto al nombre de la capa o de la carpeta en la línea de tiempo indica que está oculta. En la configuración de publicación, puede elegir si se incluirán capas ocultas al publicar un archivo SWF.

• Para ocultar una capa o carpeta, haga clic en la columna Ojo a la derecha del nombre de la capa o carpeta en la línea de tiempo. Para mostrar la capa o carpeta, haga clic de nuevo.

• Para ocultar todas las capas y carpetas en la línea de tiempo, haga clic en el icono Ojo. Para mostrar todas las capas y carpetas, vuelva a hacer clic en el icono.

• Para mostrar u ocultar varias capas o carpetas, arrastre el puntero por la columna Ojo.

• Para ocultar todas las capas y carpetas salvo la capa o carpeta actual, con la tecla Alt (Windows) u Opción (Macintosh) presionada, haga clic en la columna con el icono del ojo. Para mostrar todas las capas y carpetas, vuelva a hacer clic en ella con la tecla Alt u Opción presionada.

Visualización del contenido de una capa como contornos

Para distinguir a qué capa pertenece un objeto, puede mostrar todos los objetos de una capa con contornos coloreados.

• Para mostrar todos los objetos de una capa como contornos, haga clic en la columna de contorno correspondiente, a la derecha del nombre de capa. Para desactivar la visualización de los contornos, vuelva a hacer clic en dicha columna.

• Para mostrar los objetos de las capas como contornos, haga clic en el icono del contorno. Para desactivar la visualización de contornos en todas las capas, haga clic de nuevo.

• Para mostrar objetos de todas las capas salvo la actual, haga clic en la en la columna del contorno mientras presiona la tecla Alt (Windows) u Opción (Macintosh). Para desactivar la visualización de contornos para todas las capas, haga clic de nuevo mientras presiona Alt u Opción.

Cambio del color de contorno de una capa

 Los trazados de movimiento de la capa también utilizan el color del contorno de la capa.

Definición de la transparencia de capas

 La transparencia de capa no tiene ningún efecto en las capas ocultas.

Uso de capas avanzadas

Con el modo Capas avanzadas de Animate, todas las capas de la línea de tiempo se publican como símbolos. El modo Capas avanzadas le permite acceder a las siguientes características:

• Efectos de capa
• Profundidad de las capas  
• Asociación de capas
• Cámara

El modo Capas avanzadas está habilitado de forma predeterminada. Puede habilitar o deshabilitar el modo Capas avanzadas en Modificar > Documento. Después de aplicar los cambios, haga clic en Establecer como valor predeterminado para preservar la configuración actual y utilizarla en otros documentos y sesiones de Animate. 

Al acceder a estos símbolos con un script en Animate, hay que llamarlos usando las capas como objetos. Por ejemplo, si no usa capas avanzadas, puede acceder directamente a un símbolo mediante un script como el del siguiente ejemplo: 

getchildbyname("symbol1");

Sin embargo, si utiliza capas avanzadas, solo puede acceder al símbolo a través de una capa usando un script como el del siguiente ejemplo:

Layer=getchildbyname("L1");

Layer.getchildbyname("symbol1");

Código de ejemplo para acceder a los símbolos usando capas avanzadas en el tipo de documento AS3: 

Código de ejemplo para acceder a los símbolos usando capas avanzadas en el tipo de documento HTML5 Canvas: 

En la ilustración siguiente se muestra cómo acceder a un símbolo utilizando un script con capas avanzadas y sin ellas. 

 El tamaño de los proyectos de animación publicados puede aumentar con el uso de capas avanzadas en Animate. Si encuentra cualquier problema al acceder a las funciones de cámara o profundidad de capa, compruebe si las capas avanzadas están activadas. Si están desactivadas, actívelas para obtener el comportamiento previsto.

Aplicación de efectos de capa

Anteriormente, los filtros y los efectos de color solo se aplicaban a los clips de película. Mediante el uso de capas avanzadas, los filtros y los efectos de color ahora se pueden aplicar a un fotograma o varios fotogramas seleccionados y, por extensión, a todo su contenido, incluidas formas, objetos de dibujo, símbolos gráficos, etc. Los efectos de capa también se pueden interpolar utilizando la interpolación clásica, de forma y de cinemática inversa entre fotogramas.

Puede aplicar efectos de capa a uno o más fotogramas seleccionando los fotogramas que desee. También puede aplicarlos a todos los fotogramas de una capa seleccionando la capa entera. Los efectos de capa también se pueden aplicar en la línea de tiempo de un símbolo, como un clip de película o un símbolo gráfico, o a todas las escenas.

 Los efectos de capa solo se pueden aplicar cuando el modo Capas avanzadas está activado. Es posible que deba habilitar explícitamente el modo Capas avanzadas para poder usar esta funcionalidad en los archivos.

Uso de filtros para fotogramas

Para agregar filtros a un fotograma particular, primero seleccione el fotograma. En el panel del inspector de propiedades se cargarán las propiedades específicas del fotograma. Haga clic en el icono + de la lista desplegable Filtros. 

Al agregar filtros a fotogramas, el inspector de propiedades aparece como se muestra en la siguiente captura de pantalla. 

Puede establecer las propiedades que desee para cada uno de los filtros y aplicarlas en el nivel de fotograma. El interpolado es aplicable para todos los filtros de fotograma. 

 Los efectos de capa solo se admiten en el tipo de documento ActionScript 3. El interpolado de movimiento y las capas de cámara no admiten efectos de capa.

Uso de efectos de color

Para aplicar un efecto de color a un fotograma particular, primero seleccione el fotograma. En el panel del inspector de propiedades se cargarán las propiedades específicas del fotograma. Elija cualquier propiedad de color que desee en el panel del inspector de propiedades.

Usar los modos de mezcla

Para aplicar modos de mezcla en un determinado fotograma, en primer lugar seleccione el fotograma y elija uno de los modos de mezcla que aparecen en la sección Visualización del panel Frame properties (Propiedades de fotograma).

Al aplicar mezclas en capas o fotogramas, se aplican a todo el contenido de estas, incluyendo formas, objetos de dibujo y símbolos gráficos. Todos los objetos de una capa se mezclan con los objetos de otra capa según el modo de mezcla que se aplique a ese fotograma.

Para obtener más información sobre el uso de los modos de mezcla, consulte Aplicación de modos de mezcla.

Mejorar sus animaciones con los efectos de capa

Aplicación de profundidad de capa

Es posible que los animadores quieran colocar las capas en diferentes planos de una animación en 2D para crear una ilusión de profundidad. 

La profundidad de las capas se puede cambiar dinámicamente en el panel Profundidad de la capa. Para abrir el panel Profundidad de la capa, haga clic en Ventana > Profundidad de la capa.

 Puede establecer los valores mínimo y máximo de la profundidad de capa en el intervalo entre -5000 y -10 000.

Tal como se ve en la captura de pantalla anterior, los valores de profundidad de capa se muestran junto a cada nombre de capa para un fotograma determinado.

• Pase el puntero del ratón por encima de cada valor, haga clic y arrastre el regulador a la derecha o la izquierda.
• Para reducir la profundidad, arrastre el regulador a la izquierda. Para aumentar la profundidad, arrastre el regulador a la derecha.  
• Puede utilizar valores positivos inferiores para representar los objetos más cercanos y valores positivos superiores para representar los más lejanos.

Puede interpolar los valores de profundidad de capa en cualquiera de los grupos de interpolación de la animación. 

Cada capa se representa con líneas de un color propio en el panel de profundidad de capa. Puede ver los colores que representan cada una de las capas en la línea de tiempo. 

También puede aumentar o reducir la profundidad de los objetos que hay en cada capa moviendo las líneas multicolor hacia arriba o hacia abajo.

• Para reducir la profundidad de los objetos de una capa, haga clic en la línea y desplácela hacia arriba.
• Para aumentar la profundidad de los objetos de una capa, haga clic en la línea y desplácela hacia abajo.

Ilustración que representa animaciones con y sin profundidad de capa:

Ilustración que representa una animación cuando se aplica profundidad de capa:

Puede utilizar la cámara en capas de planos múltiples para crear un efecto de paralaje o zoom en el contenido de un plano. También puede bloquear la cámara en una capa específica o aplicar efectos de cámara en tiempo de ejecución mediante API interactivas. Para obtener más información, consulte Creación de efecto de paralaje mediante la profundidad de la cámara y la capa.

 La profundidad de capa solo se puede aplicar en la línea de tiempo principal.

Conservación del tamaño para la profundidad de capa

Puede cambiar la profundidad de capa de los objetos sin que ello afecte a su tamaño o posición. Para utilizar la funcionalidad de mantenimiento del tamaño, haga clic en el botón Conservar tamaño que hay en la esquina superior derecha del panel Profundidad de la capa.

Puede usar la opción Conservar tamaño de dos modos:

• Haga clic en el botón Conservar tamaño y modifique la profundidad de la capa que quiera. El botón Conservar tamaño se activa automáticamente.
• Mantenga pulsada la tecla Alt para habilitar temporalmente la opción Conservar tamaño mientras arrastra los valores de la profundidad de la capa.

Aplicación de la profundidad de capa en tiempo de ejecución

También puede introducir la cámara en objetos en tiempo de ejecución y aplicar efectos con las API de la cámara. Para obtener más información, consulte Uso de la cámara interactiva en tiempo de ejecución. 

API de profundidad de la capa para AS3

Puede administrar las capas en el tiempo de ejecución usando las API. Por ejemplo, puede hacerlo en el tiempo de ejecución en el que desee introducir una capa extra en la animación o reducir la profundidad de una de las capas de la animación. 

API de la profundidad de la capa para HTML Canvas

Asociación de capas

Animate le permite asociar una capa con otra. La asociación de capas es una manera fácil de permitir que una capa/objeto de la animación controle la otra capa/objeto. Como diseñador de animaciones o videojuegos, puede acelerar el tiempo de la animación, ya que puede controlar los movimientos de distintas partes de un carácter con más facilidad.

Para ver la opción de asociación de capas, es necesario que la opción Capas avanzadas esté habilitada. De forma predeterminada, la opción Capas avanzadas está activada para los archivos nuevos. Para habilitar la vista de asociación de capas, haga clic en el icono del símbolo de jerarquía en la esquina superior derecha de la línea de tiempo. 

 La asociación de objetos deformados funciona solo cuando el punto de transformación del objeto de la capa secundaria está sobre el objeto de la capa primaria.

Capas primarias y secundarias

En la vista de asociación, al arrastrar la capa 1 encima de la capa 2, la capa 1 se convierte en la capa secundaria de la capa primaria, que es la capa 2. El objeto de la capa secundaria hereda la posición y la rotación del objeto de la primaria, además de tener sus propias propiedades. Así pues, al mover o rotar la capa primaria, la secundaria también se mueve o se rota. Puede establecer múltiples relaciones primarias-secundarias para crear una jerarquía.

Asociar capas

Para conectar una capa con otra, haga clic en el control de capa (extremo de color) y arrástrelo sobre la otra capa. Otra opción es hacer clic en cualquier punto del espacio rectangular horizontal adyacente al nombre de la capa y arrastrarlo sobre la otra capa. También puede hacer clic en cualquier capa y elegir su capa primaria en la lista desplegable. 

En cuanto intente hacer clic y arrastrar la línea, aparecerá una línea de puntos junto al extremo de color de la capa. Al terminar la acción de hacer clic y arrastrar, se establece una conexión primaria-secundaria entre las dos capas.

El extremo de color de más a la izquierda en la jerarquía de la vista de asociación de capas representa la capa primaria. La jerarquía primaria-secundaria se mueve de izquierda a derecha.

Puede eliminar la conexión haciendo clic en el encabezado de color de cualquier capa, arrastrando la línea de puntos y, luego, soltándola. Otra opción es hacer clic en el espacio horizontal y, después, en Quitar principal, como se muestra en la siguiente captura de pantalla. 

En las capturas de pantalla siguientes, puede ver las imágenes de antes y después de las posiciones y la jerarquía de las capas al usar la asociación de capas.

A continuación se muestra un ejemplo de ilustración que representa el uso de la asociación de capas para partes del cuerpo humano.

En la ilustración anterior,

• el torso es la capa primaria de todas las partes del cuerpo.
• Legs_thigh es la capa primaria de otras partes de la pierna, como Sneaker, Leg_lower y Ankle.
• Head es una capa secundaria de su capa primaria, Neck, y Torso es la capa primaria de Neck. Así pues, siempre que arrastre el cuello para alejarlo del cuerpo, la parte de la cabeza se moverá junto a él.

 La asociación es una propiedad del marco que debe establecer para cada marco clave en la capa secundaria. En un marco clave, puede romper o volver a asociar la capa secundaria a otra capa primaria.

Escalar, sesgar y girar en la asociación de capas

A partir de Animate 2022, la asociación de capas se ha mejorado para propagar las propiedades de escala, sesgo y giro, además de las propiedades de posición y rotación del objeto principal. De forma predeterminada, todas las propiedades se propagan, pero la propagación de la escala, el sesgo y el giro se puede desactivar o activar en el menú emergente de asociación, lo cual se puede realizar si mantiene pulsado el botón de vista Mostrar asociación en el panel de la cronología, tal y como se muestra a continuación.

Además, se pueden cambiar los ajustes de propagar escala, sesgar y girar para realizar cambios momentáneos con una tecla modificadora al transformarlas con la herramienta Transformación libre. Para anular temporalmente esta configuración, mantenga pulsada la tecla acento (') mientras escala o sesga el objeto con la herramienta Transformación libre. Esto resulta útil cuando desea cambiar momentáneamente el comportamiento de propagación para las nuevas propiedades compatibles.

Tutorial sobre la asociación de capas