SlideShare una empresa de Scribd logo
1 de 7
3. Aplicar animación al dibujo.
                3.1 aplicar movimiento al dibujo.



Comenzar por hacer el documento (ctrl. + J) De dimensiones 400 * 300
píxeles de ancho y alto respectivamente.


a)-.       Usar       como         color       de        fondo #FFFFFF.
b)-. Velocidad de fotogramas 12 fps.




2-. Crear el primero de dos símbolos (ctrl. + F8) de los cual consta el
tutorial.
a)-.                                                Nombrarlo imagen.
b)-. Dar como Tipo Clip de película.




3-. En el símbolo creado importar una imagen (ctrl. + R).
a)-. Las dimensiones de la imagen tendrán que ajustarse a las medidas
del documento 400.0 * 300.0 píxeles de ancho y alto respectivamente.
b)-. Colocar la imagen en coordenadas X = 0.0 y Y = 0.0.
3.2 modificar tamaño al dibujo.




4-.     Crear     el      segundo      símbolo     (ctrl.    +     F8).
a)-.            Nombrarlo guía             de               movimiento.
b)-. Dar como Tipo Clip de película.




5-. Una vez en el símbolo cambiar el nombre de la capa por el de óvalo.
a)-. Dibujar un círculo sin borde y el color de relleno no
importa #99CCCC.
b)-. Las dimensiones del círculo son 145.0 * 145.0 píxeles.
c)-. Colocar la forma en coordenadas X = 0.0 y Y = 0.0.
Nota si la forma no esta agrupada agruparla (ctrl. + G). También puede
agruparse presionando (herramienta de óvalo) y después J (dibujo de
objeto)
3.3 manipular formas de dibujo.




6-. Insertar la capa de guía de movimiento presionando la herramienta
indicada                   con                  el paso                 1.
a)-. En esta capa guía dibujar la forma que va a servir como guía, el
paso 2 muestra en tamaño reducido la imagen de la guía.
b)-. En el paso 3 seleccionar el centro del óvalo y colocarlo en la parte
inicial                  de                     la                   guía.
Nota si al centro del óvalo no se le forma un círculo de color negro
el invento no funcionara. Este círculo muestra que es el centro del óvalo.
7-. Insertar un fotograma (F5) en la capa guía en el fríame # 65.
a)-. Insertar un fotograma clave (F6) en la capa óvalo en el fríame # 65.
b)-. Seleccionar el óvalo que se encuentra en el fríame # 65 y colocarlo
al                final            de               la              guía.
Nota también hay que tomar por el centro al óvalo tal y como se
muestra en la imagen.




8-.        Crear        la      animación         del       óvalo.
a)-. Seleccionar un fotograma entre el 1 y el 64 de la capa óvalo.
b)-. En la barra de Propiedades seleccionar Movimiento en la
opción Animar.




9-. Regresar a la Escena y cambiar el nombre de la capa por guía de
movimiento.
a)-. Arrastrar desde la biblioteca el símbolo guía de movimiento.
b)-. Colocarlo en coordenadas X = -145.0 y Y = 0.0.




10-.    Insertar   una segunda capa     por debajo de      la   primera.
a)-. Cambiar el nombre a la capa por el de imagen.
b)-.    Arrastrar   desde     la   biblioteca    el     símbolo imagen.
c)-. Colocar el símbolo en coordenadas X = 0.0 y Y = 0.0.
11-.      Seleccionar       la     capa guía       de      movimiento.
a)-. Dar clic con el botón derecho del ratón, y en el menú desplegado
seleccionar la opción Máscara.




12-.    Insertar   una tercera capa,  por debajo de       la segunda,
nombrarla imagen                                                 filtro.
a)-. Arrastrar nuevamente desde la biblioteca el símbolo imagen.
b)-. Colocar el símbolo en coordenadas X = 0.0 y Y = 0.0.




13-.       Llego        la      hora       de        aplicar      los filtros.
a)-.    Seleccionar      la   imagen    de      la    capa imagen       filtro.
b)-. Después seleccionar en la barra de Propiedades la opción Filtros.
c)-. Hacer clic en el símbolo (+) “Añadir filtro” y en el menú desplegado
seleccionar Desenfocar.
d)-. Escribir el número 10 tanto en Desenfocar X como en Desenfocar Y
14-.      Ahora       aplicar     el    segundo filtro de Ajustar    color.
a)-. Hacer clic en el símbolo (+) “Añadir filtro” y en el menú desplegado
seleccionar Ajustar                                                  color.
b)-. En los parámetros establecidos escribir las siguientes cantidades:
Brillo -50, Contraste -50 y en Saturación -100.




                                                       CETIS 109

                                               Carolina m. Peña Hdez.

                                               Karla Aidé Lugo Galván

                                                          3º”C”

                                               Prof. Margarita Romero.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Sesion 5; Media y varianza en Geogebra (LEMC USACH)
Sesion 5; Media y varianza en Geogebra (LEMC USACH)Sesion 5; Media y varianza en Geogebra (LEMC USACH)
Sesion 5; Media y varianza en Geogebra (LEMC USACH)
 
Epu
EpuEpu
Epu
 
Sergio
SergioSergio
Sergio
 
Ntic Winplot
Ntic WinplotNtic Winplot
Ntic Winplot
 
Presentacion Nitc Winplot
Presentacion Nitc WinplotPresentacion Nitc Winplot
Presentacion Nitc Winplot
 
Ntic Winplot Nuevo
Ntic Winplot NuevoNtic Winplot Nuevo
Ntic Winplot Nuevo
 
Winplot
WinplotWinplot
Winplot
 
Iv bimestre a1
Iv bimestre a1Iv bimestre a1
Iv bimestre a1
 
Proyecto 1 en micromundos 24 mar2015
Proyecto 1 en micromundos   24 mar2015Proyecto 1 en micromundos   24 mar2015
Proyecto 1 en micromundos 24 mar2015
 
Calculo integral
Calculo integralCalculo integral
Calculo integral
 
Correcion
CorrecionCorrecion
Correcion
 
Gnuplot tut
Gnuplot tutGnuplot tut
Gnuplot tut
 
Iv bimestre a3
Iv bimestre a3Iv bimestre a3
Iv bimestre a3
 
Trabjo final 1er periodo
Trabjo final 1er periodoTrabjo final 1er periodo
Trabjo final 1er periodo
 
Introducción a Processing
Introducción a ProcessingIntroducción a Processing
Introducción a Processing
 
Material para 3º encuentro
Material para 3º encuentroMaterial para 3º encuentro
Material para 3º encuentro
 
Trabajo de computacion
Trabajo de computacionTrabajo de computacion
Trabajo de computacion
 
Cw2.A2.Amores.Byron
Cw2.A2.Amores.ByronCw2.A2.Amores.Byron
Cw2.A2.Amores.Byron
 

Similar a Unidad 3 aplicar animacion al dibujo.

Similar a Unidad 3 aplicar animacion al dibujo. (20)

Ejemplo práctico flash
Ejemplo práctico flashEjemplo práctico flash
Ejemplo práctico flash
 
Manual nº 06
Manual nº 06Manual nº 06
Manual nº 06
 
Tecnologías de información 1 y 2 preparatoria tec m
Tecnologías de información 1 y 2 preparatoria tec mTecnologías de información 1 y 2 preparatoria tec m
Tecnologías de información 1 y 2 preparatoria tec m
 
Practica 24
Practica 24Practica 24
Practica 24
 
Utp pdi_2014-2 lab2
 Utp pdi_2014-2 lab2 Utp pdi_2014-2 lab2
Utp pdi_2014-2 lab2
 
Práctica 8
Práctica 8Práctica 8
Práctica 8
 
Ejercicios photoshop
Ejercicios photoshopEjercicios photoshop
Ejercicios photoshop
 
Ejercicios photoshop
Ejercicios photoshopEjercicios photoshop
Ejercicios photoshop
 
Tutorial de Java
Tutorial de JavaTutorial de Java
Tutorial de Java
 
segundo laboratorio
segundo laboratoriosegundo laboratorio
segundo laboratorio
 
Power point 2007 rafael espinosa.s
Power point 2007 rafael espinosa.sPower point 2007 rafael espinosa.s
Power point 2007 rafael espinosa.s
 
3dsmax6 9 curso1
3dsmax6 9 curso13dsmax6 9 curso1
3dsmax6 9 curso1
 
Guia2 10 2019_2_p
Guia2 10 2019_2_pGuia2 10 2019_2_p
Guia2 10 2019_2_p
 
Power point i
Power point iPower point i
Power point i
 
segundo laboratorio
segundo laboratoriosegundo laboratorio
segundo laboratorio
 
Utp pdi_2014-2 lab2
 Utp pdi_2014-2 lab2 Utp pdi_2014-2 lab2
Utp pdi_2014-2 lab2
 
Ulises aldair ramirez presenta
Ulises aldair ramirez presentaUlises aldair ramirez presenta
Ulises aldair ramirez presenta
 
Exámenes de 3 d max
Exámenes de 3 d maxExámenes de 3 d max
Exámenes de 3 d max
 
Guia unica para resto de año cuarto periodo flash grado 11
Guia unica para resto de año cuarto periodo flash grado 11Guia unica para resto de año cuarto periodo flash grado 11
Guia unica para resto de año cuarto periodo flash grado 11
 
Nathaly peña
Nathaly peñaNathaly peña
Nathaly peña
 

Más de carolina peña

3. poner a punto el programa mediante el uso de un editor de lenguaje de prog...
3. poner a punto el programa mediante el uso de un editor de lenguaje de prog...3. poner a punto el programa mediante el uso de un editor de lenguaje de prog...
3. poner a punto el programa mediante el uso de un editor de lenguaje de prog...carolina peña
 
2.1 elemento básicos del lenguaje de programación estructurado manipulación b...
2.1 elemento básicos del lenguaje de programación estructurado manipulación b...2.1 elemento básicos del lenguaje de programación estructurado manipulación b...
2.1 elemento básicos del lenguaje de programación estructurado manipulación b...carolina peña
 
2. codificar la solución del problema en un lenguaje de programación estructu...
2. codificar la solución del problema en un lenguaje de programación estructu...2. codificar la solución del problema en un lenguaje de programación estructu...
2. codificar la solución del problema en un lenguaje de programación estructu...carolina peña
 
1.6 prueba de escritorio de la solución del problema.
1.6 prueba de escritorio de la solución del problema.1.6 prueba de escritorio de la solución del problema.
1.6 prueba de escritorio de la solución del problema.carolina peña
 
1.5 crear pseudocódigos de la solución del problema.
1.5 crear pseudocódigos de la solución del problema.1.5 crear pseudocódigos de la solución del problema.
1.5 crear pseudocódigos de la solución del problema.carolina peña
 
1.4 elaborar diagramas de flujo de la solución del problema.
1.4 elaborar diagramas de flujo de la solución del problema.1.4 elaborar diagramas de flujo de la solución del problema.
1.4 elaborar diagramas de flujo de la solución del problema.carolina peña
 
1.3 elaborar algoritmos de la solución de un problema.
1.3 elaborar algoritmos de la solución de un problema.1.3 elaborar algoritmos de la solución de un problema.
1.3 elaborar algoritmos de la solución de un problema.carolina peña
 
1.2 analizar el problema.
1.2 analizar el problema.1.2 analizar el problema.
1.2 analizar el problema.carolina peña
 
1.1 identificar los problemas de programación
1.1 identificar los problemas de programación1.1 identificar los problemas de programación
1.1 identificar los problemas de programacióncarolina peña
 
1 . la resolución de problemas con computadoras y las herramientas de program...
1 . la resolución de problemas con computadoras y las herramientas de program...1 . la resolución de problemas con computadoras y las herramientas de program...
1 . la resolución de problemas con computadoras y las herramientas de program...carolina peña
 
Practica27 gaem-121119155257-phpapp02
Practica27 gaem-121119155257-phpapp02Practica27 gaem-121119155257-phpapp02
Practica27 gaem-121119155257-phpapp02carolina peña
 
Practica26 121109165959-phpapp02
Practica26 121109165959-phpapp02Practica26 121109165959-phpapp02
Practica26 121109165959-phpapp02carolina peña
 
Cuesstionario unidad 4
Cuesstionario unidad 4Cuesstionario unidad 4
Cuesstionario unidad 4carolina peña
 

Más de carolina peña (20)

3. poner a punto el programa mediante el uso de un editor de lenguaje de prog...
3. poner a punto el programa mediante el uso de un editor de lenguaje de prog...3. poner a punto el programa mediante el uso de un editor de lenguaje de prog...
3. poner a punto el programa mediante el uso de un editor de lenguaje de prog...
 
2.1 elemento básicos del lenguaje de programación estructurado manipulación b...
2.1 elemento básicos del lenguaje de programación estructurado manipulación b...2.1 elemento básicos del lenguaje de programación estructurado manipulación b...
2.1 elemento básicos del lenguaje de programación estructurado manipulación b...
 
2. codificar la solución del problema en un lenguaje de programación estructu...
2. codificar la solución del problema en un lenguaje de programación estructu...2. codificar la solución del problema en un lenguaje de programación estructu...
2. codificar la solución del problema en un lenguaje de programación estructu...
 
1.6 prueba de escritorio de la solución del problema.
1.6 prueba de escritorio de la solución del problema.1.6 prueba de escritorio de la solución del problema.
1.6 prueba de escritorio de la solución del problema.
 
1.5 crear pseudocódigos de la solución del problema.
1.5 crear pseudocódigos de la solución del problema.1.5 crear pseudocódigos de la solución del problema.
1.5 crear pseudocódigos de la solución del problema.
 
1.4 elaborar diagramas de flujo de la solución del problema.
1.4 elaborar diagramas de flujo de la solución del problema.1.4 elaborar diagramas de flujo de la solución del problema.
1.4 elaborar diagramas de flujo de la solución del problema.
 
1.3 elaborar algoritmos de la solución de un problema.
1.3 elaborar algoritmos de la solución de un problema.1.3 elaborar algoritmos de la solución de un problema.
1.3 elaborar algoritmos de la solución de un problema.
 
1.2 analizar el problema.
1.2 analizar el problema.1.2 analizar el problema.
1.2 analizar el problema.
 
1.1 identificar los problemas de programación
1.1 identificar los problemas de programación1.1 identificar los problemas de programación
1.1 identificar los problemas de programación
 
1 . la resolución de problemas con computadoras y las herramientas de program...
1 . la resolución de problemas con computadoras y las herramientas de program...1 . la resolución de problemas con computadoras y las herramientas de program...
1 . la resolución de problemas con computadoras y las herramientas de program...
 
Practica30
Practica30Practica30
Practica30
 
Practica29
Practica29 Practica29
Practica29
 
Practica27 gaem-121119155257-phpapp02
Practica27 gaem-121119155257-phpapp02Practica27 gaem-121119155257-phpapp02
Practica27 gaem-121119155257-phpapp02
 
Práctica 28
Práctica 28Práctica 28
Práctica 28
 
Practica26 121109165959-phpapp02
Practica26 121109165959-phpapp02Practica26 121109165959-phpapp02
Practica26 121109165959-phpapp02
 
Unidad6
Unidad6 Unidad6
Unidad6
 
Practica 25
Practica 25Practica 25
Practica 25
 
Practica 21 gaem
Practica 21 gaemPractica 21 gaem
Practica 21 gaem
 
Cuesstionario unidad 4
Cuesstionario unidad 4Cuesstionario unidad 4
Cuesstionario unidad 4
 
Practica 20
Practica 20 Practica 20
Practica 20
 

Unidad 3 aplicar animacion al dibujo.

  • 1. 3. Aplicar animación al dibujo. 3.1 aplicar movimiento al dibujo. Comenzar por hacer el documento (ctrl. + J) De dimensiones 400 * 300 píxeles de ancho y alto respectivamente. a)-. Usar como color de fondo #FFFFFF. b)-. Velocidad de fotogramas 12 fps. 2-. Crear el primero de dos símbolos (ctrl. + F8) de los cual consta el tutorial. a)-. Nombrarlo imagen. b)-. Dar como Tipo Clip de película. 3-. En el símbolo creado importar una imagen (ctrl. + R). a)-. Las dimensiones de la imagen tendrán que ajustarse a las medidas del documento 400.0 * 300.0 píxeles de ancho y alto respectivamente. b)-. Colocar la imagen en coordenadas X = 0.0 y Y = 0.0.
  • 2. 3.2 modificar tamaño al dibujo. 4-. Crear el segundo símbolo (ctrl. + F8). a)-. Nombrarlo guía de movimiento. b)-. Dar como Tipo Clip de película. 5-. Una vez en el símbolo cambiar el nombre de la capa por el de óvalo. a)-. Dibujar un círculo sin borde y el color de relleno no importa #99CCCC. b)-. Las dimensiones del círculo son 145.0 * 145.0 píxeles. c)-. Colocar la forma en coordenadas X = 0.0 y Y = 0.0. Nota si la forma no esta agrupada agruparla (ctrl. + G). También puede agruparse presionando (herramienta de óvalo) y después J (dibujo de objeto)
  • 3. 3.3 manipular formas de dibujo. 6-. Insertar la capa de guía de movimiento presionando la herramienta indicada con el paso 1. a)-. En esta capa guía dibujar la forma que va a servir como guía, el paso 2 muestra en tamaño reducido la imagen de la guía. b)-. En el paso 3 seleccionar el centro del óvalo y colocarlo en la parte inicial de la guía. Nota si al centro del óvalo no se le forma un círculo de color negro el invento no funcionara. Este círculo muestra que es el centro del óvalo.
  • 4. 7-. Insertar un fotograma (F5) en la capa guía en el fríame # 65. a)-. Insertar un fotograma clave (F6) en la capa óvalo en el fríame # 65. b)-. Seleccionar el óvalo que se encuentra en el fríame # 65 y colocarlo al final de la guía. Nota también hay que tomar por el centro al óvalo tal y como se muestra en la imagen. 8-. Crear la animación del óvalo. a)-. Seleccionar un fotograma entre el 1 y el 64 de la capa óvalo. b)-. En la barra de Propiedades seleccionar Movimiento en la opción Animar. 9-. Regresar a la Escena y cambiar el nombre de la capa por guía de movimiento.
  • 5. a)-. Arrastrar desde la biblioteca el símbolo guía de movimiento. b)-. Colocarlo en coordenadas X = -145.0 y Y = 0.0. 10-. Insertar una segunda capa por debajo de la primera. a)-. Cambiar el nombre a la capa por el de imagen. b)-. Arrastrar desde la biblioteca el símbolo imagen. c)-. Colocar el símbolo en coordenadas X = 0.0 y Y = 0.0.
  • 6. 11-. Seleccionar la capa guía de movimiento. a)-. Dar clic con el botón derecho del ratón, y en el menú desplegado seleccionar la opción Máscara. 12-. Insertar una tercera capa, por debajo de la segunda, nombrarla imagen filtro. a)-. Arrastrar nuevamente desde la biblioteca el símbolo imagen. b)-. Colocar el símbolo en coordenadas X = 0.0 y Y = 0.0. 13-. Llego la hora de aplicar los filtros. a)-. Seleccionar la imagen de la capa imagen filtro. b)-. Después seleccionar en la barra de Propiedades la opción Filtros. c)-. Hacer clic en el símbolo (+) “Añadir filtro” y en el menú desplegado seleccionar Desenfocar. d)-. Escribir el número 10 tanto en Desenfocar X como en Desenfocar Y
  • 7. 14-. Ahora aplicar el segundo filtro de Ajustar color. a)-. Hacer clic en el símbolo (+) “Añadir filtro” y en el menú desplegado seleccionar Ajustar color. b)-. En los parámetros establecidos escribir las siguientes cantidades: Brillo -50, Contraste -50 y en Saturación -100. CETIS 109 Carolina m. Peña Hdez. Karla Aidé Lugo Galván 3º”C” Prof. Margarita Romero.