Reporte 11

Botones

Los botones nos ayuda a tener mas interactividad con la película flash ya que con ellos podemos controlar algunas acciones de la película como parar, empezar, abrir enlaces, etc.

Ahora vamos a aprender a crear un botón desde cero.

Lo primero que tenemos que hacer es dibujar la figura que representara nuestro botón (en este caso haremos un rectángulo).

Después seleccionamos la figura con la herramienta de flecha y presionamos la tecla F8 para convertir el rectángulo en un símbolo.

Se nos despliega una ventana en la cual debemos de poner el nombre que deseamos para nuestro botón y seleccionamos en “comportamiento” la opción botón.

Ahora nuestra figura se vera de este modo.

Con esto ya tenemos creado nuestro botón pero si queremos agregar algunos detalles como texto y algunos efectos podemos hacer lo siguiente

Primero entremos al símbolo de botón dando un doble clic izquierdo sobre el

Ahora vemos que la línea de tiempo se ve de esta forma:

A continuación una pequeña explicación de cada uno de los elementos de la línea de tiempo del símbolo de botón

Reposo (Elemento 1): los fotogramas que se encuentra en esta columna se verán cuando el botón este en reposo o en otras palabras cuando no sea manipulado por el usuario
Sobre (Elemento 2): los fotogramas que se encuentra en esta columna se verán cuando el usuario situé el puntero sobre el botón

Presionado (Elemento 3): los fotogramas que se encuentra en esta columna se verán cuando el usuario este presionando el botón

Zona Activa (Elemento 4): los fotogramas que se encuentra en esta columna se verán cuando el botón se encuentre activo o realizando la operación especificada.

Ya sabiendo esto podemos agregar una capa y agregar un texto en ella.

Además podemos modificar el color del rectángulo dependiendo en que fotograma estemos

Reporte 10

Herramienta Pincel Deco

En esta practica utilizamos las herramientas deco me gustaron mucho la verdad las qe no se mueven y las que son con efecto

1) Sobre la linea de tiempo se genera una capa nueva, para que así contenga los elementos  que se creen con la herramienta Deco.

                              

Deco

2)Ubicar sobre la barra de herramientas el siguiente icono


3)Seleccionar sobre el Panel de la derecha la opción Propiedades
   Las opciones que se seleccionarán de acuerdo a las necesidades de la animación son : Efecto de       Dibujo y Opciones Avanzadas

4) Sostener el botón izquierdo del mouse sobre el lienzo para pintar con la herramienta
Nota: Las opciones varias según el efecto que se elija

Reporte 9

Máscaras

Para esta lección lo que haremos será una animación que parecerá una luz de una linterna mostrando una imagen en la oscuridad

Lo primero que tenemos que hacer es importar una imagen al escenario
Ver lección de importar imágenes.

Después creamos un círculo en el escenario con la herramienta de óvalo en una capa superior.

Ahora hagamos una interpolación de movimiento que vaya de izquierda a derecha y después se expanda por todo el escenario

También insertemos un fotograma hasta donde llega la interpolación en la capa donde tenemos la imagen.

Nuestra línea de tiempo lucirá algo así.

mascaras
Ahora damos un clic derecho sobre el nombre de la capa donde hemos creado la interpolación de movimiento y seleccionamos la opción de máscara para convertir esa capa en máscara

Ahora por ultimo pongamos el color de fondo de la película flash de color negro para dar una apariencia de oscuridad

Y listo !!!

Reporte 8

Herramienta 3D

• Rotación: 

Es rotar la igura, es moverla de angulo, moverla de lado, sin que se traslade.

• Traslación: 
  Vista previa de la 3D Tool

el cambio de la posición del eje z de un clip de película 3D hará que el clip parezca que cambia además su posición x e y. Esto sucede porque el movimiento a lo largo del eje z sigue las líneas de perspectiva invisibles que irradian desde el punto de fuga 3D (establecido en el inspector de propiedades de la instancia de símbolo 3D) a los bordes del escenario.

Mover un solo objeto en espacio 3D

1. Seleccione la herramienta Transformación 3D  en el panel Herramientas (o presione la tecla G para seleccionarla).
2. Establecimiento de la herramienta en modo local o global.
   Es importante que la herramienta se encuentre en modo que desee utilizar. Para verificarlo, compruebe el estado del botón Global de la sección Opciones del panel Herramientas. Haga clic en el botón o presione la tecla D para cambiar el modo.
