Está en la página 1de 5

EJERCICIOS DE

FLASH


TEXTO INCANDESCENTE.
El ejercicio consiste en que el texto que se escriba tiene el efecto de "prenderse" y "apagarse"
Paso 1. Cree un nuevo documento de Flash. En Propiedades del documento establezca las
dimensiones de 300 pixels por 150 pixels y una velocidad de fotogramas de 12 fps. Establezca un
color de fondo, que para este caso elegimos el negro. Clic en Aceptar.
Paso 2. Utilizando la herramienta Texto (A) escribimos un texto, para este ejemplo,
ITHINKWEB.COM.MX, lo seleccionamos y en el panel de Propiedades establecemos el color de
texto:blanco.
Paso 3. Con el texto seleccionado lo separamos utilizando el men Modificar > Separar, o con la
combinacin de teclas CTRL+ B. Otra forma de hacerlo es dando clic con botn derecho del ratn y
del men contextual elegir Separar. El texto se ver as:

Paso 4. Con el texto an seleccionado vuelva a repetir el procedimiento de Separar para convertir
el texto en una forma.
Paso 5. Cree una nueva capa debajo de la capa creada primeramente y pngale un nombre, por
ejemplo "Efecto". En caso de que la nueva capa quede encima de la primera, damos clic sobre ella y
la arrastramos hacia abajo para colocarla en la posicin deseada. En este paso deber copiar el texto
de la primera capa y pegarlo en la capa "Efecto". Bloquee la capa "texto" para que no podamos
realizar ninguna modificacin inesperada.

Paso 6. Con el texto seleccionado, ir a men Modificar > Forma > Suavizar bordes de relleno y
establecer las siguientes propiedades: Distancia 10px; Nmero de escenarios 15; Direccin:
Expandir.

Paso 7. Se puede apreciar el efecto producido alrededor del texto. Vuelva a seleccionarlo y
convirtalo en Clip de pelcula con el men Modificar > Convertir en smbolo (F8). Clic en Aceptar.

