Las capas en flash

LAS CAPAS EN FLASH

Puede imaginar las capas en Flash como hojas de filmina transparente superpuestas. Por defecto, todo lo que dibujamos en la escena queda incluido en una capa, que es con la que arranca el programa y a la que irá a parar todo aquello que dibujemos mientras no se diga lo contrario.

La creación de una película de Flash con varias capas podría compararse a la proyección de varias películas de cine a la vez y sobre la misma pantalla. Añadiendo capas podremos gozar de varias ventajas a la hora de crear películas en Flash:

Ø Cada capa podrá contener aquellos objetos que deseemos, con la ventaja de que los objetos de una capa no influirán sobre los de otra. De este modo, no tendrá que preocuparse por agrupar los objetos para que no interaccionen entre sí.

Ø Podremos activar o desactivar la visualización de la capa o capas que deseemos con objeto de visualizar únicamente aquello que deseamos editar y evitar confusiones con otros elementos.

Ø Podremos organizar nuestro trabajo colocando en cada capa una animación, gráfico, sonido o elemento diferente.

Ø Podremos organizar las capas en carpetas.

Ø Podremos crear capas especiales de guía que le permitirán hacer que los objetos se muevan trazando un camino determinado.

Ø Podremos crear capas especiales de máscara que le permitirán mostrar y ocultar objetos selectivamente.

Tenga en cuenta que el tamaño del archivo no depende del número de capas que tenga definidas y podrá crear tantas como desee. El programa representa cada capa en una línea horizontal de la ventana de tiempo; de este modo, al iniciarse la reproducción de la película el cursor irá avanzando y reproducirá a la vez todo aquello que contengan las diferentes capas.

CÓMO CREAR NUEVAS CAPAS

Cuando se arranca Flash CS3 aparece una capa por defecto denominada Capa 1. Si desea añadir nuevas capas a la escena, haga alguna de estas cosas:

Ø En la parte inferior de la ventana de capas pulse .

Ø Elija la opción Insertar/Línea de tiempo/Capa.

Ø Haga clic con el botón derecho sobre una capa y elija la opción Insertar capa en el menú contextual que aparecerá.

En cualquier caso, Flash insertará una nueva capa en la escena y le asignará el nombre predeterminado Capa 2. Si crea otra capa, le corresponderá el nombre Capa 3 y así sucesivamente. No obstante, si elimina capas, el número de orden se irá incrementando secuencialmente, es decir, el número depende de cuántas capas se hayan creado y no de cuántas capas haya actualmente. Después veremos cómo cambiar el nombre por defecto de las capas.

Las nuevas capas que vaya creando se irán colocando de abajo a arriba en la ventana de capas, siendo éste el orden de apilado que realmente tienen, es decir, la capa cuyo nombre aparezca por encima de otros nombres de capas quedará, por decirlo de algún modo, más cerca del usuario y al revés. La nueva capa se sitúa siempre por encima de la capa que estuviera activa, lo cual implica que debe asegurarse de seleccionar la capa que quiere que quede inmediatamente por debajo de la nueva. En cualquier caso, luego veremos cómo cambiar el orden de apilamiento de las capas.

CÓMO SELECCIONAR CAPAS

Para seleccionar una capa individualmente basta con que haga clic sobre ella y quedará resaltada. Al mismo tiempo aparecerá en la línea de la capa el símbolo de un lápiz indicativo de que ahora es la capa activa y todo lo que se dibuje o incorpore a la escena quedará alojado en esa capa.

También puede seleccionar varias capas a la vez. El procedimiento varía según desee seleccionar capas consecutivas o capas alternas:

Ø Para seleccionar capas consecutivas haga clic sobre la capa inferior del grupo de capas que desee seleccionar y, manteniendo pulsada la tecla Mayús, haga clic en la capa superior que desee. Éstas y todas las capas intermedias quedarán seleccionadas a la vez. También puede hacerlo al revés.

Ø Para seleccionar capas salteadas vaya haciendo clic sobre cada capa que desee seleccionar mientras mantiene pulsada la tecla Ctrl, lo cual provocará la selección conjunta de esas capas.

