lunes, 14 de enero de 2013

Las capas III

Tipos de capas

Como habréis podido comprobar al ver las propiedades generales de una capa o al hacer clic con el botón derecho del ratón sobre el icono de una capa cualquiera, existen varios tipos de capas.
Tipos de capas

Capas normales Capa normal: Son las capas por defecto de Flash y tienen todas las propiedades descritas en los puntos anteriores. Son las más usadas y se emplean para todo, colocar objetos, sonidos, acciones, ayudas...
Capas animación movimiento Capa normal: Son las capas que contienen una animación por interpolación de movimiento.
Capas Guía Capa guía / Capa guía asignada: Son capas especiales de contenido específico. Se emplean en las animaciones de movimiento de objetos y su único fin es marcar la trayectoria que debe seguir dicho objeto. Debido a que su misión es representar la trayectoria de un objeto animado, su contenido suele ser una línea (recta, curva o con cualquier forma).
En esta imagen podemos ver el contenido de 2 capas. La primera de ellas contiene la bola azul y la segunda contiene la línea curva. La segunda capa la hemos definido como Capa Guía, para que al realizar la animación de movimiento (esto lo veremos en un tema posterior) su contenido no se vea en la película, sino que sirva de recorrido para la bola azul.
Es importante recordar que el contenido de las Capas Guía no se verá en la película final. Su efecto hará que la pelota azul se desplace de un extremo de la línea al otro siguiendo esa ruta.
Capas guiadas (Guided Layers) : Definir una capa como guía no tiene sentido hasta que definamos también una capa guiada. Esto es, una capa que quedará afectada por la guía definida en la Capa guía.
Si no definimos una capa guiada, la capa guía no tendrá ningún efecto y si bien no se verá en la película (por ser una capa guía) tampoco provocará ningún efecto en las demás capas. En la imagen anterior, la bola azul se deberá encontrar en una capa Guiada, de lo contrario no seguirá la ruta marcada por la capa guía.
Las capas guía y las capas guiadas se relacionan entre sí de un modo evidente. A cada capa guía le corresponden una serie de capas guiadas.
Al asociar una capa guía con una capa guiada, el icono que representa a la capa guía cambia, indicándonos que está realizando correctamente su labor.
En la imagen podemos ver un ejemplo de capa guía y capa guiada correctamente asociadas entre sí. (La capa llamada inferior es, evidentemente, la capa con Guía)
Guía - Capa guiada
El funcionamiento de las Capas Guía y sus utilidades lo veremos a fondo en el tema de las Animaciones
Capas Máscara Capa máscara: Estas capas se pueden ver como plantillas que tapan a las capas enmascaradas (las veremos enseguida). El funcionamiento de estas capas es algo complejo (tampoco demasiado) y se analizará en temas posteriores.
Basta con decir que estas capas se colocan "encima" de las capas a las que enmascaran y sólo dejan que se vea la parte de éstas que tapan los objetos situados en las capas máscara (son como filtros). Al igual que las capas guía, los objetos existentes en este tipo de capas tampoco se ven en la película final. Sí se verán los objetos de su correspondiente capa enmascarada a los que estén "tapando".
Capas Enmascaradas Enmascarada: Estas capas funcionan conjuntamente con las anteriores, ya que son las capas que están bajo las máscaras y a las que afectan. Al igual que las capas guía y las capas guiadas deben ir asociadas unas a otras para que su efecto sea correcto.
Sus objetos sí que son visibles en la película final, pero sólo cuando algún objeto de la capa Máscara está sobre ellos.
Capas Máscara - Enmascarada
Veamos el funcionamiento de estas capas con un ejemplo. En este ejemplo, los rectángulos azules forman parte de la Capa Enmascarada y por tanto se verán en la película final (pero sólo lo que tape la capa máscara). El óvalo rojo está situado en la capa Máscara y no se verá en la película, pero sólo se verá lo que él "tape", que es lo que se ve en la imagen de la derecha. Así se emplean las máscaras...
Capas máscara - enmascaradaResultado
Podéis poner a prueba vuestros conocimientos realizando:

Ejercicio. Planeta Saturno (II)

1. Abre un archivo nuevo e intenta reproducir el planeta Saturno (como hicimos en los primeros temas).
Saturno
2. En este caso deberás utilizar capas de tipo Máscara.
 Pasos a seguir:
  1. Crea tres capas utilizando el botón que encontrarás en la línea de tiempo.
  2. Haz doble clic sobre el nombre de la capa que se encuentre más abajo. Cámbialo por Planeta.
  3. Haz doble clic sobre el símbolo Capa normal de la que se encuentra en la parte superior. Llámala Máscara y dale el tipo Máscara.
  4. Finalmente haz doble clic sobre el símbolo Capa normal de la capa que se encuentra en medio. Llámala Aros y dale el tipo con Máscara.
    En estos momentos deberás tener algo como esto:
  5. Selecciona la capa Planeta y dibuja un círculo (puedes aplicarle un relleno degradado y quitarle el borde).
  6. Selecciona la capa Aros y dibuja un círculo perfecto, rellenándolo con un degradado con varias paradas (profundizaremos en los degradados más adelante).
  7. Selecciona el círculo que hará de aro, y con la herramienta Transformación libre (debajo de las flechas), dale la forma deseada.
  8. Utiliza el panel Alinear para centrar el planeta y el aro vertical y horizontalmente, y queden perfectamente alineados.
  9. Ahora selecciona la capa Máscara y con la herramienta pincel pinta sobre el Escenario para tapar la forma ovalada de los aros de modo que sólo pintes lo que quieras que se muestre. Es decir, bastaría con no pintar la parte que quedaría detrás del planeta.
    Aquí puedes ver un ejemplo de cómo quedaría:

    El planeta está en gris, los aros en rojo y la máscara en verde.
  10. Ya casi lo tenemos, podemos mejorar el dibujo seleccionándolo todo (clic en la esquina superior izquierda y sin soltar hasta la esquina inferior derecha) y seleccionando la herramienta Transformación libre para rotar el dibujo en su totalidad unos grados hacia la izquierda.
  11. Para probar el efecto de la máscara pulsa las teclas Ctrl + Enter en tu teclado.

No hay comentarios:

Publicar un comentario