Los materiales necesarios los puedes descargaraquí.
Elaboración de un glitter/Estrella que titila:
1.Abrir
un nuevo documento de100x100,
fondo negro y Velocidad de Fotogramas 30 fps.
Inmediatamente insertamos una nueva capa, sobre la que
vamos a trabajar, para que quede el símbolo-estrella en
un fondo transparente y usarlo en otros trabajos.
2.
Importar a la biblioteca una estrella en formato .png.
La ventaja de las figuras con fondo transparente
elaboradas en ese formato, es que conservan la
trasparencia en el formato de Flash y a la vez todas
las características originales, al contrario del formato
.gif, que acepta un número limitado de colores.
3, Vamos
a la Barra de Menú Insertar/Nuevo símbolo/Clip de
película; ponle el nombre <Estrella> así no se confunde
ni se anula al usarlo en otros documentos.
Automáticamente nos va a pasar al modo de edición.
Arrastramos la estrella al escenario.
4. Con
la Herramienta de Transformación Libre, y con la
mayúscula presionada, tiramos desde la esquina superior
derecha...muy importante para que quede en el mismo
lugar y el mismo tamaño en cada lado... reducimos de
tamaño la estrella. Insertamos un Fotograma Clave en el
7, regresamos de nuevo al fotograma 1 botón derecho y
creamos una Interpolación de Movimientos, aumentamos la
estrella a 44 que es el tamaño original . Observa en la
imagen cómo se reduce de tamaño:
5
Insertamos un Fotograma Clave en el 14, regresamos de
nuevo al fotograma 7 botón derecho y creamos una
Interpolación de Movimientos, regresamos al fotograma 14
y con la mayúscula presionada, tiramos desde la esquina
superior derecha....muy importante para que quede en el
mismo lugar y el mismo tamaño en cada lado...
disminuimos el tamaño la estrella en el fotograma 14 a
35 . Observa en la imagen cómo queda un poquito más
pequeño :
6. Volvemos a la
Escena 1, arrastramos la estrella al escenario:
Prueba la película
debe quedarte parecida a esta:
Si quedas satisfecho
guárdala en formato .fla, para copiar el símbolo
y pegarlo en otros documentos Flash. Sí no le
pusiste nombre al símbolo, antes de guardarlo le
colocas uno,así
no se confunde ni se anula al usarlo en otros
documentos
Elaboración de la imagen superior, para
una plantilla o layout de Web en formato Flash.
1. Abrimos un
documento de 800x400, con un fondo de color a
nuestro gustoy
Velocidad de Fotogramas: 12 fps.
2. Hacemos un rectángulo con gradiente y sin
borde, ligeramente máspequeño
que nuestro fondo, ajusté el tono que deseaba:
3. Vamos a Modificar/Transformar/Envoltura:
Y
tiramos de los nodos circulares para darle una
forma asimétrica al borde, de vez en cuando
probamos la película, para rectificar en caso de
observar algún detalle que no nos gustes, al
retroceder para corregir sí se desactiva la
opción de Envoltura, la activamos de nuevo:
4. Vamos a convertir en Símbolo/Clip de película
nuestro rectángulo transformado , para poder
aplicar filtros:
Apliqué dos filtros una sombra blanca, con
calidad alta y luego un Bisel con los valores de
la imagen:
5. Selecciona algún tube de la carpeta de
materiales, lo abres en tu editor gráfico,
copias la capa donde está la imagen y la
exportas como .png. Las dos imágenes que están
en el tuto también están en ese formato en la
carpeta. En primer lugar inserta una nueva capa,
luego exportas a la biblioteca las imágenes que
te gustan, incluso puedes agregar otras que te
gusten. La imagen de la chica, la convertí en un
Símbolo/Clip de película y le apliqué una
sombra, para que resaltada con los valores de la
imagen.
6. Añadimos una
nueva capa, insertamos un Símbolo/Clip de
película, pasaremos directamente a modo de
edición, colocamos nuestro texto con los valores
de la imagen y aplicamos una sombra, sí te gusta
esta fuente, la tienes en la carpeta de
documentos:
Luego pinchamos en
el fotograma 15 , insertamos un fotograma clave
y seleccionando el nombre, botón derecho Efectos
de Línea de tiempo/Efectos/Expandir:
Con los valores de
la imagen:
7. Cerramos las dos
capas superiores pinchando en el candaito y las
ocultamos pinchando en el ojo:
Doble clic en el
rectángulo deformado, anotamos los valores del
eje x e y, en modo de edición desplazamos a la
izquierda el rectángulo, insertamos un fotograma
clave en el 60, vamos al fotograma 1 y agregamos
una interpolación de movimientos y en el 60
colocamos los valores x e y anotados
anteriormente:
Para finalizar esta parte, pinchamos en el
fotograma 60, seleccionamos con el botón derecho
sobre el fotograma 60 acciones y colocamos el
siguiente ActionScript, para que se detenga el
desplazamiento al llegar a ese punto:
8. Vamos a añadir
una nueva capa para colocar el sonido. Exporté a
la biblioteca una canción en MP3, al tener un
sólo marco la animación, no me da problemas con
la reproducción, arrastré el archivo al
escenario, pinché en la capa sobre el marco y en
las propiedades del sonido le coloqué un efecto
de desvanecimiento y que se reprodujera una sola
vez!
9. Vamos a agregar
una nueva capa para trabajar con los Glitters.
Pero antes vamos a realizar algo imprescindible
a la hora de trabajar con símbolos de otros
documentos...como haremos en el paso posterior a
este...sí importamos un símbolo de otro
documento a el que trabajamos, en este caso
importaremos la estrella; tenemos que cambiar
cualquier nombre que pueda estar duplicado, de
lo contrario se anula el símbolo anterior, en
este caso antes de proceder, debemos cambiar el
nombre de Animar 1 por Animar rectángulo en la
biblioteca, sino perderemos el rectángulo que
elaboramos anteriormente, ya que la estrella que
importaremos tiene un Animar 1:
Creamos un Nuevo
símbolo/Clip de película, pero esta vez vamos a
utilizar la estrella que ya tenemos en el otro
documento, así que no aceptamos sino
Examinamos/Localizar Archivo de documento
Macromedia Flash/seleccionar símbolo de origen,
como se muestra en la imagen, así tenemos en el
documento el símbolo que tenemos en otro
documento:
Otra forma más sencilla de pegarle aunque menos
técnica de colocar el gif en el escenario, es
abrir el archivo .fla donde está la película de
la estrella, copiarla y pegarla en el nuevo
documento:
Para este ejercicio
quise ponerle estrellitas a las pestañas, las
del otro documento eran muy grandes, así que
arrastré el símbolo desde la biblioteca, lo
reduje de tamaño, lo copié y lo fui pegando
donde quería; luego las roté un poquito, para
lograr un efecto más a mi gusto:
10. Vamos a hacer la
parte inferior del layout. Abrimos un documento
800x 200, del color del anterior. Vamos a
exportar el rectángulo del layout, para eso
repetiremos el paso 9, para no duplicar el
símbolo. Luego como en la imagen de abajo,
primero reducimos el ancho, luego doble clic y
aplicamos la sombra y bisel al borde, luego
pinchamos en el modo de edición sobre el
fotograma 1 Acciones/Stop:
11. Cuelga en tu
alojamiento los archivos .html y .swf
12. Para completar los elementos flash
necesarios para una Web tenemos un menú, las
instrucciones de cómo hacer uno lo consigues
pinchando aquí,
el que usé para el modelo de Web es el mismo,
con las medidas 500x100, sólo que puse el mismo
color de fondo de este ejercicio, y cambié el
tipo de letra.
