TUTORIAL DE MACROMEDIA FLASH

Transcripción

1 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

2 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

3 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 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

5 6. Presione la tecla F6 (queda así ) 7. Clic derecho en cualquiera de los fotogramas seleccionados y damos un clic en crear interpolación

6 8. Clic en el fotograma final del movimiento 9. Clic en el icono herramienta de transformación libre

7 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

8 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

9 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

10 Vamos a crear un botón para saltar a otro fotograma CREAR BOTON 1. Clic en el circulo, clic en el bote de color

11 2. Haga un circulo en la parte de afuera del recuadro blanco 3. Clic en la fechita negra 4. Clic en el circulo

12 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

13 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)

14 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

15 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

16 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

17 2. Clic en nombre de la instancia (digitar el nombre que desee) 3. Presionar la tecla F9

18 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í

19 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í

20 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

21 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

22 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í

23 Para probar si funciona presionamos las teclas CTRL+ENTRAR 15. BUSCAR UNA IMAGEN DE fondos en 3d

24 16. COPIAR Y PEGAR EN FLASH 17. Clic derecho en la imagen, organizar, clic enviar al fondo

25 Nos queda así 18. Clic derecho en la imagen de 3d clic copiar

26 19. Damos un clic en el fotograma Clic derecho del mouse, clic pegar en situ

27 21. Clic derecho en la imagen, organizar, clic enviar al fondo Probar la película Ctrl y entrar

28 Para grabar el archivo Clic Escritorio, poner el nombre, clic guardar

29 A modo de sugerencia pueden inserta una fotografía siguiendo el ciclo de la vida de cualquier modelo ejemplo