SlideShare uma empresa Scribd logo
1 de 11
3.-Aplicar Animacion al Dibujo
Para crear una animación en flash tienes que saber cuáles son las
herramientas y como se utilizaran:




Una animación puede hacer que un objeto se desplace a lo largo del
escenario, aumente o disminuya de tamaño, gire, cambie de color, aparezca o
desaparezca progresivamente, o cambie de forma. Los cambios pueden
ocurrir por separado o combinados entre sí. Por ejemplo, puede hacer que
un objeto gire a medida que aparece y se desplaza por el escenario.



Existen dos métodos para crear una secuencia de animación en Flash: la
animación interpolada y la animación fotograma por fotograma.

En la interpolación de movimiento, se definen propiedades tales como la
posición, el tamaño y la rotación de una instancia, un grupo o un bloque de
texto en un instante específico, y después estas propiedades se pueden
cambiar en otro momento. También se puede crear una interpolación de
movimiento a lo largo de un trazado.
En la interpolación de formas, se dibuja una forma en un instante específico
y después se modifica o se dibuja otra forma en otro instante. Flash
interpola los valores o formas de los fotogramas intermedios para crear la
animación.




La animación fotograma por fotograma cambia el contenido del escenario en
cada fotograma y es ideal para las animaciones complejas en las que la
imagen cambia en cada fotograma en lugar de moverse por el escenario.
Este tipo incrementa el tamaño del archivo con mayor rapidez que la
animación interpolada. En la animación fotograma por fotograma, Flash
guarda los valores de los fotogramas completos



Representaciones en Línea de Tiempo

Las interpolaciones de movimiento se indican mediante un punto negro al
principio del fotograma clave; los fotogramas interpolados intermedios
tienen una flecha negra con un fondo azul claro.



Las interpolaciones de formas se indican con un punto negro en el fotograma
clave inicial; los fotogramas intermedios tienen una flecha negra con un
fondo verde claro.
Una línea discontinua indica que la interpolación se ha interrumpido o está
incompleta, por ejemplo, cuando falta el fotograma clave final.




3.1.-aplicar moviento a un dibujo
Abran un archivo nuevo en flash, ahora dibujemos un circulo, como se
muestra en la imagen, utilizando la herramienta de ovalo (muestro las
herramientas en el tutorial de Flash por partes)




A continuación nos dirigimos a la línea de tiempo, e insertamos otro
fotograma clave / key frame aparte del que ya esta (ya saben, puede ser
con F6, o clic derecho, new key frame), entonces tenemos dos key frames
en la línea de tiempo, el primero es donde tenemos la bola como aparecerá
inicialmente, ahora damos clic en el segundo frame de modo que quede
seleccionado, nos dirigimos a la bola, y la movemos un poco a la derecha,
vamos a la línea de tiempo e insertamos otro fotograma clave, y movemos
otro poco la bola a la derecha, así repetimos esta acción como unas diez
veces, hasta que nuestra bola quede del otro del escenario
Ahora si, tenemos nuestro primer movimiento cuadro a cuadro, a
continuación lo que tienes que hacer es presionar y mantener presionada la
tecla Control y presionar enseguida Enter (sin soltar control hasta que ayas
presionado enter) para ver tu película en acción, la película va a realizar un
ciclo, esto es que tu animación se va a estar repitiendo y repitiendo sin fin,
después de ver tu animación, puedes presionar control + W para terminarla,
o dar clic en la cruz superior de la derecha (hay dos cruces, es la de abajo).




3.2.- Modificar tamaño al dibujo.

     Puede modificar las formas convirtiendo líneas en rellenos, expandiendo
la forma de un objeto relleno o suavizando los bordes de una forma rellena
modificando las curvas que la definen. La función Líneas a rellenos
transforma las líneas en rellenos, lo que permite rellenar las líneas con
degradados o borrar parte de una línea.

    Las funciones Expandir forma y Suavizar bordes permite expandir
formas rellenas y hacer borrosos los bordes de las formas. Estas funciones
trabajan mejor con formas pequeñas que no contengan demasiados detalles
pequeños.

    Si se aplica Suavizar bordes a formas con numerosos detalles, es
posible que aumente el tamaño del archivo de una película para Flash Player.

