TRABAJAR CON CAPAS Las capas en Flash permiten almacenar imágenes de manera independiente; cada capa se identifica con un nombre diferente dentro de la película; se pueden agregar o eliminar capas o incluso cambiar sus propiedades. Observe los tres recuadros que se muestran a continuación; cada uno de ellos representa una capa, la primer capa, contiene un circulo, la segunda el sombrero y el bigote y en la tercera los ojos, la nariz y la boca. Capa1 Capa2 Capa3 Ahora que pasaría si se sobrepone la capa2 sobre la capa1 y al final colocamos la capa3 observe el resultado. El resultado sería la cabeza de una persona; pero que utilidad tiene en sí el manejar capas?; el beneficio lo obtendríamos de la siguiente manera; imagínese que en la figura anterior se deseara eliminar el bigote, simplemente se seleccionaría la capa dos y se procedería a eliminarlo sin que esto afecte a las demás figuras del dibujo ya que son elementos independientes que no forman parte de dicha capa. En conclusión, el manejo de las capas permitirá manejar las figuras de manera independiente dentro de la película. CORPORATIVO CETEC - SICASA 92
MANIPULACIÓN DE CAPAS PRÁCTICA En esta práctica crearemos un efecto, donde lanzaremos una flecha hacia el centro de un blanco tal y como se muestra en el ejemplo. 1) Cree Un nuevo archivo en Flash y comenzaremos por crear el arco 2) Seleccione la herramienta línea y dibuje una línea en esta posición 3) Active la herramienta Flecha 4) De doble clic sobre la línea para seleccionarla CORPORATIVO CETEC - SICASA 93
5) Presione la tecla Control y arrastre la línea hacia la izquierda para crear una copia Observe que al arrastrar la línea presionando la tecla Control aparece un signo de más indicando que será creada una copia del objeto 6) De un clic sobre alguna parte de la escena para quitar la selección de la copia 7) Acerque el apuntador del mouse sobre la primer línea y arrastre el borde hacia la derecha para formar el arco Observe resultado el 8) De un clic sobre la segunda línea y arrástrela para unirla con la línea curva para formar el arco CORPORATIVO CETEC - SICASA 94
Este debe ser el resultado final de las dos líneas trazadas, las cuales sirvieron para formar el arco Cambiar el nombre a las Capas Por omisión Flash le agrega el nombre a las capas como Capa1, Capa2, Capa3, etc. Sin embargo se recomienda cambiarles el nombre para conocer el contenido de estas. Como la capa actual nos sirvió para dibujar el arco lo conveniente es que la capa tenga el nombre de Arco. 1) De doble clic sobre el nombre de Capa1 Observe como al dar doble clic el nombre de la capa se selecciona de color azul CORPORATIVO CETEC - SICASA 95
2) Escriba el nombre de ARCO y presione Enter al final A continuación procederemos a crear el efecto de estirar la cuerda del arco. 3) De un clic sobre el fotograma 2 para seleccionarlo y después oprima la tecla F6 para insertar un fotograma clave Recuerde que la opción Insertar fotograma clave del menú Insertar es lo mismo que presionar la tecla F6 4) Inserte otros dos fotogramas claves (en la posición 3 y 4) tal y como se muestra en el ejemplo 5) De un clic en el fotograma 2 para seleccionarlo CORPORATIVO CETEC - SICASA 96
6) De un clic en alguna parte en blanco de la escena para quitar la selección 7) Ubique la flecha del mouse sobre la línea vertical del arco 8) Arrastre la línea hacia la izquierda haciendo el efecto de que se jalo la cuerda del arco 9) Ubique la flecha del mouse sobre la cabeza lectora y arrástrela hacia el fotograma 3 para seleccionarlo Observe como la figura se muestra como al principio, ya que estamos en el fotograma 3 y el que se modifico fue el 2 CORPORATIVO CETEC - SICASA 97
10) Arrastre la línea vertical un poco hacia la derecha para hacer el efecto de que la cuerda se soltó 11) Oprima la tecla Enter para reproducir la película y observe el efecto Agregar nueva Capa A continuación procederemos a crear la flecha del arco pero esta se dibujará en una nueva capa. 1) De un clic en el botón Insertar capa Observe como en la parte superior de la capa ARCO se inserta una nueva capa CORPORATIVO CETEC - SICASA 98
2) De un clic con el botón derecho del mouse sobre el nombre de la capa recién insertada, y del menú contextual seleccione Propiedades Observe que se despliega la ventana Propiedades de capa Utilice la ventana Propiedades de capa para cambiar el nombre de la capa, bloquear o mostrar la capa, cambiar el tipo de capa y cambiar el color de contorno 4) De un clic en el botón Aceptar 3) Borre el nombre de Capa2 y escriba FLECHA como nombre de la capa Observe como cambia el nombre de la capa por FLECHA CORPORATIVO CETEC - SICASA 99
Verifique que se encuentre seleccionado el fotograma 1 de la capa FLECHA 5) Active la herramienta línea para comenzar a dibujar la flecha 6) Trace una línea como se muestra en la figura 7) Seleccione la herramienta Pluma 8) Desactive el botón Ajustar a objetos 9) Comience a trazar la punta de la flecha 10) Rellene la punta de la flecha de algún color Observe el resultado final Si desea puede utilizar otra herramienta para dibujar la punta de la flecha CORPORATIVO CETEC - SICASA 100
Agrupar figuras A continuación procederemos a agrupar la línea y la punta de la flecha. 2) Presione la tecla Shift (mayúsculas) y de un clic en el relleno de la punta de la flecha para seleccionarlo 1) De doble clic sobre la línea de la flecha para seleccionarla Asegúrese de que quede completamente seleccionada la flecha (líneas y relleno) 3) Abra el menú Modificar y seleccione la opción Agrupar (otra forma de agrupar los objetos es presionando las teclas Control + G) 4) Observe como aparece un recuadro azul alrededor de la flecha indicando los objetos agrupados CORPORATIVO CETEC - SICASA 101
5) Arrastre la cabeza lectora al fotograma 2 de la capa FLECHA y oprima la tecla F6 para insertar un fotograma Clave Observe como la flecha esta despegada de la cuerda del arco 6) Seleccione la flecha y arrástrela hacia la cuerda del arco 7) Arrastre la cabeza lectora hacia el fotograma 3 de la capa FLECHA y oprima la tecla F6 para insertar otro fotograma clave Observe como la flecha no se encuentra pegada a la cuerda del arco CORPORATIVO CETEC - SICASA 102
8) Seleccione la flecha y Arrástrela hacia la cuerda del arco 9) Inserte otro fotograma clave en el fotograma 4 de la capa flecha 10) Presione la tecla Enter para reproducir la película y ver el avance de la animación CORPORATIVO CETEC - SICASA 103
Como siguiente paso procederemos a crear el blanco donde lanzaremos la flecha. 1) Agregue Una nueva capa y cambie su nombre por BLANCO 2) Active la herramienta Óvalo 4) Arrastre la cabeza lectora hasta el fotograma 1 3) De un clic en el botón Sin color para eliminar el relleno de la figura 5) Dibuje un óvalo 6) Dibuje un segundo óvalo y un circulo en el centro tal y como se muestra en el ejemplo CORPORATIVO CETEC - SICASA 104
8) Active el botón Ajustar a objetos 7) Active la herramienta Línea 9) Comience a trazar la base 10) Active la herramienta Cubo de pintura 11) Rellene de diferentes colores los óvalos y la base Crear interpolación de movimiento Hasta este momento hemos creado el efecto de lanzamiento de la flecha, sin embargo falta hacer que la fleche de en el blanco. 1) De un clic en el fotograma 10 de la capa ARCO CORPORATIVO CETEC - SICASA 105
2) Oprima la tecla F6 para insertar un fotograma clave en esa posición 3) Observe que aparece solo el Arco, sin la flecha y el blanco 4) De un clic sobre el fotograma 4 de la capa FLECHA para seleccionarlo Observe que al seleccionar el fotograma 4 de la capa FLECHA si se muestra los elementos de las tres capas (el arco, la flecha y el blanco) CORPORATIVO CETEC - SICASA 106
5) Abra el menú Insertar y seleccione la opción Crear interpolación de movimiento 6) De un clic en el fotograma 10 de la capa FLECHA y presione la tecla F6 para insertar un fotograma clave Observe que al presionar la tecla F6, aparece una flecha indicando los fotogramas intermedios de movimiento Observe que ahora aparece la flecha y el arco Observe que ahora ya se muestran los tres elementos para la animación 7) De un clic en el fotograma 10 de la capa BLANCO y oprima la tecla F6 para insertar un fotograma clave CORPORATIVO CETEC - SICASA 107
8) De un clic en el fotograma 10 de la capa FLECHA 9) Arrastre la flecha hacia el centro del blanco Observe que la flecha queda detrás del blanco CORPORATIVO CETEC - SICASA 108
Cambiar la posición de las capas Cada vez que se agrega una nueva capa en la película sus elementos que la componen quedan como Primer plano. La capa BLANCO ocupa la primer posición en las capas, después esta la capa FLECHA y por último la capa ARCO por consecuencia los elementos que componen la capa BLANCO estarán como primer plano en el escenario. A continuación cambiaremos la capa FLECHA al primer plano. 1) De un clic sobre la capa BLANCO y arrástrela sobre la capa FLECHA Observe como la capa FLECHA ahora ocupa la primer posición Observe como la flecha paso a primer plano 2) Finalmente presione la tecla Enter para reproducir la película Cree una carpeta de trabajo y grabe la animación CORPORATIVO CETEC - SICASA 109
MOSTRAR, OCULTAR Y BLOQUEAR CAPAS El ocultar una capa, permitirá ver los elementos que se encuentran atrás de esta, y por consiguiente poder modificarlos; mientras que al bloquear una capa, no podrá realizar ningún cambio sobre alguno de los elementos que la componen. Observe los siguientes elementos que aparecen en una capa. Permite bloquear o desbloquear todas las capas Permite mostrar u ocultar todas las capas Permite mostrar u ocultar todas las capas con contorno Si desea ocultar o bloquear una sola capa y no todas, deberá dar un clic sobre uno de los puntos que contiene cada capa. Observe que al dar clic en uno de los puntos de las capas aparece una X de color rojo, indicando que esta oculta o bloqueada 1) De un clic en el primer punto de la capa BLANCO para ocultar sus elementos que la componen Observe como se ocultan los elementos de la capa BLANCO CORPORATIVO CETEC - SICASA 110
CAPAS GUÍA La función de una capa guía es controlar el movimiento de los objetos en una animación interpolada. PRÁCTICA 1) Cree un nuevo archivo en Flash y dibuje un circulo en esta posición 2) De doble clic sobre el nombre de la capa y cambie el nombre a CIRCULO 3) De un clic en el botón Añadir capa de guías CORPORATIVO CETEC - SICASA 111
Observe la capa Guía circulo Asegúrese de que este seleccionada la capa guía 4) Seleccione la herramienta Lápiz 5) Abra la lista del botón de opción Modo lápiz y seleccione Suavizar 6) Trace una línea más o menos como se muestra en la figura 7) De un clic en el fotograma 1 de la capa CIRCULO para seleccionarlo 8) Abra el menú Insertar y seleccione Crear interpolación de movimiento CORPORATIVO CETEC - SICASA 112
9) De un clic en el fotograma 10 y oprima la tecla F6 para insertar un fotograma clave 10) Inserte otro fotograma clave en la posición 10 de la capa guía 11) Active la herramienta Flecha 12) De un clic en el fotograma 1 de la capa CIRCULO 13) Ubique el centro del circulo al inicio de la línea CORPORATIVO CETEC - SICASA 113
14) De un clic en el fotograma 10 de la capa CIRCULO 15) Arrastre el centro del circulo al final de la línea 16) Presione la tecla Enter para reproducir la película y observe la animación 17) De un clic en el primer punto de la capa guía para ocultar la línea y presione la tecla Enter para reproducir la película 18) Grabe la película en su carpeta de trabajo CORPORATIVO CETEC - SICASA 114
PRÁCTICA En este ejercicio, crearemos una animación donde un circulo (pelota) recorra un trayecto y posteriormente retorne al punto de partida. 1) Inicie un nuevo archivo de Flash y trace un circulo en esta posición 2) Cambie el nombre de la capa por PELOTA 3) De un clic en el botón Agregar capa de guías para insertar la capa guía 4) Active la herramienta Lápiz 5) En modo lápiz seleccione Enderezar 6) Trace un arco a partir de este punto 7) De un clic en el fotograma 1 de la capa PELOTA 8) Abra el menú Insertar y seleccione la opción Crear interpolación de movimiento CORPORATIVO CETEC - SICASA 115
9) De un clic en el fotograma 10 de la capa PELOTA y presione la tecla F6 para insertar un fotograma clave 10) De un clic en la capa 10 de la capa guía e inserte un fotograma clave (F6) 11) De un clic en el fotograma 1 de la capa PELOTA 12) Arrastre el centro del circulo al inicio de la línea 13) De un clic en el fotograma 10 de la capa PELOTA 14) Arrastre el centro del circulo al final de la línea CORPORATIVO CETEC - SICASA 116
15) oprima la tecla Enter para reproducir la película y observe el efecto de animación Habrá notado que el efecto de movimiento recorre todo el trayecto del arco de principio a fin, sin embargo podríamos hacer que la pelota (circulo) regrese al inicio de la línea. 1) De un clic en el fotograma 11 de la capa PELOTA e Inserte un fotograma clave (F6) 2) De un clic en el fotograma 20 de la capa PELOTA e inserte un fotograma clave (F6) 3) De un clic en el fotograma 20 de la capa guía e inserte un fotograma clave (F6) en esa posición CORPORATIVO CETEC - SICASA 117
4) De un clic en el fotograma 11 de la capa PELOTA 5) Arrastre el centro del circulo al final de la línea del arco 6) De un clic en el fotograma 20 de la capa PELOTA 7) Arrastre el circulo al inicio de la línea del arco 8) Oprima la tecla Enter para reproducir la película y observe el efecto de animación CORPORATIVO CETEC - SICASA 118
9) De un clic en el primer punto de la capa guía para ocultarla 10) Abra el menú Control y seleccione la opción Reproducir sin fin 11) Oprima la tecla Enter para reproducir la película 12) Oprima la tecla Enter para detener la Película Observe como la película se reproduce continuamente 13) Grabe la animación en su carpeta de trabajo CORPORATIVO CETEC - SICASA 119
PRÁCTICA A DESARROLLAR Desarrolle la siguiente práctica de acuerdo a las siguientes especificaciones: 1. En la primer capa dibujar un circulo de color azul y cambiar el nombre de la capa a PELOTA AZUL. 2. Agregar una capa Guía: PELOTA AZUL y trazar una línea recta. 3. Agregar una tercer capa y dibujar un circulo de color rojo y asignar el nombre de PELOTA ROJA. 4. Agregar una capa Guía: PELOTA ROJA y dibujar un arco (puede trazar un circulo y después borrar una parte del borde para formar el arco). 5. Crear la interpolación de movimiento del circulo azul del fotograma 1 al 10, el cual avanzara sobre la línea recta de principio a fin. 6. Crear la interpolación de movimiento del circulo azul del fotograma 11 al 20 el cual avanzara sobre la línea recta a partir del final al principio de la línea. 7. Crear la interpolación de movimiento del circulo rojo del fotograma 1 al 10, el cual avanzara sobre el arco de principio a fin. 8. Crear la interpolación de movimiento del circulo rojo del fotograma 11 al 20 el cual avanzara sobre el arco a partir del final al principio del arco. CORPORATIVO CETEC - SICASA 120
Preguntas: Cuestionario 1. Cuál es la función de las capas? 2. Cuál es el procedimiento para cambiar el nombre de una capa? 3. Encierre en un circulo el botón que permite agregar una capa en la película. a) b) c) d) 4. Observe la siguiente figura y después subraye el nombre de la capa que sus elementos se muestran como primer plano en la escena de la película. a) Rocas b) Peces c) Mar d) Plantas 5. Cuál es el procedimiento para cambiar de posición una capa? 6. Escriba en el recuadro la función de cada elemento para trabajar con capas. 7. Cuál es la función de una capa Guía? 8. Encierre en un circulo el botón que permite agregar una capa guía. a) b) c) d) CORPORATIVO CETEC - SICASA 121