Paso 8. Ahora tenemos que insertar Fotogramas clave en los siguientes lugares de la capa
"Efecto": Fotograma 10, Fotograma 15 y Fotograma 25. Para insertar Fotogramas clave podemos
hacerlo de varias maneras: Clic sobre el fotograma y oprimimos F6; clic con botn derecho sobre el
fotograma y elegimos Insertar Fotograma clave del men contextual y otra ms es con el men
Insertar >lnea de tiempo > Fotograma clave.
Paso 9. Ahora vamos insertar los niveles Alpha en el Clip de pelcula dentro de cada uno de los
correspondientes Fotogramas de la capa "Efecto": Fotograma 1 (Alfa = 0%; (Fotograma 10 (Alfa =
65%); Fotograma 25 (Alfa = 0%). Para aplicar la propiedad Alfa debemos tener seleccionado el
Fotograma y el Clip de pelcula.
Paso 10. Inserte Movimiento entre los Fotogramas 1 y 10 y entre los fotogramas 15 y 25. Para
insertar el movimiento, de clc sobre cualquier fotograma intermedio y oprima botn derecho y del
men contextula elija Crear Interpolacin de Movimiento. Tambin se puede utilizar la opcin
Animar del panel de Propiedades y eligiendo Movimiento
Paso 11. Finalmente inserte un fotograma en la capa "texto" en el fotograma 25. esto lo hacemos
dando clic con botn derecho sobre el fotograma 25 y elegimos Insertar fotograma. Puedes ver el
ejemplo trabajando.


TEXTO CON DESPLAZAMIENTO.
Este ejercicio consiste en permitir que un texto se desplace por toda la pantalla en forma vertical
y con un fondo que puede ser una imagen o un color definido. El texto aparece en la parte inferior y
se desplaza verticalmente hacia la parte superior. Para nuestro ejemplo utilizaremos una imagen de
fondo.
Paso 1. Cree un nuevo documento de Flash. En Propiedades del documento establezca las
dimensiones de 300 pixels por 230 pixels y una velocidad de fotogramas de 12 fps. Importe la
imagen hacia el documento con el men Archivo > Importar > Importar a Biblioteca. Nos debemos
asegurar que la imagen quede centrada en el escenario. Si queremos que la imagen cubra todo el
escenario deberemos ajustar las dimensiones del escenario a las de la imagen.
Paso 2. Asigne un nombre a la primera capa, por ejemplo "imagen" y luego seleccione el
Fotograma 25 e inserte un fotograma simple, se hace con F5, luego bloquee la capa para evitar que
se mueva la imagen.
Paso 3. Inserte una nueva capa dando clic sobre el icono "Insertar capa" que se encuentra en la
Lnea de tiempo. Asignarle el nombre de "texto". Seleccione la herramienta de texto y escriba el
texto que desee pudiendo constar de varias lneas pero con un ancho menor al rea disponible.
Seleccionar el texto y luego lo convertimos en un smbolo Grfico y para ello bastar con oprimir F8
y elegir Grfico y Aceptar. En la biblioteca aparece el nuevo smbolo pero seguimos usando el
original.
Paso 4. Ahora nos colocamos en la capa "texto" y seleccionamos el ltimo fotograma que es el
25 e insertamos un fotograma clave con F6. Luego damos clic sobre fotograma 1 y colocamos el
grfico del texto como se muestra a continuacin.

Luego nos trasladamos al fotograma 25 y colocamos el texto como se muestra en la siguiente
imagen.

Paso 5. Seleccione cualquier parte del centro entre el fotograma 1 y el 25 de la capa "texto" y
con el botn derecho elgir Crear Interpolacin de movimiento. En este paso ya podemos ver el
efecto de desplazamiento y para ello nos colocamos en el fotograma 1 de la capa "texto" y
oprimimos Enter.
Paso 6. Creamos una nueva capa y le llamamos "mask". Con la herramienta rectngulo dibuje
una figura que quede dentro del rea de la imagen. No importa el color ni el relleno ya que no ser
visible al ejecutarse puesto que es la mscara. De clic derecho sobre esta capa "mask" y elija la
opcin "mscara". Si hace correctamente, la capa "mask" y la capa "texto" quedarn bloqueadas con
el candado lo cual permitir ver el efecto de la mscara. A continuacin podemos ver la imagen de la
Lnea de tiempo como debe quedar finalmente y enseguida vemos el efecto ya trabajando (el texto se
desplaza dentro del rea de la mscara)


Botn con sombra.
Paso 1. Cree un nuevo documento de Flash. En Propiedades del documento establezca las
dimensiones de 200 pixels por 100 pixels y una velocidad de fotogramas de 12 fps. Si queremos que
la figura del botn cubra todo el escenario debemos ajustar las medidas de ambos.
Paso2. Clic en la herramienta Rectngulo (R) y clic en Establecer radio de esquina cuyo icono
aparece en la parte inferior de la barra de herramientas. Aparece un panel para establecer las
propiedades. En el panel establecemos un radio de 4 puntos. Vea la siguiente figura.

Paso 3. El la seccin de Colores de la barra de herramientas, bloquear Color de trazo. Debe
aparecer un pequeo cuadro con una lnea diagonal. Elegimos el color de releno #50ADEA y
dibujamos un pequeo rectngulo.
Paso 4. An seleccionado el rectngulo ir al panel Alinear y proceder a alinear el botn con el
fondo.
Paso 5. Despus de eso, y con el rectngulo an seleccionado nos vamos al panel Mezclador de
colores y elegimos las siguientes opciones:

a. Clic en el icono Cubeta para ver el color seleccionado.
b. En el men Tipo, elegir la opcin Lineal.
c. Clic sobre el color interior del relleno radial. Es el cuadrado en el lado izquierdo de la barra.
d. Escribir el cdigo hexadecimal del color: #50ADEA
e. Para el cuadrado derecho establecer: #317082


Paso 6. Damos clic sobre la Herramienta Texto (T) y en panel de Propiedades elegimos las
siguientes opciones:
1. Elegir Texto Esttico.
2. Elegir un tipo de fuente.
3. Elegir el tamao apropiado de la fuente.
4. Seleccionar el color de la fuente.
Paso 7. Escriba el texto del botn. En este ejemplo "Botn"
Paso 8. Con la herramienta Seleccin seleccione tanto el texto como el rectngulo y oprima F8
para convertirlos en "botn".
Paso 9. An seleccionado el botn, ir al panel Propiedades y establecer las siguientes
propiedades:
1. Seleccionar la pestaa de Filtros, luego clic en el icono Aadir filtro y luego seleccionar
Sombra del men que se despliega.
2. Establecer Desenfocar X y Y en 10.
3. Establecer Intensidad 100%.
4. Elegir Calidad Baja.
5. Escoger el color Negro.
6. Angulo: 45.
7. Distancia: 5.

Paso 10. Elegimos la herramienta Seleccin y luego damos doble clip sobre el smbolo del
Botn. Ahora ya estamos "dentro" del botn. La siguiente imagen nos muestra el resultado.

Paso 11. Clic con botn derecho sobre el fotograma Sobre y elegir Insertar Fotograma clave.
Despus, y con el botn seleccionado nos vamos al Mezclador de colores y hacemos lo siguiente:
1. Clic en el color interior que se encuentra a mitad de la barra.
2. Establecer la propiedad Alfa a 80%.
Paso 12. Clic con botn derecho sobre el fotograma Precionado y elegir Insertar Fotograma
clave del men contextual. Luego clic sobre la herramienta Selecin y seleccionamos el botn.
Enseguida seleccionamos la herramienta Transformacin Libre y nos aparecen unos cuadros de
control. Con las teclas de direccin movemos el botn ligeramente hacia abajo.
Si deseamos insertar algn sonido (aparece un ejemplo en este mismo curso), debemos insertar
una nueva capa y tener los archivos de sonido en la Biblioteca.
Finalmente regresar al escenario Principal (Escena 1) y probar nuestro botn con CTRL +
ENTER