Cmo hacer un simple banner

animado usando Flash CS3

Creado por Igurrola, Rosy Guerra

Si quieres hacer un banner animado usando tecnologas anticuadas, este artculo

te mostrar cmo hacer uno usando Adobe Flash y usando ActionScript 2.0. Claro
est, esto puedo hacerse con mucha ms facilidad usando HTML y Javascript.

Pasos
1.

1
Abre Adobe Flash y crea un nuevo documento. Modifica el documento
presionando las teclas Command+J en Mac, o Ctrl+J en PC. En las opciones,

como tamao del banner selecciona 468 de ancho x 60 de alto (este es el tamao
estndar para un banner), luego selecciona el color de fondo de tu eleccin, y haz
clic en OK. En esta gua, utilizaremos el color negro como color de fondo.
Anuncio

2.

2
Selecciona tus capas y nombra la primera de ellas como t quieras. En esta
gua, ser un crculo, as que la capa en s se llamar "crculo". Haz clic en la
Herramienta Rectangular y mantnla presionada para abrir un men, selecciona la
Herramienta de valo y suelta el ratn. Muvete hacia el rea de trabajo, y crea un
crculo de cualquier tamao. En esta gua, el tamao ser muy grande para que
slo se vea una pequea parte del crculo dentro del banner, sus dimensiones
sern de 175.5 x 175.5.

3.

3
Ahora que ya tienes el crculo hecho, presiona F8 (tanto en la Mac como en
la PC) para abrir el men de conversin a smbolo. Haz clic en la grfica, luego
ponle de nombre "crculo" al smbolo y presiona OK. Ahora ya tienes un smbolo
que puedes animar. Coloca tu cursor sobre el rea de capas, y muvelo sobre el
5to cuadro, despus presiona F6 (Mac y PC). Esto crear un marco que tiene el
crculo en el mismo punto. Regresa al primer cuadro, y luego haz clic en tu crculo.
Ahora haremos que se desvanezca en la animacin.

4.

4
Ve al panel de propiedades al final de la ventana, y selecciona las opciones
de color. Haz clic en las opciones de color, selecciona Alfa, y en porcentaje teclea
0. Esto har que tu crculo desaparezca, pero no te preocupes, ah sigue, solo que
no lo puedes ver.

5.

5
Regresa a la seccin de Capas, y haz clic derecho entre el primer y el ltimo
cuadro, luego haz clic en "Crear Interpolacin de Movimiento". Si lo haces
correctamente, entonces ya habrs creado exitosamente la primera parte de tu
animacin. Ahora queda agregar el texto.

6.

6
Crea una nueva capa y cmbiale el nombre a "Texto". Ve hacia el 6to cuadro
en la capa de "Texto", haz clic derecho en l, y selecciona "Insertar Nuevo
Fotograma", esto crear un fotograma en blanco donde podrs trabajar.
Selecciona tu paleta de Herramientas, y haz clic en la "T" para seleccionar la
Herramienta de Texto. Coloca tu cursor sobre tu banner, luego teclea el texto que
desees. En esta gua, el texto ser "banner". Ya con el texto seleccionado,
presiona F8 para convertirlo en un grfico, teclea "texto" como nombre y haz clic
en OK. Ahora ya podrs animar tu texto.

7.

7
Ahora, ve a tu capa del "crculo" y haz clic en el 6to cuadro, haz clic en l y
mantnlo presionado para arrastrarlo hasta el 16vo fotograma. Esto har que
el crculo est visible en toda la animacin. Mueve el texto a un punto que este
dentro del crculo, pero asegrate de que no est a la izquierda de tu crculo. Ve a
tu seccin de Capas, y haz clic en la capa de Texto y arrstrala debajo de la capa
del Crculo. Esto har que parte del texto desaparezca, pero no te preocupes, es
lo que queremos en este momento.

8.

8
Bloquea y esconde la capa de "Crculo", para que puedas asegurarte de no
echar a perder nada, y para que puedas ver lo que ests haciendo. Haz clic en
el 15vo cuadro de la capa de "Texto" y crea un fotograma presionando la tecla F6.
Haz clic en el texto dentro del 16vo cuadro, y muvelo a donde quieras que
aparezca el texto en tu banner, pero asegrate de que est ms cargado a la
izquierda que el crculo. Puedes hacer visible la capa del crculo si no ests seguro
de dnde est el crculo.

9.

9
Una vez que hayas colocado el texto justamente donde quieres, regresa a la
capa de "Texto", y, entre los dos fotogramas, crea una Interpolacin de
Movimiento, haciendo clic entre ellos y seleccionando "Crear Interpolacin
de Movimiento". Una vez que hayas terminado con eso, crea una tercera
capa y nmbrala "ActionScript". Selecciona el ltimo cuadro (el 16vo) y haz
un nuevo fotograma presionando F6. Ahora haz clic en Ventana > Acciones,
y teclea "stop ()"; ahora cierra la ventana.

10.

10
Dirgete a donde quieras guardar la animacin, y gurdala con el nombre de
"Banner". Ve a donde dice "Exportar como:" y haz clic en la parte que dice .SWF,
abriendo el men para que aparezcan todas las opciones. Selecciona ".GIF
Animado", para que se convierta en una imagen GIF y luego haz clic en OK.

11.

11
Felicidades! Ya terminaste de crear un simple banner que podrs presumir a
quien quieras.