Aunque tenga varias capas seleccionadas a la vez, sólo puede haber una capa activa, que será la que muestre el icono del lápiz .

CÓMO ELIMINAR CAPAS

Ya sabemos añadir capas y ahora vamos a ver cómo eliminarlas. Para eliminar una capa pulse en el icono de la sección de capas. El programa eliminará la capa y sus correspondientes fotogramas en la línea de tiempo. También puede hacerlo haciendo clic con el botón derecho sobre una capa y eligiendo la opción Eliminar capa. Si desea eliminar varias capas a la vez, selecciónelas según se explicó en el apartado anterior y luego pulse para eliminarlas.

VISUALIZACIÓN DE LAS CAPAS

Una de las ventajas de trabajar con capas es que puede activar o desactivar su visualización a voluntad. Eso quiere decir que, si desactiva la visualización de una capa, todo lo que contenga desaparecerá de la pantalla, con lo cual podrá editar el resto de elementos de otras capas sin riesgo de confusión con otros objetos.

Para activar o desactivar las capas haga clic sobre el punto de la capa que desea ocultar y en la columna de la zona de capas indicada con un ojo . Aparecerá el símbolo indicándose así que la visualización de esa capa está desactivada. Todos los elementos que contenga esa capa desaparecerán. Para volver a visualizar la capa vuelva a hacer clic en el mismo lugar. Si hace clic con el botón derecho sobre el nombre de una capa, aparecerá un menú contextual en el que si selecciona la opción Ocultar otros, podrá ocultar todas las capas menos la capa sobre la que haya hecho clic.

Igualmente, desde ese menú podrá activar a la vez la visualización de todas las capas eligiendo la orden Mostrar todo.

Ø Si desea ocultar varias capas rápidamente, arrastre el ratón verticalmente por la columna de visualización de las capas. Según vaya arrastrando irán apareciendo los símbolos indicativos de capa oculta. Si realiza la misma operación con capas ocultas, las visualizará todas a la vez.

Ø Si desea ocultar todas las capas a la vez, haga clic directamente sobre el ojo . Si vuelve a hacer clic, visualizará todas las capas a la vez. Obtendrá idéntico resultado haciendo clic sobre el símbolo de cualquier capa mientras mantiene pulsada la tecla Ctrl.

Ø Si hace clic sobre la columna de visualización de una capa mientras mantiene pulsada la tecla Alt, se ocultarán o visualizarán a la vez todas las capas menos aquella sobre la que ha hecho clic.

BLOQUEAR Y DESBLOQUEAR CAPAS

Si bloquea una capa, los objetos que contenga seguirán apareciendo en la escena pero no podrán ser seleccionados ni editados. Para bloquear una capa haga clic sobre el punto de la columna correspondiente a la capa que desee bloquear. Aparecerá el símbolo de un candado indicándose así que la capa está bloqueada. Para desbloquear una capa vuelva a hacer clic en el mismo lugar. Si hace clic con el botón derecho sobre el nombre de una capa, aparecerá un menú contextual en el que si selecciona la opción Bloquear otros podrá bloquear todas las capas menos la capa sobre la que haya hecho clic.

VER LAS CAPAS COMO CONTORNOS

Ver una capa como contornos implica que todos los objetos que tenga aparecerán mostrando únicamente su silueta. Eso puede resultar útil para, por ejemplo, ver objetos de capas inferiores que permanecen ocultos por objetos de capas superiores o bien, para trabajar más cómodamente prescindiendo de los rellenos de los objetos.

Para activar la visualización de contornos en una capa, haga clic sobre el cuadrado de color que aparece en cada capa. El cuadrado quedará hueco o indicándose así que esa capa está en modo de visualización de contornos. Para volver al modo de visualización normal vuelva a hacer clic en el mismo sitio.

El color de contorno para cada capa está asignado por defecto. No obstante, si desea cambiarlo haga doble clic sobre el cuadrado de la capa cuyo color de contorno desee cambiar y se abrirá la ventana de propiedades de la capa en la que podrá elegir el color que desee mediante el selector de colores Color de contorno.

