martes, 22 de febrero de 2011

animacion interpolacion de forma

1- Arriba en la parte izquierda del escenario, dibuja 3 rectángulos con la herramienta "Rectángulo"(Rectagle tool).

En la línea del tiempo, podrás observar que estamos haciendo uso del fotograma 1, de la capa 1.

2- Haz click en el fotograma 4, después presiona la tecla F6, para crear fotogramas claves.

3- Después haz click en el fotograma 17 y presiona la tecla F7 para crear un fotograma clave vacío.

Observa la línea del tiempo, y verás que la cabeza lectora está sobre un fotograma que no contiene nada; es exactamente en ese fotograma vacío en donde crearemos la imagen en la que se transformarán los rectángulos anteriormente dibujados.

4- Click en la "Herramienta de texto" del panel de herramientas y en la parte derecha de abajo del escenario, escribe la palabra "WEB", después haz click en la "Herramienta Flecha", con el texto seleccionado, haz la siguiente combinación de teclas: CTRL + B, dos veces.

La combinación de teclas CTRL + B, hará que el texto se separe, para que Flash interprete cada letra como una imagen individual, de lo contrario Flash interpretará a la palabra "WEB" como una sóla imagen y la interpolación de formas no funcionará.

5- Ahora dirígete al fotograma 30 y presiona F6 para alargar el tiempo de duración de los objetos en la línea del tiempo.

6- Regresa al fotograma 4, click sobre él, y ve hacia el panel de "Propiedades" que normalmente está ubicado en la parte de abajo del entorno de Flash, (si no lo puedes visualizar ve al menú principal, click en Ventana>Propiedades); en el mencionado panel existe una opción llamada "Interpolación"(Tween), puedes desplegar el combo de opciones y elige la opción "Forma"(shape).

Puedes ver que en la línea del tiempo de la capa 1, aparece el color verde junto con una flecha que debe extenderse desde el fotograma 4 hasta el 17; es ahí exactamente donde se realiza la interpolación de formas; como muestra la siguiente imagen:




Ahora puedes probar la película (CTRL + Enter)

animacion interpolacion de movimiento

