Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20... http://www.estiloflash.com/curso-basico-de-flash-8-animacion-de-f...

Tutoriales Estilo Flash

Tutoriales Flash, artculos Adobe Flash, Sitios web y diseos Flash

Inicio Foro

Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20

por jmx, 7 February 2009 | Comentarios (5) | Trackbacks (0)
5x5mm High Power SMD LEDs 0.5W(30lm@150mA)1W(80lm@350mA)MSL2a Get Spec,Price,Availability.Order!
www.KingbrightUSA.com

Free Flash Tutorials Find over 150 Flash Tutorials sorted by hits and user rating.
www.CGTutorials.com/c23/Flash

Industrial Grade Flash PCMCIA, CompactFlash, SD 2.5" & 3.5" IDE & SATA Flash Drives
www.CaliforniaPC.com

Animacin de formas vectoriales en smbolos (no interpolacin de movimiento)

1 de 13

PDF created with pdfFactory Pro trial version www.pdffactory.com

25/02/2009 16:28

Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20... http://www.estiloflash.com/curso-basico-de-flash-8-animacion-de-f...

No siempre animar formas vectoriales con Interpolacin de movimiento es la tcnica ms apropiada, la primera de las razones es porque tienes que trabajar con dos smbolos de Tipo Grfico por cada animacin que se realiza, y a estas animaciones solamente se puede trabajar con el cambio de color en cualquiera de sus modalidades. Por otro lado cuando quieres hacer una animacin en la que se involucre una deformacin y al mismo tiempo un cambio de color de una forma vectorial es imposible hacerla con una animacin de Interpolacin de movimiento, para este tipo de animaciones se utiliza una Animacin de Forma en el Panel de Propiedades. A continuacin se te guiara paso a paso hasta llegar a conseguir una animacin en la se involucre el cambio de color, la deformacin de la forma vectorial y despus hacer que la forma vectorial se traslade de un lugar a otro. Crear un documento de Propiedades ctrl. + J, dimensiones 500 * 200 pxeles de ancho y alto, color de fondo #CCFFFF y velocidad de fotogramas 15 fps.

Luego de que hayas colocado las propiedades del documento, crear un smbolo ctrl. + F8, nombrarlo animacin de forma, en la opcin de Tipo seleccionar Clip de pelcula.

2 de 13

PDF created with pdfFactory Pro trial version www.pdffactory.com

25/02/2009 16:28

Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20... http://www.estiloflash.com/curso-basico-de-flash-8-animacion-de-f...

Ubicado en el smbolo dibujar un valo (O) que no tenga borde y usar como color de relleno #000066 las dimensiones 98.0 * 198.0 pxeles de ancho y alto, colocar la forma dibujada en coordenadas X: 0.0 y Y: 0.0.

Insertar un fotograma clave F6 en el frame nmero 25. seleccionar el valo de este nuevo fotograma y cambiar el color de relleno a #FF0000.

3 de 13

PDF created with pdfFactory Pro trial version www.pdffactory.com

25/02/2009 16:28

Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20... http://www.estiloflash.com/curso-basico-de-flash-8-animacion-de-f...

Seleccionar un fotograma entre el nmero 1 y el nmero 24. En el Panel de Propiedades seleccionar la opcin de Animar: Forma.

4 de 13

PDF created with pdfFactory Pro trial version www.pdffactory.com

25/02/2009 16:28

Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20... http://www.estiloflash.com/curso-basico-de-flash-8-animacion-de-f...

Regresar a la Escena y arrastrar desde el Panel de Biblioteca ctrl. + L el smbolo animacin de forma, despus colocar el smbolo en coordenadas X: 0.0 y Y: 0.0. Presionar ctrl. + Enter y observar como cambia de color gradualmente el valo.

5 de 13

PDF created with pdfFactory Pro trial version www.pdffactory.com

25/02/2009 16:28

Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20... http://www.estiloflash.com/curso-basico-de-flash-8-animacion-de-f...

Regresar al smbolo animacin de forma asiendo doble clic sobre el icono que representa al smbolo en el Panel de la Biblioteca.

Nuevamente ubicado en el smbolo animacin de forma, seleccionar la forma vectorial del fotograma nmero 25, tomar por uno de los extremos a la forma y deformarla un poco. Las

6 de 13

PDF created with pdfFactory Pro trial version www.pdffactory.com

25/02/2009 16:28

Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20... http://www.estiloflash.com/curso-basico-de-flash-8-animacion-de-f...