3. Seleccione un clip de película con la herramienta Transformación 3D .
4. Para mover el objeto arrastrándolo con la herramienta, desplace el puntero sobre los controles de los ejes x, y o z. El puntero cambia al pasar sobre los controles.
   Los controles de los ejes X e Y son las puntas de flecha de cada eje. Arrastre uno de estos controles en la dirección de su flecha para mover el objeto a lo largo del eje seleccionado. El control del eje z es el punto negro situado en el centro del clip de película. Arrastre el control del eje z hacia arriba o hacia abajo para mover el objeto a lo largo de dicho eje.
5. Para mover el objeto con el inspector de propiedades, introduzca un valor para X, Y o Z en la sección Posición 3D y Vista del inspector de propiedades.
   Cuando se mueve un objeto en el eje z, su tamaño aparente cambia. El tamaño aparente se muestra en el inspector de propiedades en los valores Anchura y Altura de la sección Posición 3D y Vista del inspector de propiedades: Estos valores son de sólo lectura.  

Reporte 7

Animaciones Básicas

• Animación cuadro x cuadro:

Crear una animación y empezaremos por la mas básica que es la animación fotograma por fotograma.

Para esta lección vamos a dibujar un Ovalo en el escenario

Ahora lo que vamos a hacer es a crear un movimiento cuadro por cuadro del círculo por la escena:

Si nos fijamos bien en la línea de tiempo tenemos un pequeño cuadro gris ese cuadro es un fotograma y actualmente nuestra película sólo consta de un fotograma

Lo que vamos a hacer ahora es agregar un nuevo fotograma a nuestra escena para esto damos un clic derecho en el fotograma vacío de la derecha en la línea de tiempo y seleccionamos “insertar fotograma clave”.

Ahora vemos que tenemos 2 fotogramas en la línea de tiempo.

Nos situamos en el segundo fotograma dando un clic sobre el en la línea de tiempo y en la escena seleccionemos todo el círculo y movámoslo un poco

Repitamos todos los pasos anteriores hasta tener 5 fotogramas y en cada uno de ellos moviendo el círculo a una posición distinta:

Para probar nuestra película apretamos en el teclado la tecla Ctrl +Enter y se reproducirá la película flash y veremos el resultado de mover el circulo en cada cuadro.

Interpolación clásica:

Para crear una interpolación clásica hay que hacer clic derecho sobre el fotograma que contiene los elementos y elegir Crear interpolación clásica.

Cuando realicemos la interpolación correctamente observaremos un aspecto como este en la línea de tiempo, con los fotogramas sobre fondo de color morado.

Vemos que la animación va desde el fotograma 1 hasta el fotograma 30. Aparece una flecha que no aparece en la interpolación de movimiento y el icono que hay a la derecha del nombre de la capa es distinto.

Por supuesto, al realizar una interpolación clásica el fotograma inicial y final deberán ser diferentes, en caso contrario no se creará ningún tipo de animación.

Observa en las siguientes imágenes dónde está situada la pelota en el primer fotograma de la animación y su posición final en el último fotograma:

 

Aquí puedes ver cómo realizar una interpolación clásica  

Si el objeto con el que queremos hacer la interpolación clásica no está convertido a símbolo nos encontraremos con algo así...

... y la animación no funcionará.

También podemos realizar la interpolación de otra forma, sin convertir previamente el objeto a símbolo, ya que Flash lo convierte a símbolo automáticamente si no lo hacemos, dándole el nombre "Animar" más un número. Esto quizá no sea lo más conveniente en películas grandes, debido a lo que ya comentamos de la gran cantidad de símbolos que pueden aparecer y la confusión que crean muchos símbolos con nombres parecidos.

Para crear una interpolación de este tipo, basta con tener un fotograma clave. Hacemos clic con el botón derecho sobre el fotograma en la línea de tiempo, y seleccionamos Crear Interpolación Clásica. Ahora, creamos un nuevo fotograma clave donde queremos que finalice la interpolación, y modificamos los símbolos en los fotogramas clave.

Veremos que si seleccionamos uno intermedio, se muestran los símbolos en su transición al fotograma final. Podemos decidir cómo mostrar el símbolo en ese fotograma, por ejemplo moviéndolo. Al hacerlo automáticamente se crea un fotograma clave. Esto hace que el movimiento ya no sea recto, y pueda ser en zig-zag.

