Taller de Adobe Flash© Básico

13
Animación con Flash actionscript 3.0 Machinarium http://amanita-design.net/games/machinarium.html Friday, July 27, 12

description

Esta es una introducción a las funciones básicas de Adobe Flash para animación.

Transcript of Taller de Adobe Flash© Básico

Page 1: Taller de Adobe Flash© Básico

Animación con Flashactionscript 3.0

Machinarium http://amanita-design.net/games/machinarium.html

Friday, July 27, 12

Page 2: Taller de Adobe Flash© Básico

Flash

Flash es un software para crear animación y contenido multimedia.

sirve para diseñar experiencias interactivas que se presentan en computadoras de escritorio principalmente, pero tambien en dispositivos móviles y televisores.

Friday, July 27, 12

Page 3: Taller de Adobe Flash© Básico

Actionscript 3.0

Actionscript 3 es el lenguaje de programación para ambientes de desarrollo Flash Player, Adobe AIR y Flex.

se puede trabajar en “clases” (archivo.as)

o en la línea de tiempo (en as3 no se puede aplicar directamente a Movie Clips o botones como se hacía en as2).

Friday, July 27, 12

Page 4: Taller de Adobe Flash© Básico

Actionscript 3.0

diseñado para:

seguridad

simplicidad

rendimiento

compatibilidad

robustez

Friday, July 27, 12

Page 5: Taller de Adobe Flash© Básico

Limitaciones

no se visualiza en navegadores de dispositivos móviles

mal uso en páginas web

Friday, July 27, 12

Page 6: Taller de Adobe Flash© Básico

Área de trabajo

barra deherramientas

línea de tiempo

librería de símbolos

panel de acciones: F9

propiedades

stageespacio de trabajo

x

y

Friday, July 27, 12

Page 7: Taller de Adobe Flash© Básico

Herramientasmás utilizadas

seleccionar y mover objetos

seleccionar y mover vectores

transformar

pluma para dibujar

herramienta de texto

dibujar figuras geométricas

Friday, July 27, 12

Page 8: Taller de Adobe Flash© Básico

Friday, July 27, 12

Page 9: Taller de Adobe Flash© Básico

Friday, July 27, 12

Page 10: Taller de Adobe Flash© Básico

Animación en línea de tiempo

en el cuadro 1 dibujar un círculo

seleccionar y convertir a Movie Clip (F8)

crear un keyframe en el cuadro 40

mover el Movie Clip de posición

Friday, July 27, 12

Page 11: Taller de Adobe Flash© Básico

Animación en línea de tiempo

en el keyframe 1, clic derecho/crear animación clásica

en popiedades cambiar easing para dar sensación de suavizado

Friday, July 27, 12

Page 12: Taller de Adobe Flash© Básico

Animación en línea de tiempo

crear capa y nombrarla “acciones”

insertar key frame en el cuadro 40 de la capa de acciones (F6)

abrir panel de acciones con F9 y agregar método stop( );

Friday, July 27, 12

Page 13: Taller de Adobe Flash© Básico

Más sobre flash

Aplicaciones para móviles y táblets hechas con flash http://www.compilador.net/2012/01/las-10-mejores-aplicaciones-para.html

Tutoriales y recursos http://as3.betaruce.com/tut/

Tutoriales http://www.senocular.com/flash/tutorials/?

Friday, July 27, 12