CÓMO CAMBIAR EL NOMBRE DE UNA CAPA

Para cambiar el nombre de una capa seleccionada haga doble clic sobre su nombre y edítelo. También puede cambiar el nombre desde la ventana de propiedades de la capa a la que se accede mediante la orden Modificar>Línea de tiempo>Propiedades de capa.

CÓMO CAMBIAR EL ORDEN DE LAS CAPAS

Como ya se ha dicho, según se van añadiendo capas, éstas van quedando superpuestas por encima de las anteriores. En la ventana de línea de tiempo y en la zona en donde aparecen los nombres de las capas, el orden de apilamiento coincide con el orden real de las capas en la escena, es decir, las capas que están en la parte inferior de la lista de capas están realmente por debajo de las que aparecen en la parte superior de dicha lista.

Pues bien, en determinados momentos le puede interesar cambiar el orden de apilamiento de las capas con objeto de que, por ejemplo, los objetos que aparezcan por debajo de otros pasen a ocupar el primer plano. Para ello apunte con el cursor a la capa cuya posición desee cambiar y arrastre hacia arriba o hacia abajo. Verá cómo aparece una línea gruesa horizontal que le indicará la nueva posición de la capa.

Evidentemente, si arrastra la capa hacia arriba, ésta se colocará en niveles superiores, es decir, más cerca de usted con relación al plano de la pantalla; en cambio, si arrastra la capa hacia abajo la colocará en un plano inferior y, en consecuencia, hipotéticamente más lejos de usted.

EDICIÓN E INTERCAMBIO DE OBJETOS ENTRE CAPAS

Cuando se está trabajando con varias capas y su visualización está activada, todos los objetos de las capas se ven a la vez, independientemente de la capa que esté activa.

Si se selecciona un objeto, la capa que lo contiene pasa automáticamente a ser la capa activa, con lo cual vemos que para poder seleccionar un objeto no es necesario activar la capa que lo contiene ya que ésta se activa directamente al seleccionar un objeto cualquiera que contenga. Ahora bien, esta selección automática de capas sólo se produce cuando se selecciona un objeto. Efectivamente, si sólo deseamos deformar un contorno o un relleno arrastrando mediante la herramienta , el efecto se conseguirá pero no se producirá un cambio de capa activa, lo cual permitirá deformar contornos y rellenos sin que se produzca un cambio automático de la capa activa.

Lo mismo sucede si desea cambiar el color de relleno de una forma mediante la herramienta . Bastará con que haga clic con esa herramienta sobre el objeto cuyo color de relleno desee cambiar y el cambio se producirá sin que haya un cambio de la capa activa.

Usted puede llevar objetos de una capa a otra utilizando las herramientas típicas de Windows Copiar, Cortar y Pegar. Para cambiar un objeto de capa selecciónalo y córtelo al portapapeles con la orden Edición>Cortar. Seguidamente seleccione la capa en la que desea colocarlo y elija la opción Edición>Pegar. El objeto habrá cambiado de capa.

Para hacer una copia de un objeto de una capa en otra capa, selecciónelo y llévelo al portapapeles con la orden Edición>Copiar. Seguidamente seleccione la capa en la que desea colocar la copia y elija la opción Edición>Pegar.

Dado que Flash sólo puede tener una capa activa a la vez, todas las operaciones de pegado de elementos que se realicen afectarán únicamente a la capa que se encuentre activa en ese momento, es decir, no es posible pegar o llevar directamente un objeto a una capa que no esté activa.

LA VENTANA DE PROPIEDADES DE LAS CAPAS

Ya hemos visto todo lo referente a las capas normales en Flash. Hemos visto fugazmente una ventana en la que puede realizar algunas operaciones en las capas; se trata de la ventana de propiedades de capas, a la cual puede acceder de varios modos:

Ø Haciendo clic con el botón derecho sobre una capa y seleccionando la opción Propiedades.

Ø Haciendo doble clic sobre el símbolo que aparece a la izquierda del nombre de cada capa.