Si hacemos esto varias veces sobre varios fotogramas obtendremos varias trayectorias consecutivas más.

Pero recuerda, que para la mayoría de casos, nos resultará más versátil la interpolación de movimiento.

• Interpolación de movimiento:

Pues aquí es donde necesitaremos crear una nueva capa.

Lo que tenemos que hacer para crear una nueva capa en la línea de tiempo es dar un clic izquierdo sobre el botón de insertar capa.

Vemos que se ha agregado una nueva capa con el nombre de “Capa 2”.

Podemos cambiar el nombre de la capa si así lo deseamos dando doble clic sobre el nombre de la capa y escribiendo el nombre que queremos.

Ahora posicionándonos en la capa 2 creamos una interpolación de movimiento de la figura moviéndose desde la parte superior hasta la inferior y que dure exactamente lo que dura la interpolación.

Ahora si corremos nuestra animación presionando las teclas Ctrl + Enter veremos como se mueven los dos objetos al mismo tiempo

Sin el uso de las capas simplemente no se pueden mover mas de un objeto independientemente del otro y es ahí donde esta la importancia del uso de las capas

• Interpolación de forma

1. Forma-Forma

Aprendimos a crear una interpolación de movimiento esto quiere decir que hicimos que una figura cambie de forma en una animación.

Para esta lección tomaremos como ejemplo un cuadrado que cambiaremos su forma a un círculo

Lo primero que tenemos que hacer es dibujar un cuadrado en el escenario con la herramienta de rectángulo.

Ahora insertaremos un fotograma clave en el fotograma 60 de la línea de tiempo

Nota: si lo desea puede elegir otro fotograma diferente al 60 para el paso anterior

Ahora seleccionamos el fotograma clave que acabamos de crear dando un clic sobre el en la línea de tiempo y presionamos la tecla “suprimir” del teclado

Vemos que el fotograma clave a quedado vacío.

Creamos en ese fotograma un círculo con la herramienta de óvalo.

Ahora lo que tenemos que hacer es situarnos en cualquiera de los cuadros de la línea de tiempo que se encuentran en medio de los dos fotogramas claves.

Y nos vamos al panel de propiedades donde dice Animar y seleccionamos “Forma”

Ahora si corremos nuestra animación flash veremos como se ve la transformación de un cuadro a un círculo.

 

1. Forma-Texto
2. Texto-Forma

• Animaciones predefinidas

Portada 2

Colegio de Bachilleres del Estado de Baja California

Porf. Arturo David Velázquez Rivera

Submódulo 3

UTILIZAR SOFTWARE DE APLICACIÓN PARA ELABORAR ANIMACIONES DE OBJETOS Y VIDEOS.

Contenidos:

3.1 Conocer la terminología básica del software para elaborar animaciones.

3.2 Identificar los elementos de la ventana del software de aplicación.

3.3 Aplicar animación a los dibujos.

3.4 Manipular botones.

3.5 Manipular sonido.

3.6 Manipular video.

3.7 Publicar películas.

Prof. Luis Francisco Pérez Moguel.

Alumna. Maerha Landaverde Casillas

Grupo. 503

Reporte 6

GIF Animado

Photoshop

Nosotros en esta practica diseñamos nuestro propio gif animado usando las animaciones que trae el programa photoshop primero diseñamos nuestra imagen de la forma que mas nos gustara poniendole resplandor  letras para aplicarles el movimiento y ya cuando vimos que estaba como queriamos

Despues nos fuimos a la opcion de ventana y seleccionamos animacion y es donde empezamos hacer los movimientos de las cosas que queriamos qe se movieran recorriendo los puntitos en la parte de posicion

y ya por ultimo guardamos el archivo en la opcion archivo guardar para web y dispositivos

y asi fue como me quedo pero en mi caso hize 2 pero creo que no me quedaron bien :(....

la verdad ya terminado el trabajo parecia facil pero mientras lo hacia se me dificulto un poco por que no podia realizar los movimientos pero en fin para ser mi primera vez creo que esta muy bien tampoco soy una experta en esto pero se que puedo mejor como ya se masomenos utilizarlo puedo seguir realizando mas gifs animados!(: