SCRIPT LANGUAGE="JavaScript">

 

Flash: Trabajo con Filtros y Capas Transparentes 

1. Abrir un nuevo documento de 500 x 500. Vamos a rellenarla de un color fuerte que nos guste. para éste ejercicio he utilizado el#FF3366

2. Elaboramos una copa u otro dibujo con nuestro programa de diseño gráfico ;como trabajaremos con burbujas podría ser también un pez. debe estar guardado en formato.gif para asegurar la transparencia, de lo contrario se vería un fondo; o con fondo del mismo color de el escenario, en ese caso lo podemos guardar en formato .jpg. Exportamos a la biblioteca y luego lo colocamos en nuestro trabajo.

3. Hacemos un rectángulo debajo de la copa, vamos a pinchar con el botón derecho  y convertimos  en Símbolo :

Ahora ya podemos aplicarle un filtro al rectángulo, pinchando en <Filtro/+/Bisel degradado> y con los valores de la imagen:

Ahora se convierte la copa en símbolo y se le aplica también un filtro, en este caso Sombra con los valores de la imagen:

4. Insertar/Línea del tiempo/Capa y con la Herramienta Óvalo, trazamos varias burbujitas :


 

5.Pinchamos sobre la capa tres donde están las burbujas y con el botón derecho las <Distribuir en capas>:

Ahora comenzamos con la burbuja que está en la Capa 10, la convertimos en símbolo y a la derecha del tablero veremos la Instancia :Color; en ese apartado seleccionamos el valor Alfa para que se vuelva la burbuja transparente y colocamos un valor cualquiera, en el ejercicio coloqué 53%:

 
Vamos a repetir el procedimiento con cada burbuja, son alrededor de 8 ó 9; poniéndole entre 20, 50 y 80 % de Valor Alfa, para tener las burbujas con distinto grado de transparencia:
 

6. Con la mayúscula apretada vamos a pinchar sobre el fotograma 60, seleccionando todas las capas como se muestra en el punto 1 de la figura. Luego se pulsa la tecla F6 como se muestra en el punto 2:


 

Luego pinchamos en el fotograma 1 de cada capa donde tenemos las burbujas y seleccionamos Animar/Movimiento, observa que se extiende una flechita hasta el fotograma 60:


 

Ahora movemos con la Herramienta Selección, las burbujas hacia arriba:

6. Vamos a repetir el procedimiento. Movemos el marcador rojo al 60, seleccionamos en el punto 120 todas las capas, apretando la tecla mayúscula para lograrlo, luego apretamos la tecla F:

Nos colocamos de nuevo en el fotograma 60, seleccionamos las capas de las burbujas, colocamos de nuevo animar y desplazamos una vez más las burbujas, pero esta vez pequeños desplazamientos de una a una:

7. Ahora con la Herramienta Selección, pinchamos en la Capa 1 que es la de la copa, y la movemos hasta dejarla en la parte superior, así no se va a salir ninguna del cuenco y quedará un efecto más natural:

8. Con la Capa 1 arriba, insertamos una nueva capa, la seleccionamos y escribimos nuestro nombre:

Luego lo colocamos a la altura que queremos y lo centramos como muestra la imagen:

Pinchamos con el botón derecho sobre el texto y escogemos un efecto:

Para este ejemplo, seleccione Desenfocar con los valores de la imagen:

Puedes mover el texto un poco si consideras que quieres ubicarlo más arriba o más abajo, eso no alterará el efecto.

9. Coloca una nueva capa, importa un sonido a la Biblioteca y lo colocas a la animación:

Exporta como película .swf . Cuelga el archivo en tu espacio Web. Abajo está el resultado del tutorial:

Geisa 2008