Ø Con la opción Modificar>Línea de tiempo>Propiedades de capa.

En cualquier caso se abrirá la ventana de propiedades de la capa activa. En ella podrá:

Ø Cambiar el nombre de la capa.

Ø Activar o desactivar su visualización.

Ø Bloquearla o desbloquearla.

Ø Definir si se trata de una capa normal, de guía, de máscara, etc.

Ø Activar la visualización de los objetos de las capas como contornos y cambiar el color con que se visualizarán dichos contornos.

Ø Cambiar el espacio vertical disponible para la capa. Eso le permitirá aumentar hasta en un 300% la altura de la línea de tiempo para esa capa con objeto de mejorar la visualización si es que eso le resulta necesario.

CREACIÓN DE CARPETAS PARA LAS CAPAS

Flash CS3 permite crear carpetas para agrupar y ordenar las capas. Mediante este método podemos crear un sistema de carpetas con estructura de árbol similar al que utiliza Windows que nos facilitará enormemente el trabajo en películas que tengan muchas capas, ya que nos evitará el problema de que en trabajos con muchas capas tengamos que estar constantemente haciendo uso de las barras de control de la ventana de la línea de tiempo para poder visualizar las capas que interese ver en cada momento.

Cómo crear una carpeta para capas

Para crear una carpeta de capas haga alguna de estas cosas:

Ø Pulse en el icono en la sección de capas de la línea de tiempo.

Ø Elija la opción Insertar>Línea de tiempo>Carpeta de capas.

Ø Haga clic con el botón derecho sobre una capa y elija la opción Insertar carpeta.

En cualquier caso aparecerá una carpeta a la cual podrá llevar las capas que desee.

Las carpetas de capas se controlan exactamente igual que las capas simples en lo que respecta a visualización, ocultación, bloqueo, cambio de posición, cambio de nombre, etc. Consulte los apartados anteriores para más detalles.

Cómo llevar capas a una carpeta de capas

Para llevar capas a una carpeta de capas simplemente arrastre la capa o capas que desee hasta la carpeta. Es el mismo método que estamos acostumbrados a realizar en Windows.

Cómo abrir y cerrar las carpetas de capas

Cuando una carpeta de capas está cerrada aparece a la izquierda de la carpeta una flechita orientada hacia la derecha . Para abrirla basta con que haga clic sobre dicha flechita y la carpeta se abrirá mostrando su contenido. En ese momento la flechita quedará orientada hacia abajo indicando que la carpeta está abierta. Además, el icono de la carpeta se mostrará también abierto. También puede hacer clic con el botón de la derecha sobre una carpeta y elegir las opciones Expandir carpeta para abrirla o Contraer carpeta para cerrarla.

Ø El hecho de que las carpetas de capas estén abiertas no afecta a la visualización de las capas en el escenario.

Ø 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.

Si lo desea, puede abrir o cerrar todas las carpetas de capas a la vez. Para ello haga clic con el botón derecho sobre el símbolo de alguna capa o carpeta y elija respectivamente la opción Expandir todas las carpetas para abrirlo todo o bien Contraer todas las carpetas para realizar la operación contraria.

DISTRIBUIR OBJETOS EN CAPAS

Flash permite distribuir automáticamente en capas individuales objetos que se encuentran en una misma capa. Para ello basta con seguir este procedimiento:

Ø Seleccione los elementos de una capa que desea distribuir en capas individuales.

Ø Ejecute la orden Modificar>Línea de tiempo>Distribuir en capas y cada objeto se ubicará en una capa individual.

Esta utilidad es especialmente práctica para crear animaciones de letras de texto. Así, por ejemplo, si desea ubicar las letras de un texto en capas independientes siga estos pasos:

Ø Escriba el texto en la escena.

Ø Ahora seleccione la opción Modificar>Separar y verá cómo el texto se descompone en letras individuales agrupadas pero que todavía están en la misma capa.

Ø Finalmente, con todas las letras seleccionadas, elija la opción Modificar>Línea de tiempo>Distribuir en capas y verá cómo cada letra pasa a ocupar una capa diferente cuyo nombre coincide con el de la letra correspondiente.