Convertir líneas en rellenos

   1. Seleccione una o varias líneas.
   2. Seleccione Modificar > Forma > Convertir líneas en rellenos. Las líneas
      seleccionadas se convertirán en formas rellenas.

    La conversión de líneas a rellenos incrementa el tamaño de los archivos,
pero también puede acelerar el dibujo de algunas animaciones.

Expandir la forma de un objeto relleno

   1. Seleccione una forma rellena. Este comando funciona de forma
      óptima con formas rellenas de un sólo color sin trazo.
   2. Seleccione Modificar > Forma > Expandir relleno.
   3. En el cuadro de diálogo Expandir trazados, introduzca un valor en
      píxeles para la distancia y seleccione la dirección Expandir o
      Contraer. Expandir agranda la forma y Dimensiones la reduce.

Suavizar los bordes de un objeto

Seleccione una forma rellena. Este comando funciona de forma óptima con
formas con un sólo relleno sin trazo.

Seleccione Modificar > Forma > Suavizar bordes de relleno.

Establezca las siguientes opciones:

Distancia es la anchura en píxeles del borde suavizado.

Número de escenarios controla la cantidad de curvas utilizadas para el
efecto de suavizado de borde. Un mayor número de etapas produce un
efecto más suave pero incrementa el tamaño del archivo y hace más lento su
dibujo.

Expandir o Contraer controla si la forma se amplía o reduce al suavizar los
bordes.

3.3.- Manipular formas del dibujo.

      A continuación se te guiara paso a paso hasta llegar a conseguir una
      animación en la se involucre el cambio de color, la deformación de la
      forma vectorial y después hacer que la forma vectorial se traslade de
      un lugar a otro.
      Crear un documento de Propiedades ctrl. + J, dimensiones 500 *
      200 píxeles 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
      símbolo ctrl. + F8, nombrarlo animación de forma, en la opción de
      Tipo seleccionar Clip de película
Ubicado en el símbolo dibujar un Óvalo (O) que no tenga borde y usar
como color de relleno #000066 las dimensiones 98.0 * 198.0
píxeles 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 número 25. seleccionar el
óvalo de este nuevo fotograma y cambiar el color de relleno a
#FF0000
Seleccionar un fotograma entre el número 1 y el número 24. En el
Panel de Propiedades seleccionar la opción de Animar: Forma




Regresar a la Escena y arrastrar desde el Panel de Biblioteca ctrl. +
L el símbolo animación de forma, después colocar el símbolo en
coordenadas X: 0.0 y Y: 0.0. Presionar ctrl. + Enter y observar como
cambia de color gradualmente el óvalo
Regresar al símbolo animación de forma asiendo doble clic sobre el
icono que representa al símbolo en el Panel de la Biblioteca




Nuevamente ubicado en el símbolo animación de forma, seleccionar la
forma vectorial del fotograma número 25, tomar por uno de los
extremos a la forma y deformarla un poco. Las 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
más 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 símbolo
animación de forma luego seleccionar el la forma vectorial del
fotograma número 25 y cambiarla de coordenadas en el eje X, la
nueva coordenada será X: 500.0. Con esta coordenada te aseguraras
que la animación se trasladara hasta a fuera del Escenario.
Presionar ctrl. + Enter y ver como queda la animación final en la cual
están incluidas tres tipos de animaciones.
Orta Aranda Olga Lidia 3ª informática

Ponce Ramírez Antonio Tadeo

Mais conteúdo relacionado

Mais procurados

Manipular el dibujo utilizando herramientas de diseño.
Manipular el dibujo utilizando herramientas de diseño.Manipular el dibujo utilizando herramientas de diseño.
Manipular el dibujo utilizando herramientas de diseño.
Oswaldo Díaz
 
04 Dibujo Vectorial Con Draw. Rellenos Y Texturas
04 Dibujo Vectorial Con Draw. Rellenos Y Texturas04 Dibujo Vectorial Con Draw. Rellenos Y Texturas
04 Dibujo Vectorial Con Draw. Rellenos Y Texturas
José M. Padilla
 

Mais procurados (18)

Como crear vectores en coreldraw x6
Como crear vectores en coreldraw x6Como crear vectores en coreldraw x6
Como crear vectores en coreldraw x6
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 2
Unidad 2 Unidad 2
Unidad 2
 
