Adobe+Flash+CS5

1. Dibujo y símbolos



PDF Dibujo básico:



Tutorial (zombie):

[]

Herramientas de dibujo:

[]

Symbolos:

[]

2. Texto

media type="file" key="scrollfinal.swf" width="360" height="270"

Tutorial:

Acciones:

Archivo FLA:

3. Botones

** Como hacer botones en CS5 (: **



media type="file" key="Botones completos.swf" width="360" height="270"

4. Motion Tween media type="file" key="mysterymachine.swf" width="360" height="270"

**Tutorial**
**__@http://www.youtube.com/watch?v=FykNstKbwdg __** ** <span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #0033cc; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">@http://www.youtube.com/watch?v=hVz07z21HGs **

//Si quieren realizar la animación, las imágenes y el sonido están en estas carpetas//.



En el siguiente documento encontrarán los pasos básicos a seguir para crear un "shape tween" Ésta es una animación de presentación a la herramienta de shape tween. media type="file" key="shape tween.swf" width="239" height="239" Documento acerca de los shape hints, herramienta que ayuda a controlar los movimientos durante una animación.
 * 5. Shape Tween**

Un ejemplo de shape tweening. media type="file" key="tweening example 1.swf" width="240" height="240" Shape tweening que utiliza shape hints. media type="file" key="numbers example.swf" width="240" height="240" Algunos links de interés: http://help.adobe.com/en_US/flash/cs/using/WS58E1E1A4-9296-4b75-AB74-D9D545892556.html http://www.youtube.com/watch?v=8r3UTne3UoM

6. Máscaras

Habre una página de Flash de 3.0
 * Paso 1:**

- Jalalas al escenario y ubícalas como desees.
 * Paso 2:**
 * -** Importa las imágenes que deseas hacía la libreria

- Nombra la capa con el nombre que gustes.
 * Paso 3:**



- Crea una nueva capa - Ponle el nombre de la figura geométrica que tienen tus imágenes.
 * Paso 4:**

- Creá una figura geométrica que desees y que sea igual al corte de tus fotos. - Ubica la imágen fuera del escenario
 * Paso 5:**

- En la línea de tiempo selecciona los frames, de ambas capas, hasta el numero que desees. - Click derecho - Selecciona la opción de "Insertar frames".
 * Paso 6:**



- Selecciona el último frame de la línea de tiempo de la capa de la figura geométrica - Click derecho - Slecciona la opcion de "CONVERT to keyframes" y un punto negro deberá aparecer.
 * Paso 7:**

- Selecciona la figura geométrica que dibujaste y trasladala por sobre tus imágenes. - Traslada la imágen hasta el otro lado del escenario - La imágen debe quedar fuera del escenario.
 * Paso 8:**

- En la línea de tiempo, en el centro, click derecho - Selecciona la opcion de "Create shape Tween" - Los frames se debén de tornar verdes con una flecha atravesandolos.
 * Paso 9:**

- En el nombre de la capa, de la figura geométrica, dale click derecho - Selecciona la opción de "Mask" - Las imágenes debén cambiar al igual que la figura al lado del nombre de la capa.
 * Paso 10:**



Ctrol + enter se verá el trabajo finalizado. media type="file" key="carros 2.swf" width="360" height="270"
 * Paso 11:**

7. 3D Rotation Tool AQUI ESTA EL LINK PARA IR A YOUTUBE Y VER MI TUTORIAL GRABADO

http://www.youtube.com/watch?v=2CDyPK-Hmt8

8. Bones En el siguiente Documento de Word, se encuentra el tutorial de Bones.

9. Action Script 3.0 Primero se crea una carpeta en el lugar que deseas, llamandolo AvoiderGame, o como en este screenchot AvoiderGameMJW, y dentro de esa carpeta creas otra llamada Classes. Al abrir un nuevo archivo ActionScript 3.0, lo guardamos en la carpeta AvoiderGame.

Despues se entra a Publish Settigs ( Configuracion de Publicacion ), en la parte superior se selecciona Flash, luego en ActionScript version se presiona settings y aparece una venta, en la cual, en la parte inferior se debe presionar el botodon con forma de carpeta, y buscas en la carpeta Classes, donde la habias guardado, y se presiona Ok, para que se guarden las configuraciones.

Despues se entra a Modify > Document//, y le cambias las dimensiones al documento, a 400px (Width) x 300px (height), y de titulo AvoiderGame.

Al crear el enemigo lo puedes crear como tu deseas, no debe ser algo especifico, y al crearlo seleccionas el Enemy con click derecho y selecionas Convert to Symbol; sale una ventana, se le coloca de nombre Enemy, y en Type se selecciona Movie Clip y se presiona Ok. Entonces al ver la biblioteca, el Enemy saldra pero como un MovieClip.



Bueno, ahora se pone en File > New y en ActionScript File, al aparecer el nuevo documento se escribe lo siguiente:



Despues File > Save as... En la carpeta Classes, y con el nombre de Enemy. Al regresar al archivo FLA, en el library seleccionamos el MovieCLip Enemy, precionas click derecho, luego en properties, salen las propiedades, se precionan en advanced y sales mas cosas, se seleciona Export for ActionScript, y luego escribes lo que se encuentra en la imagen.



Despues se crea otro ActionScript File y se le coloca de nombre AvoiderGame, y copia lo siguiente:

Y se lo guarda en la carpeta Classes, con el nombre de AvoiderGame

Al terminar esto se preciona click izquierdo en la parte ploma, despues al costado de Library, se encuentra Properties, en el cual en donde dice Clase, se coloca AvoiderGame, y por ultimo se crea el Avatar, se aplican los mismos pasaso que se aplicaron al Enemy, pero con distinto Actionscript File que es el siguiente:



Al final se Graba en Classes con el nombre de Avatar, y se sigue procediendo los mismo pasos que el Enemy. Cuando se termina de hacer esto se borra todo lo que este en layers y se deja todo en blanco, despues de lo graba, y al presionar ctrl + Enter el resultado seria este: media type="file" key="AvoiderGame-MJW.swf" width="360" height="270" Con eso termina.

Si es que quieran observar con mas detalle el Flash completo, revisar el siguiente .rar: