SlideShare una empresa de Scribd logo
1 de 11
Animación en Flash
                                     [pasos básicos]




Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
Definición de          Se detallan los pasos a seguir para construir un
  parámetros            banner animado para un sitio web, a partir de
                        imágenes importadas y otros elementos gráficos
                        desarrollados en Flash.
                        El primer parámetro a definir será las dimensiones
                        y características que tendrá este banner.




Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
Documento           Se comienza por definir el tipo de documento y sus
      en Flash          dimensiones. Para efecto de este trabajo utilizaremos
                        Actionscript 2.0 y una película compatible con el banner
                        a construir (800 x 250 aprox).




Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
Importación          Es posible importar un archivo de imagen desarrollado en
       a Flash          otros programas (como Photoshop) directamente a Flash.
                        Es importante tener en cuanta el formato del archivo original
                        (JPG, PNG, PSD, etc) y sus características (dimensiones,
                        resolución, modo de color, etc).
                        El traerlo a Flash se realiza mediante el comando Archivo >
                        Importar > Importar a escenario.




Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
Capas en        El programa Flash puede animar objetos e imágenes siempre
           Flash        y cuando éstos cumplan 2 condiciones: estar ubicados en
                        capas individuales y estar convertidos en “símbolos”
                        Las capas en Flash se crean directamente en la línea de
                        tiempo y deben albergar a cada objeto que vamos a animar:
                        “todo lo que se mueve individualmente, o interactúa
                        individualmente (botones) debe estar en capas individuales”.




Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
Símbolos en          Una vez importadas todas las imágenes a capas individuales
         Flash          deben ser convertidas a símbolo antes de animar o
                        programar. Los elementos que se moverán en la pantalla
                        serán convertidos a “clip de película”, los elementos que
                        funcionarán como botones serán convertidos a símbolo de
                        “botón”.




Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
Animación          Para animar cada símbolo es necesario incorporar fotogramas
       en Flash         clave y crear la “interpolación” o pasos intermedios que
                        permitirán la visualización de la animación. A partir de
                        versiones CS4 y superior, encontramos la interpolación de
                        movimiento y la “clásica”.




Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
Animación          Para animar cada símbolo es necesario establecer la duración
       en Flash         de ésta animación insertando un fotograma clave en el
                        momento deseado. En cada uno de los fotogramas clave, es
                        posible cambiar los parámetros de las propiedades del
                        símbolo (posición, tamaño, efectos, filtros, etc.).




Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
Animación          Las propiedades posibles de modificar
       en Flash         en el panel correspondiente incluyen:


                        · Posición: Coordenadas en la pantalla (en
                        pixeles)
                        · Tamaño: Ancho y alto (en pixeles)
                        · Efecto de Color: Brillo (+ blanco o +
                        negro); Tinta (teñido de un color); Alfa
                        (transparencia); Avanzadas (mezcla de
                        colores y transparencia.
                        · Mezcla: Modo de fusión de capas (similar a
                        Photoshop)
                        · Filtros: Efectos de sombra, desenfoque,
                        iluminado, ajuste de color, etc.




Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
Animación          Terminado el proceso de animar mediante interpolación cada
       en Flash         una de las capas, podremos probar el resultado de nuestra
                        película en el menú Control > Probar película.




Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
Diplomado Crossmedia | Instituto Arcos | Jorge Cantú

Más contenido relacionado

La actualidad más candente (13)

Flash
FlashFlash
Flash
 
Multimedia.mayra elizabethsimbaña espimbera.actividad2 1
Multimedia.mayra elizabethsimbaña espimbera.actividad2 1Multimedia.mayra elizabethsimbaña espimbera.actividad2 1
Multimedia.mayra elizabethsimbaña espimbera.actividad2 1
 
Comparacion power point vs prezi
Comparacion power point vs preziComparacion power point vs prezi
Comparacion power point vs prezi
 
Camtasia
CamtasiaCamtasia
Camtasia
 
Introduccion a Flash
Introduccion a FlashIntroduccion a Flash
Introduccion a Flash
 
Berenice massicot cam_studio
Berenice massicot cam_studioBerenice massicot cam_studio
Berenice massicot cam_studio
 
Trabajo en clase
Trabajo en claseTrabajo en clase
Trabajo en clase
 
HERRAMIENTAS POWER POINT, PREZI, SLIDESHARE
HERRAMIENTAS POWER POINT, PREZI, SLIDESHAREHERRAMIENTAS POWER POINT, PREZI, SLIDESHARE
HERRAMIENTAS POWER POINT, PREZI, SLIDESHARE
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Retoque de imágenes
Retoque de imágenesRetoque de imágenes
Retoque de imágenes
 
Flash prfessional csi
Flash prfessional csiFlash prfessional csi
Flash prfessional csi
 
Manual de Prezi
Manual de PreziManual de Prezi
Manual de Prezi
 
Aleja movie maker
Aleja movie makerAleja movie maker
Aleja movie maker
 

Destacado

Manual pa subir
Manual pa subirManual pa subir
Manual pa subir
Luis Gatoo
 
Presentacion de flash
Presentacion de flashPresentacion de flash
Presentacion de flash
anima_97
 
Técnicas básicas de animación en flash
Técnicas básicas de animación en flashTécnicas básicas de animación en flash
Técnicas básicas de animación en flash
Universidad Veracruzana
 

Destacado (19)

Manual pa subir
Manual pa subirManual pa subir
Manual pa subir
 
Anbimaciones flash
Anbimaciones flashAnbimaciones flash
Anbimaciones flash
 
Taller de Adobe Flash© Básico
Taller de Adobe Flash© BásicoTaller de Adobe Flash© Básico
Taller de Adobe Flash© Básico
 
Animacion flash
Animacion flashAnimacion flash
Animacion flash
 
Animación básica en Flash
Animación básica en FlashAnimación básica en Flash
Animación básica en Flash
 
Pasos para interpolacion de movimiento
Pasos para interpolacion de movimientoPasos para interpolacion de movimiento
Pasos para interpolacion de movimiento
 
Tipos de Animación
Tipos de AnimaciónTipos de Animación
Tipos de Animación
 
Presentacion de flash
Presentacion de flashPresentacion de flash
Presentacion de flash
 
Tecnicas de animación flash
Tecnicas  de animación flashTecnicas  de animación flash
Tecnicas de animación flash
 
Animacion con Flash
Animacion con FlashAnimacion con Flash
Animacion con Flash
 
Presentacion adobe flash
Presentacion adobe flashPresentacion adobe flash
Presentacion adobe flash
 
¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa Excaysser
¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa Excaysser¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa Excaysser
¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa Excaysser
 
Flash tipos de animaciones
Flash tipos de animacionesFlash tipos de animaciones
Flash tipos de animaciones
 
Herramientas de Flash
Herramientas de FlashHerramientas de Flash
Herramientas de Flash
 
Tipos de animacion
Tipos de animacionTipos de animacion
Tipos de animacion
 
El Proceso de Animación
El Proceso de AnimaciónEl Proceso de Animación
El Proceso de Animación
 
Animacion con-flash
Animacion con-flashAnimacion con-flash
Animacion con-flash
 
Técnicas básicas de animación en flash
Técnicas básicas de animación en flashTécnicas básicas de animación en flash
Técnicas básicas de animación en flash
 
TAREA
TAREATAREA
TAREA
 

Similar a Crossmedia 06: animaciones en flash (20)

Crossmedia 07: botones en flash
Crossmedia 07: botones en flashCrossmedia 07: botones en flash
Crossmedia 07: botones en flash
 
Portafolio (proceso de construcción)
Portafolio (proceso de construcción)Portafolio (proceso de construcción)
Portafolio (proceso de construcción)
 
Qué es flash
Qué es flashQué es flash
Qué es flash
 
Cuestionario.flash
Cuestionario.flashCuestionario.flash
Cuestionario.flash
 
Cuestionario flash
Cuestionario flash  Cuestionario flash
Cuestionario flash
 
HM2CM20-EQ2-After effects
HM2CM20-EQ2-After effectsHM2CM20-EQ2-After effects
HM2CM20-EQ2-After effects
 
Adobe flash
Adobe flashAdobe flash
Adobe flash
 
Adobe flash
Adobe flashAdobe flash
Adobe flash
 
Jose Pabon A2
Jose Pabon A2Jose Pabon A2
Jose Pabon A2
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Introducción a flash
Introducción a flashIntroducción a flash
Introducción a flash
 
Macromedia flash mx
Macromedia flash mxMacromedia flash mx
Macromedia flash mx
 
Adobe flash
Adobe flashAdobe flash
Adobe flash
 
Introducción a flash
Introducción a flashIntroducción a flash
Introducción a flash
 
Adobe After Effects
Adobe After Effects Adobe After Effects
Adobe After Effects
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Combinar photoshop con premier
Combinar photoshop con premierCombinar photoshop con premier
Combinar photoshop con premier
 
María intriago alvia act 2.1
María intriago alvia act 2.1María intriago alvia act 2.1
María intriago alvia act 2.1
 
Araque laura a2.doc
Araque laura a2.docAraque laura a2.doc
Araque laura a2.doc
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 

Más de Jorge Cantú López

servidores, navegadores y desarrollo web
servidores, navegadores y desarrollo webservidores, navegadores y desarrollo web
servidores, navegadores y desarrollo web
Jorge Cantú López
 
Taller MM I : Análisis de audiencias
Taller MM I : Análisis de audienciasTaller MM I : Análisis de audiencias
Taller MM I : Análisis de audiencias
Jorge Cantú López
 
Taller MM I : facetas de la experiencia de usuario
Taller MM I : facetas de la experiencia de usuarioTaller MM I : facetas de la experiencia de usuario
Taller MM I : facetas de la experiencia de usuario
Jorge Cantú López
 
Taller MM I : función del diseñador multimedia
Taller MM I : función del diseñador multimediaTaller MM I : función del diseñador multimedia
Taller MM I : función del diseñador multimedia
Jorge Cantú López
 
Guionmultimedia esperienciadeusuario
Guionmultimedia esperienciadeusuarioGuionmultimedia esperienciadeusuario
Guionmultimedia esperienciadeusuario
Jorge Cantú López
 
introducción Portafolios Digitales
introducción Portafolios Digitalesintroducción Portafolios Digitales
introducción Portafolios Digitales
Jorge Cantú López
 
Presentacion Crossmedia Arcos v15 2012
Presentacion Crossmedia Arcos v15 2012Presentacion Crossmedia Arcos v15 2012
Presentacion Crossmedia Arcos v15 2012
Jorge Cantú López
 

Más de Jorge Cantú López (20)

Digu 05. guías de estilo
Digu 05. guías de estiloDigu 05. guías de estilo
Digu 05. guías de estilo
 
Digu 04. modelos y affordances
Digu 04. modelos y affordancesDigu 04. modelos y affordances
Digu 04. modelos y affordances
 
Digu 03. Estilos de interfaz
Digu 03. Estilos de interfazDigu 03. Estilos de interfaz
Digu 03. Estilos de interfaz
 
DIGU 02. diseño de interfaces
DIGU 02. diseño de interfacesDIGU 02. diseño de interfaces
DIGU 02. diseño de interfaces
 
DIGU 01. interfaces
DIGU 01. interfacesDIGU 01. interfaces
DIGU 01. interfaces
 
CMS (administradores de contenidos)
CMS (administradores de contenidos)CMS (administradores de contenidos)
CMS (administradores de contenidos)
 
servidores, navegadores y desarrollo web
servidores, navegadores y desarrollo webservidores, navegadores y desarrollo web
servidores, navegadores y desarrollo web
 
Modelos comunicación digital
Modelos comunicación digitalModelos comunicación digital
Modelos comunicación digital
 
Imagenes para la web
Imagenes para la webImagenes para la web
Imagenes para la web
 
Html5+css3 02
Html5+css3 02Html5+css3 02
Html5+css3 02
 
Interfaces gráficas
Interfaces gráficasInterfaces gráficas
Interfaces gráficas
 
Portafolio intro
Portafolio introPortafolio intro
Portafolio intro
 
Taller MM I : Análisis de audiencias
Taller MM I : Análisis de audienciasTaller MM I : Análisis de audiencias
Taller MM I : Análisis de audiencias
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Taller MM I : facetas de la experiencia de usuario
Taller MM I : facetas de la experiencia de usuarioTaller MM I : facetas de la experiencia de usuario
Taller MM I : facetas de la experiencia de usuario
 
Taller MM I : función del diseñador multimedia
Taller MM I : función del diseñador multimediaTaller MM I : función del diseñador multimedia
Taller MM I : función del diseñador multimedia
 
Guionmultimedia esperienciadeusuario
Guionmultimedia esperienciadeusuarioGuionmultimedia esperienciadeusuario
Guionmultimedia esperienciadeusuario
 
introducción Portafolios Digitales
introducción Portafolios Digitalesintroducción Portafolios Digitales
introducción Portafolios Digitales
 
Crossmedia 00: presentación
Crossmedia 00: presentaciónCrossmedia 00: presentación
Crossmedia 00: presentación
 
Presentacion Crossmedia Arcos v15 2012
Presentacion Crossmedia Arcos v15 2012Presentacion Crossmedia Arcos v15 2012
Presentacion Crossmedia Arcos v15 2012
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Último (15)

Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 

Crossmedia 06: animaciones en flash

  • 1. Animación en Flash [pasos básicos] Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
  • 2. Definición de Se detallan los pasos a seguir para construir un parámetros banner animado para un sitio web, a partir de imágenes importadas y otros elementos gráficos desarrollados en Flash. El primer parámetro a definir será las dimensiones y características que tendrá este banner. Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
  • 3. Documento Se comienza por definir el tipo de documento y sus en Flash dimensiones. Para efecto de este trabajo utilizaremos Actionscript 2.0 y una película compatible con el banner a construir (800 x 250 aprox). Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
  • 4. Importación Es posible importar un archivo de imagen desarrollado en a Flash otros programas (como Photoshop) directamente a Flash. Es importante tener en cuanta el formato del archivo original (JPG, PNG, PSD, etc) y sus características (dimensiones, resolución, modo de color, etc). El traerlo a Flash se realiza mediante el comando Archivo > Importar > Importar a escenario. Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
  • 5. Capas en El programa Flash puede animar objetos e imágenes siempre Flash y cuando éstos cumplan 2 condiciones: estar ubicados en capas individuales y estar convertidos en “símbolos” Las capas en Flash se crean directamente en la línea de tiempo y deben albergar a cada objeto que vamos a animar: “todo lo que se mueve individualmente, o interactúa individualmente (botones) debe estar en capas individuales”. Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
  • 6. Símbolos en Una vez importadas todas las imágenes a capas individuales Flash deben ser convertidas a símbolo antes de animar o programar. Los elementos que se moverán en la pantalla serán convertidos a “clip de película”, los elementos que funcionarán como botones serán convertidos a símbolo de “botón”. Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
  • 7. Animación Para animar cada símbolo es necesario incorporar fotogramas en Flash clave y crear la “interpolación” o pasos intermedios que permitirán la visualización de la animación. A partir de versiones CS4 y superior, encontramos la interpolación de movimiento y la “clásica”. Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
  • 8. Animación Para animar cada símbolo es necesario establecer la duración en Flash de ésta animación insertando un fotograma clave en el momento deseado. En cada uno de los fotogramas clave, es posible cambiar los parámetros de las propiedades del símbolo (posición, tamaño, efectos, filtros, etc.). Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
  • 9. Animación Las propiedades posibles de modificar en Flash en el panel correspondiente incluyen: · Posición: Coordenadas en la pantalla (en pixeles) · Tamaño: Ancho y alto (en pixeles) · Efecto de Color: Brillo (+ blanco o + negro); Tinta (teñido de un color); Alfa (transparencia); Avanzadas (mezcla de colores y transparencia. · Mezcla: Modo de fusión de capas (similar a Photoshop) · Filtros: Efectos de sombra, desenfoque, iluminado, ajuste de color, etc. Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
  • 10. Animación Terminado el proceso de animar mediante interpolación cada en Flash una de las capas, podremos probar el resultado de nuestra película en el menú Control > Probar película. Diplomado Crossmedia | Instituto Arcos | Jorge Cantú
  • 11. Diplomado Crossmedia | Instituto Arcos | Jorge Cantú