Si recuerdan el pasado movimiento de la bola, me gustaría, hacer el mismo pero ahora con interpelación de movimiento o motion tween.
Para comenzar vamos a ver primero lo que es un símbolo / symbol , para poder trabajar con interpolación de movimiento en flash tenemos que utilizar símbolos, los cuales podemos crearlos convirtiendo objetos que tengamos en nuestro escenario (de objeto a símbolo), o crearlos vacíos y posteriormente insertarles algo(esto es un poco mas difícil, así es que lo veremos mas adelante), pero vamos a ver los que creamos convirtiendo un objeto en símbolo.
Volvamos dibujar la misma pelota (circulo) pero en una nueva película, al igual que en el ejemplo anterior.
Nota: Cuando nosotros le ponemos Crear interpolación de movimiento / create motion tween, automáticamente Flash nos convierte nuestro objeto (que en este caso es la bola) en un símbolo, pero esto no es conveniente manejarlo así, así es que mejor nosotros crearemos nuestro propio símbolo para poder definirle un nombre y tipo de símbolo que queremos que sea.
Muy bien, ahora que ya tenemos nuestra pelota, utilizaremos la herramienta flecha / arrow tool, y seleccionaremos la pelota dando clic en un lado de ella y arrastrándolo hasta cubrirla de esta manera:
y al soltar el clic del ratón se verá así:
Esto es porque la bola lleva relleno y línea en la orilla, y si solo le damos un clic puede ser que solo seleccionemos uno de los dos.
Bueno, ya que tenemos la bola seleccionada, vamos existen dos maneras de convertirla en símbolo, la primera es ir al menú en la parte de arriba, en la sección de Insertar / Insert , escoges la opción de Convertir en símbolo / convert to symbol, y la segunda forma es la mas fácil, solamente después de que tenemos el objeto seleccionado tenemos que presionar F8 y listo, automáticamente después de cualquier de las dos formas pasadas veremos esta ventana:
Aquí es donde le daremos el nombre a nuestro símbolo, en la parte donde dice “Name”, colocaremos el nombre que le deseamos dar a nuestro símbolo, que este caso será “bola”, dejamos el “Behavior” como esta, en Movie Clip (de esto dependen las propiedades que va a tener nuestro símbolo, pero eso lo veremos mas adelante), “Registration” también lo dejamos como esta, ya que este caso no lo vamos a utilizar, el Registration es como si le pusieras un clavo a tu símbolo, y al momento que quieres modificarlo a escala (el tamaño), es hacia donde va a crecer, crecerá al lado contrario de donde le pones el clavo. Muy bien, ahora después de ponerle el nombre demos clic en OK, y nuestra pelota se verá así:
Si tu pelota se ve de esta manera, ¡Felicidades!, ya tienes un símbolo movie clip. Nota: Al momento que tu has creado tu símbolo o movie clip, pasa algo que te ayuda de mucho, automáticamente este se agrega a tu librería. ¿Y que es la librería?, pues la librería es una parte de flash, en donde se van guardando todos los símbolos que tu utilizas en la película, de modo, que si necesitas otra pelota, no tengas que volver a dibujarla, si no, solamente tienes que insertarla desde la librería, talvez con la pelota no te parece tan maravilloso, pero que tal si tienes un auto con el cual te tardaste 3 horas dibujándolo, y ahora solo es cuestión de insertarlo de nuevo, pero esto no es todo, además, puedes importar librerías que hiciste en otras películas, lo ves, eso es un auxilio muy grande, pero bueno, lo entenderás mejor cuando empieces a trabajarlo. Y por ultimo, para ver la librería, el acceso rápido es presionando (Control + L).
Muy bien, ahora que ya tenemos nuestro símbolo, vamos a ver la interpolación de movimiento / motion tween:
En este momento tenemos nuestra línea de tiempo de esta manera:
A continuación vamos a dar clic derecho en el frame / fotograma numero 40 de nuestra línea de tiempo, y en el menú contextual que sale, vamos a dar clic en la opción de “insert frame / insertar fotograma”, y nuestra línea de tiempo lucirá así:
Dirigimos el puntero del ratón al primer frame / fotograma, y damos un clic derecho sobre el, en el menú contextual que emerge seleccionaremos la opción de “create motion tween / crear interpolación de movimiento” y la línea del tiempo se rellenara con una línea punteada así:
Ahora ya tenemos nuestra interpolación de movimiento, ya solo tenemos que indicar una cosa, “el movimiento”, y esto se hace de la siguiente manera: Demos un clic en el frame / fotograma numero 40, de modo que quede seleccionado (esto lo sabemos porque queda sombreado, de color negro).
Ahora nos dirigimos al escenario / stage, y tomamos la bola con el puntero del ratón, la arrastramos hasta el otro extremo del escenario / stage, que quede de esta forma:
Como pueden ver en la línea de tiempo se creó una flecha desde el frame / fotograma numero uno, hasta el numero 40, me supongo que ustedes ya lo habían visto verdad??, bueno, pues esta flecha indica interpolación de movimiento, pero en si ¿que es lo que ocurre con esto?, pues solamente hacemos que flash trabaje por nosotros, lo que pasa con la interpolación de movimiento es que nosotros solamente indicamos el principio y el fin de nuestro símbolo, y FLASH CREA TODOS LOS FRAMES / FOTOGRAMAS INTERMEDIOS, muy bien, para entendernos mejor, ¿por que no dejamos de una vez que corra nuestra película?, vamos, presionemos (Control + Enter) para ver que pasa. ¿Lo lograste?, wow, que bien verdad, pues como ves, espero que ahora me entiendas mejor, cuando me refiero a que flash crea automáticamente los frames intermedios. Una ultima cosa, colócate en frame 20 y arrastra la pelota un poco hacia abajo, veras que se crea otro punto negro (key frame / fotograma clave) en la línea de tiempo, y ahora son dos flechas, muy bien, corre la película para que veas que es lo que pasa. Sigue experimentando con estos movimientos todo lo que quieras, verás que solo depende de ti y tus ideas para darles un buen uso.

tutorial animacion cuaro a cuadro

Empecemos por la animación cuadro a cuadro:
Este tipo de animación todos la conocemos, es mas o menos como se realizan las caricaturas o dibujos animados, ya ven que para esto realizan un dibujo, y después realizan el mismo dibujo pero un poco diferente, y así sucesivamente, después los hacen pasar todos muy rápido, y esto nos da una sensación de movimiento, bueno pues esto es lo que se hace en flash para hacer una animación cuadro a cuadro, solo que aquí no tenemos que volver a dibujar la misma imagen varias veces, si no, que podemos trabajar con la misma, solo que la iremos modificando poco a poco.
Veamos un ejemplo:
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).

