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