coordenadas cambiaran al deformar el valo, si deseas puedes colocar nuevamente la forma vectorial en coordenadas X: 0.0 y Y: 0.0. Presionar una vez ms ctrl. + Enter y ahora se observara que el valo cambia de color y al mismo tiempo este se va deformado en otra cosa.

Para concluir con este objetivo regresar otra vez al smbolo animacin de forma luego seleccionar el la forma vectorial del fotograma nmero 25 y cambiarla de coordenadas en el eje X, la nueva coordenada ser X: 500.0. Con esta coordenada te aseguraras que la animacin se trasladara hasta a fuera del Escenario. Presionar ctrl. + Enter y ver como queda la animacin final en la cual estn incluidas tres tipos de animaciones.

7 de 13

PDF created with pdfFactory Pro trial version www.pdffactory.com

25/02/2009 16:28

Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20... http://www.estiloflash.com/curso-basico-de-flash-8-animacion-de-f...

Curso Bsico De Flash 8 Parte 1 Curso Bsico De Flash 8 Parte 2 Curso Bsico De Flash 8 Parte 3 Curso Bsico De Flash 8 Parte 4 Curso Bsico De Flash 8 Parte 5 Curso Bsico De Flash 8 Parte 6 Curso Bsico De Flash 8 Parte 7 Curso Bsico De Flash 8 Parte 8 Curso Bsico De Flash 8 Parte 9 Curso Bsico De Flash 8 Parte 10 Curso Bsico De Flash 8 Parte 11 Curso Bsico De Flash 8 Parte 12 Curso Bsico De Flash 8 Parte 13 Curso Bsico de flash 8 Parte 14
8 de 13 25/02/2009 16:28

PDF created with pdfFactory Pro trial version www.pdffactory.com

Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20... http://www.estiloflash.com/curso-basico-de-flash-8-animacion-de-f...

Curso Bsico De Flash 8 Parte 15 Curso Bsico De Flash 8 Parte 16 Curso Bsico De Flash 8 Parte 17 Curso Bsico De Flash 8 Parte 18 Curso Bsico De Flash 8 Parte 19
5x5mm High Power SMD LEDs 0.5W(30lm@150mA)1W(80lm@350mA)MSL2a Get Spec,Price,Availability.Order!
www.KingbrightUSA.com

Free Flash Tutorials Find over 150 Flash Tutorials sorted by hits and user rating.
www.CGTutorials.com/c23/Flash

Industrial Grade Flash PCMCIA, CompactFlash, SD 2.5" & 3.5" IDE & SATA Flash Drives
www.CaliforniaPC.com

Escuela lder de Coaching -15% dto cursos presenciales/online Regalo del "Coaching Start Kit"!
www.TISOC21SL.com

ShareThis Tags: Curso Bsico Flash 8, Curso Gratis, Dibujo, Interpolacin, Movimiento, Vectores Categoras: Animacin, Dibujo, Tutoriales

Comentarios
Qu opinas sobre este artculo ?, dejanos tu opinin . Tienes algo que agregar ? hazlo ahora.

Trackbacks & Pingbacks

No hay trackbacks/pingbacks todava.

Comentarios

Hola amigos reciban un saludo y permitame felicitarlos por el gran trabajao que hacen.. Bueno pienso que en los tutoriales deben colocar al final o al inicio como queda la animacion realizada ya que asi motiva mas a los lectores y ademas se conoce el objetivo de lo que se pretende hacer Commentario de Jose el February 8, 2009 @ 2:04 am

9 de 13

PDF created with pdfFactory Pro trial version www.pdffactory.com

25/02/2009 16:28

Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20... http://www.estiloflash.com/curso-basico-de-flash-8-animacion-de-f...

Hola quiero agradecer y felicitarlos por este curso de Flash que realmente me ha sido de mucha utilidad. Es muy ameno y esclarecedor para quien quiera, como yo, iniciarse en este programa. Un saludo Carlos Commentario de Carlos el February 9, 2009 @ 5:58 pm

necesitan poner el resultado y ademas los felicito sigan asi Commentario de lesvi el February 12, 2009 @ 3:13 am

Hola chicos, un placer, estupendo el tutorial, completisimo si seor, para novatos como los que estamos contestando parece que es estupendo xDD por los comentarios que cuentan, tambien es verdad que podriais poner el archivo acabado, pero para que? si te lo explican tan bien que los resultados los tienes tu en el programa xD Bueno un saludito y voy a seguir leyendo mas cosas aver si aprendo actionscript y algunas cosillas mas ^^ Muchisimas gracias por el tutorial, gracias a esto, ya puedo dominar un poco el Flash 8, con interpolarizaciones de movimientos y de formas, aparte de saber manejar un poco mas ahora todas las herramientas necesarias ^^ Commentario de Dani el February 14, 2009 @ 12:37 am

muchisimas gracias este curso m ayudo muchisimo, realmente pense k usar flash seria mas complicado pero a sido mucho mas sensillo d lo k m llege a imaginar, muchisimas gracias Commentario de malena el February 19, 2009 @ 10:06 pm

Deja tu comentario
Las lneas y prrafos son automaticas, el e-mail no se despliega nunca, HTML permitido: <a href=""
title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Name (required)

10 de 13

PDF created with pdfFactory Pro trial version www.pdffactory.com

25/02/2009 16:28

Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20... http://www.estiloflash.com/curso-basico-de-flash-8-animacion-de-f...

E-mail (required) URI Tu comentario: (OpenID Enabled)

Notificarme nuevos comentarios a mi e-mail

Sindicacin RSS

Si te agrada el contenido de este sitio, y quieres ser el primero en leer las novedades, agregalo a tu lector de feeds RSS favorito.

Nube de Tags
ActionScript

Animacin Animacin Flash Botn Botones

Curso Bsico Flash 8 Curso

Gratis Dibujo Imagenes Importar Interpolacin Interpolacion De Movimiento Manual Movimiento Paneles Flash Tutoriales
Vectores

Tutoriales Webmaster
Registros aleatorios con PHP y MySQL Video Actualizacin de WordPress a versin 2.5 Instalar y Actualizar WordPress 2.5 Boton de 3 estados Adobe Flash Galeria de Imagenes xHTML CSS Precarga en Flash Instalar Eclipse PDT para PHP Galera de Imgenes Acciones Photoshop CS3 URLs para Posicionamiento en buscadores con PHP Funciones de ImageReady CS2 en Photoshop CS3

11 de 13

PDF created with pdfFactory Pro trial version www.pdffactory.com

25/02/2009 16:28

Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20... http://www.estiloflash.com/curso-basico-de-flash-8-animacion-de-f...

Tutoriales Photoshop
Crear una Manzana de Plata con Photoshop Logotipos 3D con Photoshop Letras Banadas en Oro con Photoshop Restauracion y Coloracion de Imagenes Antiguas con Photoshop Crea Selecciones Complejas con Photoshop Descarga Piceles de Pasto Gratis para Photoshop Crear una Manzana de Oro con Photoshop Desastres y Aberraciones con Photoshop Colorear Imagenes Antiguas Blanco y Negro con Photoshop Los Mejores Tutoriales para lograr el Efecto HDR con Photoshop

Temario
Action Script Animacin Descargas FLA Dibujo Manuales Tutoriales Video

Archivo
February 2009 January 2009 December 2008 November 2008 October 2008 September 2008 August 2008 June 2008 May 2008 April 2008 March 2008 February 2008 December 2007 November 2007 October 2007 September 2007 July 2007 June 2007 May 2007 April 2007 March 2007

12 de 13

PDF created with pdfFactory Pro trial version www.pdffactory.com

25/02/2009 16:28

Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20... http://www.estiloflash.com/curso-basico-de-flash-8-animacion-de-f...

February 2007 January 2007 December 2006 November 2006 October 2006

Artculos Recientes
Curso Bsico De Flash 8 (Animacin Con Mscaras) Parte 22 Curso Bsico De Flash 8 (Guas De Movimiento) Parte 21 Curso Bsico De Flash 8 (Animacin De Formas Vectoriales) Parte 20 Curso Bsico De Flash 8 (Animacin Con Imgenes Importadas) Parte 19 Curso Bsico De Flash 8 (Importacin De Imgenes) Parte 18 Curso Bsico De Flash 8 (Smbolos De Tipo Botn) Parte 17 Curso Bsico De Flash 8 (Interpolacin De Movimiento) Parte 16 Curso Bsico De Flash 8 (Edicin De Capas, Smbolos E Incorporacin De Paneles) Parte 15 Curso Bsico De Flash 8 (Mltiples Animaciones) Parte 14 Curso Bsico De Flash 8 (Edicn De Movimiento) Parte 13

Red Creativa INT

Adobe Flash Tutorial Blog Windows Creativa INT Estilo Flash Foro Creativo Jorge Oyhenard Solo Photoshop Taller Webmaster Video Tutoriales Diseo Web Tutoriales Estilo Flash | Tutoriales Flash, artculos Adobe Flash, Sitios web y diseos Flash Creative Commons by-nc-sa 3.0 | CMS: WordPress

13 de 13

PDF created with pdfFactory Pro trial version www.pdffactory.com

25/02/2009 16:28