conceptos basicos de flash mx 2004

  1. que elementos conforman la linea de tiempo?
  2. que es un fotograma?
  3. que es un fotograma clave?
  4. cuales son las teclas de metodo abreviado para insertar los dos anteriores?
  5. que es una capa?
  6. busque en internet un tutorial escrito o en video sobre: animacion cuadro a cuadro, animacion por interpolacion de movimiento, animacion por interpolacion de forma
  • cada uno de estos tutoriales debe pegarse en una entrada diferente, si es video en Youtube busca el codigo del video en el menu insetar (embet), pegas este codigo en tu blog en la opcion HTML, si es el tutorial es un texto igual lo pegas pero en la opcion redactar.
Respuestas al Cuestionario

  1. la linea de tiempo organiza y controla el contenido de una pelicula a traves del tiempo en capas y fotogramas. Los componentes principales de la linea de tiempo son las capas, los fotogramas y la cabeza lectora.
  2. Un fotograma representa el contenido de la pelicula en un instante de tiempo. por tanto, una animacion no es mas que una sucesion de fotogramas.
  3. son fotogramas con un contenido especifico, se crean, por tanto, para insertar en ellos un nuevo contenido no existente en la pelicula. se identifica por tener un punto negro en el centro y cuando esté vacio se le diferencia por una linea negra vertical.
  4. Fotograma: F5                         Fotograma Clave: F6
  5. Son como "hojas de papel de seda transparentes" superpuestas y el contenido de cada capa esta impreso en esas hojas de papel.

martes, 15 de febrero de 2011

Jovenes: Juego Limpio - Padre Juan Jaime Escobar

Santiago Maya                                                                    11-04
Camilo Arango Calle

 Estamos de acuerdo:
  • Con los 10 Pasos para que su hijo sea un delincuente
  • Con la frase "bobo cariao mata la mamá"
  • Con la propuesta que hace él acerca de no dejarnos influenciar por los demas (hay que tener caracter)
  • Con que en esta sociedad no esta de moda ser bueno, porque lo bueno es bobo o malo y lo malo es lo correcto.
¿Como nos parecio la pelicula?
  • Nos parecio buena porque alli se cuenta lo que esta pasando en realidad
  • Trae una enseñanza y nos lleva a reflexionar acerca de estos aspectos
Argumentos:

  •  Cuando un compañero se dejo influenciar por un grupo emergente del barrio y ya no puede vivir tranquilo
  • Cuando un compañero por "estar a la moda" empezo a tirar vicio y a robar.

martes, 8 de febrero de 2011

insecto volador en flash

  1. realiza el dibujo del insecto
  2. agrupa linea y relleno de cada uno de los ojos y c/u de las alas con CTRL + G
  3. clic en fotograma 1, F6 (foto clave), clic por fuera del dibujo, con shift seleccione los dos ojos y los muevo un poquito. F6 y muevo otro poco, repetir hasta fotograma 5
  4. con fotograma 5 activado, selecciono cada alita, clic en la herramienta transformacion, F6 y giro un poco las dos alitas, repito el proceso varias veces (hasta fotograma 11)
  5. selecciona todo el insecto y subelo un poco, luego sube un poco las alitas.
  6. selecciona desde el ultimo fotograma hasta el 5, clic derecho, copiar y despues del 11, pegar, clic derecho invertir fotograma (para que aletee)

martes, 1 de febrero de 2011

clase 25/01/11

en esta clase creamos el blog, y la profesora repartio unas hojas con unos dibujos para hacerlos en flash mx. yo no pude hacer ninguno de los dos dibujos.

martes, 25 de enero de 2011

herramienta lapiz en flash mx 2004

Para dibujar líneas y formas, se utiliza la herramienta Lápiz, de manera muy similar a como se emplea un lápiz real para realizar un dibujo. Para aplicar un suavizado o un enderezamiento a las líneas y las formas, según se va dibujando, basta con seleccionar un modo de dibujo para la herramienta Lápiz.
Para dibujar con la herramienta Lápiz:
  1. Seleccione la herramienta Lápiz.
  2. Seleccione un estilo y color de trazo.
  3. Seleccione un modo de dibujo de las opciones de la caja de herramientas:
    • Seleccione Enderezar para dibujar líneas rectas y convertir figuras similares a triángulos, óvalos, círculos, rectángulos y cuadrados en estas formas geométricas.
    • Seleccione Suavizar para dibujar curvas suaves.
    • Seleccione Tinta para dibujar líneas a mano alzada sin aplicarles ninguna modificación. Líneas dibujadas con los modos Enderezar, Suavizar y Tinta.
  4. Seleccione los atributos de estilo y peso del trazo en el panel Trazo.
  5. Arrastre sobre el Escenario para dibujar con la herramienta Lápiz. Arrastre con la tecla Mayús presionada para dibujar sólo líneas verticales u horizontales.