Tuto hacer animaciones con el photoshop basado en gif
Tuto hacer animaciones con el photoshop basado en gifTuto hacer animaciones con el photoshop basado en gif
Tuto hacer animaciones con el photoshop basado en gif
 
Presentación unidad #3
Presentación unidad #3Presentación unidad #3
Presentación unidad #3
 
Efectos básicos
Efectos básicosEfectos básicos
Efectos básicos
 
Manipular el dibujo utilizando herramientas de diseño.
Manipular el dibujo utilizando herramientas de diseño.Manipular el dibujo utilizando herramientas de diseño.
Manipular el dibujo utilizando herramientas de diseño.
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
04 Dibujo Vectorial Con Draw. Rellenos Y Texturas
04 Dibujo Vectorial Con Draw. Rellenos Y Texturas04 Dibujo Vectorial Con Draw. Rellenos Y Texturas
04 Dibujo Vectorial Con Draw. Rellenos Y Texturas
 
Capitulo 4
Capitulo 4Capitulo 4
Capitulo 4
 
Tutorial Photoshop - Fotografía digital
Tutorial Photoshop - Fotografía digitalTutorial Photoshop - Fotografía digital
Tutorial Photoshop - Fotografía digital
 
Efectos basicos
Efectos basicosEfectos basicos
Efectos basicos
 
Fotogramas y animacion
Fotogramas y animacionFotogramas y animacion
Fotogramas y animacion
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Guia ejercicios flash
Guia ejercicios flashGuia ejercicios flash
Guia ejercicios flash
 
4 reporte mrma
4 reporte mrma4 reporte mrma
4 reporte mrma
 
Prezi
PreziPrezi
Prezi
 

Destaque

Como montar una red inalambrica ad hoc
Como montar una red inalambrica ad hocComo montar una red inalambrica ad hoc
Como montar una red inalambrica ad hoc
rkdbeto
 
Administracion de dispositivos
Administracion de dispositivosAdministracion de dispositivos
Administracion de dispositivos
francisco giraldo
 
Acceso a un servidor FTP a través de usuarios almacenados en una base de dato...
Acceso a un servidor FTP a través de usuarios almacenados en una base de dato...Acceso a un servidor FTP a través de usuarios almacenados en una base de dato...
Acceso a un servidor FTP a través de usuarios almacenados en una base de dato...
Rosariio92
 
Google chrome os
Google chrome osGoogle chrome os
Google chrome os
Paola Lopez
 
Manual de office completo
Manual de office completoManual de office completo
Manual de office completo
Gabriel Méndez
 
Herramientas del sistema
Herramientas del sistemaHerramientas del sistema
Herramientas del sistema
linita15
 
PERSEO.Jull Quintero Daza. Rafael Rocha Barrios. Gisell Arango
PERSEO.Jull Quintero Daza. Rafael Rocha Barrios.  Gisell ArangoPERSEO.Jull Quintero Daza. Rafael Rocha Barrios.  Gisell Arango
PERSEO.Jull Quintero Daza. Rafael Rocha Barrios. Gisell Arango
Coby
 

Destaque (20)

Como montar una red inalambrica ad hoc
Como montar una red inalambrica ad hocComo montar una red inalambrica ad hoc
Como montar una red inalambrica ad hoc
 
Administracion de dispositivos
Administracion de dispositivosAdministracion de dispositivos
Administracion de dispositivos
 
Acceso a un servidor FTP a través de usuarios almacenados en una base de dato...
Acceso a un servidor FTP a través de usuarios almacenados en una base de dato...Acceso a un servidor FTP a través de usuarios almacenados en una base de dato...
Acceso a un servidor FTP a través de usuarios almacenados en una base de dato...
 
Action escript
Action escriptAction escript
Action escript
 
Word1
Word1Word1
Word1
 
Google chrome os
Google chrome osGoogle chrome os
Google chrome os
 
Presentación Webinar ·Los nuevos consumidores ecológicos: claves psicológicas...
Presentación Webinar ·Los nuevos consumidores ecológicos: claves psicológicas...Presentación Webinar ·Los nuevos consumidores ecológicos: claves psicológicas...
Presentación Webinar ·Los nuevos consumidores ecológicos: claves psicológicas...
 
Manual de office completo
Manual de office completoManual de office completo
Manual de office completo
 
Cuarto infor skipe
Cuarto infor skipeCuarto infor skipe
Cuarto infor skipe
 
C:\Fakepath\Educacion A Distancia
C:\Fakepath\Educacion A DistanciaC:\Fakepath\Educacion A Distancia
C:\Fakepath\Educacion A Distancia
 
Herramientas del sistema
Herramientas del sistemaHerramientas del sistema
Herramientas del sistema
 
Esposa 1.0
Esposa 1.0Esposa 1.0
Esposa 1.0
 
3 unidad
3 unidad3 unidad
3 unidad
 
Instrucciones Webinar Kpa
Instrucciones Webinar KpaInstrucciones Webinar Kpa
Instrucciones Webinar Kpa
 
estado de emergencia
estado de emergenciaestado de emergencia
estado de emergencia
 
Sistemática de la gestión de producción
Sistemática de la gestión de producciónSistemática de la gestión de producción
Sistemática de la gestión de producción
 
Clase 2 Poo
Clase 2 PooClase 2 Poo
Clase 2 Poo
 
PERSEO.Jull Quintero Daza. Rafael Rocha Barrios. Gisell Arango
PERSEO.Jull Quintero Daza. Rafael Rocha Barrios.  Gisell ArangoPERSEO.Jull Quintero Daza. Rafael Rocha Barrios.  Gisell Arango
PERSEO.Jull Quintero Daza. Rafael Rocha Barrios. Gisell Arango
 
Practica19
Practica19Practica19
Practica19
 
Movie Maker
Movie MakerMovie Maker
Movie Maker
 

Semelhante a Unidad 3 (20)

Tutorial de Power Point
Tutorial de Power PointTutorial de Power Point
Tutorial de Power Point
 
UNIDAD 3
UNIDAD 3UNIDAD 3
UNIDAD 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3 aplicar animacion al dibujo
Unidad 3 aplicar animacion al dibujoUnidad 3 aplicar animacion al dibujo
Unidad 3 aplicar animacion al dibujo
 
Unidad 3 aplicar animacion al dibujo
Unidad 3 aplicar animacion al dibujoUnidad 3 aplicar animacion al dibujo
Unidad 3 aplicar animacion al dibujo
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Cap3 o oimpress
Cap3 o oimpressCap3 o oimpress
Cap3 o oimpress
 
Tutorial Impress 3
Tutorial Impress 3Tutorial Impress 3
Tutorial Impress 3
 

Mais de Tadeo Rmz

Pa los chamacos de asesoria
Pa los chamacos de asesoriaPa los chamacos de asesoria
Pa los chamacos de asesoria
Tadeo Rmz
 
Pseudocodigos lml
Pseudocodigos lmlPseudocodigos lml
Pseudocodigos lml
Tadeo Rmz
 
Algoritmo antonio tadeo ponce ramirez 4-a
Algoritmo   antonio tadeo ponce ramirez 4-aAlgoritmo   antonio tadeo ponce ramirez 4-a
Algoritmo antonio tadeo ponce ramirez 4-a
Tadeo Rmz
 
Practica 30 flash
Practica 30 flashPractica 30 flash
Practica 30 flash
Tadeo Rmz
 
Practica 29 flash
Practica 29 flashPractica 29 flash
Practica 29 flash
Tadeo Rmz
 
Practica 28 flash
Practica 28 flashPractica 28 flash
Practica 28 flash
Tadeo Rmz
 
Practica 26 flash
Practica 26 flashPractica 26 flash
Practica 26 flash
Tadeo Rmz
 
Practica 27 flash
Practica 27 flashPractica 27 flash
Practica 27 flash
Tadeo Rmz
 
Practica 25 flash
Practica 25 flashPractica 25 flash
Practica 25 flash
Tadeo Rmz
 

Mais de Tadeo Rmz (20)

Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Pa los chamacos de asesoria
Pa los chamacos de asesoriaPa los chamacos de asesoria
Pa los chamacos de asesoria
 
Pseudocodigos lml
Pseudocodigos lmlPseudocodigos lml
Pseudocodigos lml
 
Problemas
ProblemasProblemas
Problemas
 
Algoritmo antonio tadeo ponce ramirez 4-a
Algoritmo   antonio tadeo ponce ramirez 4-aAlgoritmo   antonio tadeo ponce ramirez 4-a
Algoritmo antonio tadeo ponce ramirez 4-a
 
