Nota:
Otro de los conceptos casi imprescindibles de entender y
controlar es el de las capas. Merece que dediquemos algo de
nuestro tiempo a revisar este tema. Este será el ejercicio
final:
El concepto de capas en flash es
similar al de capas en otras
aplicaciones de diseño como Paint
Shop Pro o Photoshop.
Imaginad que las capas son como
hojas de papel de seda trasparentes
superpuestas y el contenido de cada
capa está impreso en esas hojas de
papel.
De modo que si tenemos 2 capas, y en
la inferior trazamos un rectángulo
con bordes redondeados rojo y en la
capa 2 trazamos otro verde, podemos
observar que la capa 2 nos deja ver
el contenido de la capa 1 en sus
zonas trasparentes, esto es en todo
el espacio no ocupado por el
rectángulo verde. El contenido de
una capa no afecta a la otra.
Para renombrar una capa es
suficiente con hacer doble clic en
ella y podremos asignarle un nombre
único lo cual será útil para
diferenciarlas de las demás. Si os
fijáis en la capa 2 hay un icono de
un lápiz, el cual nos indica que es
esa la capa activa en ese momento.
También es posible configurar la
visibilidad de la capa. Si hacemos
clic en los puntitos que hay bajo el
icono ojo, en su lugar aparecerá una
cruz y el contenido de esa capa se
volverá invisible.
Si aplicamos el candado a la capa,
no podremos modificarla en alguna
forma ni editarla. Esto será útil en
aplicaciones grandes donde tendremos
muchas capas y no queremos que
alguna de ellas se modifique por
error.
El siguiente icono nos permite ver
la escena algo más limpia pero aún
nos permite ver los bordes de los
objetos.
Si hacemos clic con el botón derecho del
ratón en una capa, se abrirá un desplegable
con opciones de capa, elegimos propiedades y
en la ventana emergente podremos modificar
diferentes opciones en las que podremos ver
las capas. Incluso podremos cambiar el color
de los contornos o bordes de los objetos
desde aquí. También es posible determinar en
altura de capa, que una capa concreta sea
más alta que el resto de capas colocadas en
la línea de tiempo.
Este grupo de iconos amplían las
posibilidades de uso de las capas.
Es posible clasificarlas en carpetas
para mantener más limpia la línea de
tiempo.
Se puede insertar una guía de
movimiento en una capa, cosa útil
para crear animaciones (se verá más
adelante) y podremos insertar una
nueva capa.
Para eliminar una capa basta con
seleccionarla y hacer clic en el
icono de la papelera.
Para probar nuestros conocimientos
adquiridos vamos a dibujar el
gráfico que más tarde si lo deseamos
podremos emplear como un botón de
gel.
Trazamos un rectángulo con bordes
redondeados, tamaño de borde 25.
Aplicamos un gradiente lineal y con
la transformación de relleno lo
giramos y ajustamos al estrecho del
botón para que luzca como se ve en
la imagen de al lado. En la línea de
tiempo añadir 10 fotogramas.
Creamos una nueva capa, copiamos el primer fotograma de la capa 1 y lo pegamos en el primer fotograma vacío de la capa nueva; cambiamos los
colores del gráfico ajustándolos como en la
imagen de la izquierda. Parecen
iguales pero no lo son, el rojo
final del gradiente es un poquito
más oscuro y en el botón se verá
como en la imagen inferior. En la
línea de tiempo añadir 6 fotogramas.
Finalmente agregamos una nueva capa
y trazamos un rectángulo algo mas
pequeño con un gradiente blanco y le
daremos una duración en la línea de
tiempo de 10 fotogramas.
La
velocidad de la película la cambiaremos a 40 fotogramas
por segundo. y lo que veremos será algo así:
Espero que te haya gustado y me
enseñes tus resultados en el foro.
Material necesario para empezar a trabajar:
