TUTORIAL DE MACROMEDIA FLASH Este es un ejercicio para que

TUTORIAL DE MACROMEDIA FLASH
Este es un ejercicio para que pueda dar un movimiento a una imagen
dependerá de su creatividad para diseñar el proyecto que usted necesita
Ingreso a Macromedia Flash
Clic Documento de flash
Poner un texto
Agrandar o achicar una imagen
Poner un circulo
Poner un rectángulo
Pintar un fondo a l cuadrado al circulo
Si en un caso se equivoca puede presionar las teclas CTRL y la tecla Z para regresar a lo que
tenía anteriormente .
Animación a un texto o imagen automáticamente
1. Insertar un texto Presiona la el Icono A
Tipo de letra tamaño color
2. Escribir el texto que requiera
3. Convertir en símbolo
-Clic en la fechita negra
- Clic en el texto
- Presione la tecla F8
- Digite el nombre del símbolo
- Aceptar
4. Doble clic en el Texto hasta que aparezca la flechita azul y recuadro de azul
5. Clic en el fotograma final en este caso presiono en el numero 40
6. Presione la tecla F6 (queda así )
7. Clic derecho en cualquiera de los fotogramas seleccionados y damos un clic en
crear interpolación
8. Clic en el fotograma final del movimiento
9. Clic en el icono herramienta de transformación libre
10. clic el texto, realice una transformación es decir achique , o grande, de la
vuelta al texto mueva de acuerdo a su gusto .
Probar la película presione la tecla control y aplaste entrar o (enter)
Si desea realiza otra animación puede seguir nuevamente los del numeral 5 hasta el 10
En esta caso doy un clic en fotograma 70 y realizo los pasos mencionados
anteriormente
Puede probar la animación como le queda
11. Clic en la fechita azul para salir del clip de película
Nos queda la flecha desactivada
Si seguimos los pasos anteriores desde el numeral 1 hasta el 11 podemos seguir
insertando texto o imagen y dar animaciones
Pegar una imagen (abrir el navegador, buscar una imagen, clic derecho del mouse, clic
copiar imagen , abrir Macromedia clic derecho del mouse pegar)
-Clic derecho del mouse en la fotografía
- organizar clic enviar al fondo
Vamos a crear un botón para saltar a otro fotograma
CREAR BOTON
1. Clic en el circulo , clic en el bote de color
2. Haga un circulo en la parte de afuera del recuadro blanco
3. Clic en la fechita negra
4. Clic en el circulo
5. Convertir en símbolo
- Clic en el circulo
- Presione la tecla F8
- Digite el nombre del símbolo
- Aceptar
6. Ponga al circulo dentro del cuadro de diseño en cualquier lugar
7. Presione la tecla F9
(ACTIVA LA VENTANA DE DOFICACION)
8. Pegue el siguiente código
on(press){
{ _root.gotoAndStop(2); }
}
9. Presione la tecla F9
10. Presione la tecla F6 (crea un nuevo fotograma clave)
11. Eliminar todo el diseño es decir el texto y la fotografía presionando la tecla
(supr) Lo que borramos es lo del fotograma número 2
Puede dar un clic en el fotograma Numero uno y encuentra tu diseño
12. Clic en fotograma 1 y digitar stop();
Tiene que estar aquí capa 1:1
13. Presionamos en fotograma 2 y digitamos también stop();
Estamos aquí capa 1: 2
CREAR ANIMACIÓN EN (3D)
1. Pegar una imagen (abrir el navegador, buscar una imagen, clic derecho del mouse, clic
copiar imagen , abrir Macromedia clic derecho del mouse pegar) FOTOGRAMA 2
1. Convertir en símbolo
- Clic en imagen
- Presionar la tecla F8
- Digitar el nombre
- Aceptar
2. Clic en nombre de la instancia (digitar el nombre que desee)
3. Presionar la tecla F9
4. Copie y pegue el siguiente código
onClipEvent (enterFrame) {
if (Key.isDown(Key.RIGHT))
{ if(_root.imagen._xscale <102)
{_root.imagen._xscale += 6;}
}
if (Key.isDown(Key.LEFT))
{
if(_root.imagen._xscale >0)
{_root.imagen._xscale -= 6;} else {_root.gotoAndPlay(3);}
}
if (Key.isDown(Key.DOWN)) {
if(_root.imagen._yscale > -104)
_root.imagen._yscale -= 6;
}
if (Key.isDown(Key.UP)) {
if(_root.imagen._yscale < 104)
{ _root.imagen._yscale += 6;
}}}
Ojo tiene que quedar así
5. Presione la tecla F6 (presionando la tecla F6 se crea otro fotograma en este caso el
fotograma 3
6. Dar un clic en el primer fotograma 3 y digitar
stop();
tiene que estar aquí
7. Presione F9
8. Clic en la imagen y presionar la tecla supr (BORRAMOS LA IMAGEN)
9. Buscamos la imagen de la parte de atrás y pegamos como lo hicimos anterior mente
10. Convertir en símbolo
- Clic en imagen
- Presionar la tecla F8
- Digitar el nombre
- Aceptar
11. Clic en la imagen
12. Clic en nombre de la instancia (digitar el mismo nombre de la imagen anterior)
13. Presionar F9
14. Copiar y pegar el siguiente código
onClipEvent (enterFrame) {
if (Key.isDown(Key.RIGHT))
{
if(_root.imagen._xscale <102)
{_root.imagen._xscale += 6;}
}
if (Key.isDown(Key.LEFT))
{
if(_root.imagen._xscale >0)
{_root.imagen._xscale -= 6;} else {_root.gotoAndPlay(2);}
}
if (Key.isDown(Key.DOWN)) {
if(_root.imagen._yscale > -104)
_root.imagen._yscale -= 6;
}
if (Key.isDown(Key.UP)) {
if(_root.imagen._yscale < 104)
{ _root.imagen._yscale += 6;
}}}
Debe quedar así
Para probar si funciona presionamos las teclas CTRL+ENTRAR
15. BUSCAR UNA IMAGEN DE fondos en 3d
16. COPIAR Y PEGAR EN FLASH
17. Clic derecho en la imagen , organizar, clic enviar al fondo
Nos queda así
18. Clic derecho en la imagen de 3d clic copiar
19. Damos un clic en el fotograma 2
20. Clic derecho del mouse, clic pegar en situ
21. Clic derecho en la imagen , organizar, clic enviar al fondo
Probar la película
Ctrl y entrar
Para grabar el archivo
Clic Escritorio, poner el nombre, clic guardar
A modo de sugerencia pueden inserta una fotografía siguiendo el ciclo de la vida de cualquier
modelo ejemplo