Practica 30 flash
Practica 30 flashPractica 30 flash
Practica 30 flash
 
Practica 29 flash
Practica 29 flashPractica 29 flash
Practica 29 flash
 
Practica 28 flash
Practica 28 flashPractica 28 flash
Practica 28 flash
 
Unidad 7
Unidad 7Unidad 7
Unidad 7
 
Practica 26 flash
Practica 26 flashPractica 26 flash
Practica 26 flash
 
Practica 27 flash
Practica 27 flashPractica 27 flash
Practica 27 flash
 
Practica 25 flash
Practica 25 flashPractica 25 flash
Practica 25 flash
 
Practica 24
Practica 24Practica 24
Practica 24
 
Practica 23
Practica 23Practica 23
Practica 23
 
Practica 22
Practica 22Practica 22
Practica 22
 

Último

6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 

Último (20)

Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
semana 4 9NO Estudios sociales.pptxnnnn
semana 4  9NO Estudios sociales.pptxnnnnsemana 4  9NO Estudios sociales.pptxnnnn
semana 4 9NO Estudios sociales.pptxnnnn
 
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptxEL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 

Unidad 3

  • 1. 3.-Aplicar Animacion al Dibujo Para crear una animación en flash tienes que saber cuáles son las herramientas y como se utilizaran: Una animación puede hacer que un objeto se desplace a lo largo del escenario, aumente o disminuya de tamaño, gire, cambie de color, aparezca o desaparezca progresivamente, o cambie de forma. Los cambios pueden ocurrir por separado o combinados entre sí. Por ejemplo, puede hacer que un objeto gire a medida que aparece y se desplaza por el escenario. Existen dos métodos para crear una secuencia de animación en Flash: la animación interpolada y la animación fotograma por fotograma. En la interpolación de movimiento, se definen propiedades tales como la posición, el tamaño y la rotación de una instancia, un grupo o un bloque de texto en un instante específico, y después estas propiedades se pueden cambiar en otro momento. También se puede crear una interpolación de movimiento a lo largo de un trazado.
  • 2. En la interpolación de formas, se dibuja una forma en un instante específico y después se modifica o se dibuja otra forma en otro instante. Flash interpola los valores o formas de los fotogramas intermedios para crear la animación. La animación fotograma por fotograma cambia el contenido del escenario en cada fotograma y es ideal para las animaciones complejas en las que la imagen cambia en cada fotograma en lugar de moverse por el escenario. Este tipo incrementa el tamaño del archivo con mayor rapidez que la animación interpolada. En la animación fotograma por fotograma, Flash guarda los valores de los fotogramas completos Representaciones en Línea de Tiempo Las interpolaciones de movimiento se indican mediante un punto negro al principio del fotograma clave; los fotogramas interpolados intermedios tienen una flecha negra con un fondo azul claro. Las interpolaciones de formas se indican con un punto negro en el fotograma clave inicial; los fotogramas intermedios tienen una flecha negra con un fondo verde claro.
  • 3. Una línea discontinua indica que la interpolación se ha interrumpido o está incompleta, por ejemplo, cuando falta el fotograma clave final. 3.1.-aplicar moviento a un dibujo Abran un archivo nuevo en flash, ahora dibujemos un circulo, como se muestra en la imagen, utilizando la herramienta de ovalo (muestro las herramientas en el tutorial de Flash por partes) A continuación nos dirigimos a la línea de tiempo, e insertamos otro fotograma clave / key frame aparte del que ya esta (ya saben, puede ser con F6, o clic derecho, new key frame), entonces tenemos dos key frames en la línea de tiempo, el primero es donde tenemos la bola como aparecerá inicialmente, ahora damos clic en el segundo frame de modo que quede seleccionado, nos dirigimos a la bola, y la movemos un poco a la derecha, vamos a la línea de tiempo e insertamos otro fotograma clave, y movemos otro poco la bola a la derecha, así repetimos esta acción como unas diez veces, hasta que nuestra bola quede del otro del escenario
  • 4. Ahora si, tenemos nuestro primer movimiento cuadro a cuadro, a continuación lo que tienes que hacer es presionar y mantener presionada la tecla Control y presionar enseguida Enter (sin soltar control hasta que ayas presionado enter) para ver tu película en acción, la película va a realizar un ciclo, esto es que tu animación se va a estar repitiendo y repitiendo sin fin, después de ver tu animación, puedes presionar control + W para terminarla, o dar clic en la cruz superior de la derecha (hay dos cruces, es la de abajo). 3.2.- Modificar tamaño al dibujo. Puede modificar las formas convirtiendo líneas en rellenos, expandiendo la forma de un objeto relleno o suavizando los bordes de una forma rellena modificando las curvas que la definen. La función Líneas a rellenos
  • 5. transforma las líneas en rellenos, lo que permite rellenar las líneas con degradados o borrar parte de una línea. Las funciones Expandir forma y Suavizar bordes permite expandir formas rellenas y hacer borrosos los bordes de las formas. Estas funciones trabajan mejor con formas pequeñas que no contengan demasiados detalles pequeños. Si se aplica Suavizar bordes a formas con numerosos detalles, es posible que aumente el tamaño del archivo de una película para Flash Player. Convertir líneas en rellenos 1. Seleccione una o varias líneas. 2. Seleccione Modificar > Forma > Convertir líneas en rellenos. Las líneas seleccionadas se convertirán en formas rellenas. La conversión de líneas a rellenos incrementa el tamaño de los archivos, pero también puede acelerar el dibujo de algunas animaciones. Expandir la forma de un objeto relleno 1. Seleccione una forma rellena. Este comando funciona de forma óptima con formas rellenas de un sólo color sin trazo. 2. Seleccione Modificar > Forma > Expandir relleno. 3. En el cuadro de diálogo Expandir trazados, introduzca un valor en píxeles para la distancia y seleccione la dirección Expandir o Contraer. Expandir agranda la forma y Dimensiones la reduce. Suavizar los bordes de un objeto Seleccione una forma rellena. Este comando funciona de forma óptima con formas con un sólo relleno sin trazo. Seleccione Modificar > Forma > Suavizar bordes de relleno. Establezca las siguientes opciones: Distancia es la anchura en píxeles del borde suavizado. Número de escenarios controla la cantidad de curvas utilizadas para el efecto de suavizado de borde. Un mayor número de etapas produce un
  • 6. efecto más suave pero incrementa el tamaño del archivo y hace más lento su dibujo. Expandir o Contraer controla si la forma se amplía o reduce al suavizar los bordes. 3.3.- Manipular formas del dibujo. A continuación se te guiara paso a paso hasta llegar a conseguir una animación en la se involucre el cambio de color, la deformación de la forma vectorial y después hacer que la forma vectorial se traslade de un lugar a otro. Crear un documento de Propiedades ctrl. + J, dimensiones 500 * 200 píxeles 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 símbolo ctrl. + F8, nombrarlo animación de forma, en la opción de Tipo seleccionar Clip de película
  • 7. Ubicado en el símbolo dibujar un Óvalo (O) que no tenga borde y usar como color de relleno #000066 las dimensiones 98.0 * 198.0 píxeles 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 número 25. seleccionar el óvalo de este nuevo fotograma y cambiar el color de relleno a #FF0000
  • 8. Seleccionar un fotograma entre el número 1 y el número 24. En el Panel de Propiedades seleccionar la opción de Animar: Forma Regresar a la Escena y arrastrar desde el Panel de Biblioteca ctrl. + L el símbolo animación de forma, después colocar el símbolo en coordenadas X: 0.0 y Y: 0.0. Presionar ctrl. + Enter y observar como cambia de color gradualmente el óvalo
  • 9. Regresar al símbolo animación de forma asiendo doble clic sobre el icono que representa al símbolo en el Panel de la Biblioteca Nuevamente ubicado en el símbolo animación de forma, seleccionar la forma vectorial del fotograma número 25, tomar por uno de los
  • 10. extremos a la forma y deformarla un poco. Las 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 más 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 símbolo animación de forma luego seleccionar el la forma vectorial del fotograma número 25 y cambiarla de coordenadas en el eje X, la nueva coordenada será X: 500.0. Con esta coordenada te aseguraras que la animación se trasladara hasta a fuera del Escenario. Presionar ctrl. + Enter y ver como queda la animación final en la cual están incluidas tres tipos de animaciones.
  • 11. Orta Aranda Olga Lidia 3ª informática Ponce Ramírez Antonio Tadeo