El comando Distribuir en capas puede aplicarse a cualquier tipo de elemento del escenario, incluidos los objetos gráficos, las instancias, los mapas de bits, los clips de vídeo y los bloques de texto separados.

LAS CAPAS DE GUÍA

Hasta aquí hemos visto cómo se trabaja con las capas normales. Ahora vamos a ver un tipo de capa especial denominada capa de guía.

Las capas de guía se utilizan como referencia para facilitar la ubicación de objetos en el escenario. Así, por ejemplo, puede dibujar una forma irregular para usarla luego como guía para ubicar los elementos con más precisión. Flash no incluirá las capas de guía en la película final, es decir, nada de lo que aparezca en la capa de guías se verá en la película Flash exportada. Para crear una capa de guía siga estos pasos:

Ø Cree una nueva capa pulsando o seleccione una capa existente.

Ø Haga clic con el botón de la derecha para mostrar el menú contextual de capas y elija la opción Guía o bien, haga doble clic en el símbolo de la capa que desee convertir a capa de guías para abrir la ventana de propiedades de capas active la opción. En cualquier caso, a la izquierda del nombre de la capa aparecerá el símbolo indicativo de que se trata de una capa de guía.

En cualquier momento puede convertir una capa normal a capa de guía y viceversa. Para ello, haga doble clic sobre el símbolo o indicativo del tipo de cada capa y en la ventana de propiedades que se abrirá, seleccione el tipo de capa que desee.

Tenga en cuenta que si convierte una capa de guías a capa normal, todo lo que contuviera esa capa pasará a verse cuando exporte la película de tal modo que si, por ejemplo, había trazado una serie de líneas para utilizarlas como guía, ahora serán líneas normales y corrientes que el reproductor de Flash visualizará cuando publique la película.

LAS CAPAS DE GUÍA DE MOVIMIENTO

Otro tipo de capas muy interesante son las capas de guía de movimiento. Este tipo especial de capas se utiliza para dibujar una o varias líneas que se encargarán de marcar la trayectoria de una animación. De este modo, podremos trazar una línea recta o curva a mano alzada y luego haremos, por ejemplo, que un objeto se mueva siguiendo exactamente el camino trazado por esa línea. El uso de capas de guía de movimiento también está íntimamente ligado a la animación por interpolación, es decir, aquel tipo de animación en el que se definen los fotogramas primero y último y los fotogramas intermedios los calcula el programa. Efectivamente, lo que se hace es crear una animación de interpolación de movimiento, y en lugar de que se desarrolle siguiendo una línea recta, se provoca que vaya siguiendo la forma de un trazo dibujado por nosotros. De este modo podemos conseguir que los objetos se muevan y transformen siguiendo trayectorias predefinidas a nuestra voluntad.

LAS CAPAS DE MÁSCARA

Finalizamos explicando el uso de las capas de máscara. Una capa de máscara es un tipo especial de capa que permite mostrar y ocultar a voluntad elementos que se encuentren en capas ubicadas por detrás de la capa de máscara. Así pues, una capa de máscara que contenga, por ejemplo, un círculo relleno, se convierte en una especie de «agujero» por el que se va a ver lo que haya por debajo. Por este mismo motivo, todas las zonas de la capa de máscara que no tengan ninguna zona dibujada ocultarán los objetos que se encuentren en las capas subyacentes.

Esos «agujeros» que provocan en la capa de máscara todos los objetos que se dibujen en ella pueden ser objetos estáticos, pero también pueden ser objetos animados, cosa que permitirá crear interesantes efectos al poder, por ejemplo, visualizar las cosas a través de un agujero que se mueve. Una capa de máscara sólo afecta a las capas que tenga vinculadas y no afecta en absoluto a las capas no vinculadas aunque éstas se encuentren por debajo de la capa de máscara.

Curso de Flash

Todos nuestros cursos son compatibles con cualquier sistema windows, incluido windows Vista y con cualquier sistema Linux.

Creacion de paginas web con flash, animaciones con flash, formularios con flash. Flash CS, Flas