BoxeR
04/11/2005, 12:05
Hola,Por si todavia no sabes la forma de hacer una buena animacion en gif, este es tu programa, lo utilizan los profesionales para hacer los baners y demas imagenes animadas para sus webs, es bastante sencillo de utilizar si partes de unos conocimientos minimos de photoshop y un poco de imaginación, este mismo viene con el programa adobe photoshop y sus herramientas se asemejan bastante. Como vemos en esta imagen posee una interfaz igual que la del photoshop, por ello recomiendo que aprendas a manejar un poco antes photoshop y después te metas en este sencillo programa, si ya has hecho los tutoriales de photoshop estas preparado para crear tu primera animacion gif, q es para lo q mayormente se utiliza image ready, si no tienes ni idea de photoshop te sugiero q hagas algun tutorial previamente y aprendas a manejar las capas en especial, ya que en este programa son una herramienta bastante utilizada.
[Only registered and activated users can see links]
Imagen en la que se observa el programa asi como
las ventanas que mas vamos a utilizar,
este sera nuestro comienzo.
Una ves nos situamos como se muestra en la imagen anterior podemos observar que su utilizacion sera semejante a la de photoshop, salvo por la ventana de animacion la cual sera nuestra herramienta escencial. Con lo cual se pasara a explicar la utilizacion de esa ventana directamente ya que las demas las debes de saber de utilizar ya, si no es asi, ya sabes... haz algun tutorial de photoshop previamente ;-)
- Ventana de animacion:
[Only registered and activated users can see links]
El icono sombreado en rojo como ven, nos servira para ir duplicando los cuadros de animacion, y el icono sombreado en naranja para eliminarlos.
Los iconos que vemos sombreados en verde nos serviran para ir probando como va a kedar nuestra animacion, funcionan como un reproductor normal.
Bien una ves hemos aprendido a utilizar esta ventana ya sabemos lo esencial para hacer nuestra primera animación, ahora intercalaremos el trabajo utilizando la ventana de capas, ya que es necesario jugar con las capas para hacer cualquier animación.
Explicación y ejemplo:
Abrimos un nuevo documento del tamaño que queramos, nos vamos a la ventana de capas y creamos dos capas.
[Only registered and activated users can see links]
Y ahora dibujamos en cada capa un cuadrado, cada uno de un diferente color.
Una ves tenemos dibujados los cuadrados cada uno en una capa, nos vamos a la ventana de animacion y le damos al icono de duplicar cuadro de animacion
[Only registered and activated users can see links]
Una ves tenemos este cuadro duplicado y nos hemos situado sobre el cuadro de animacion que hemos duplicado, nos vamos a la capa1 en la ventanas de capas donde tenemos el cuadro rojo y le damos al icono del ojo que esta a la izquierda para ocultar su visión en este cuadro de animación.
[Only registered and activated users can see links]
Bien ahora hacemos lo mismo con el cuadro de animación1 pero esta ves ocultamos la capa que tiene el cuadrado verde.
[Only registered and activated users can see links]
Y ahora damos al play en la ventana de animación para ver el resultado, como podemos observar los cuadros se iran alternando del verde al rojo, ya tenemos nuestra primera animacion creada, pero para que los cuadros no vallan cambiando tan deprisa vamos a cambiarle el tiempo de expocición, esto se hace dando click en la flechita q vemos en cada cuadro de animación donde dice "0 seg" clikeamos ahi y ponemos 1sg de tiempo.
[Only registered and activated users can see links]
Cuando tenemos los dos cuadros de animación con 1sg, damos al play y observamos que la animacion va a una velocidad adecuada, ahora ya solo tenemos que guardar nuestro trabajo.
Nos vamos a archivo/guardar... y guardamos nuestro trabajo en formato .psd por si posteriormente queremos modificarlo, pero bien nosotros lo que andamos buscando es un gif animado, con lo cual vamos a archivo/guardar optimizada... y guardamos nuestra animacion en formato gif. De esta manera ya tenemos nuestra primera animación !! Bastante simple pero es un gif animado xD
[Only registered and activated users can see links]
[Only registered and activated users can see links]
Imagen en la que se observa el programa asi como
las ventanas que mas vamos a utilizar,
este sera nuestro comienzo.
Una ves nos situamos como se muestra en la imagen anterior podemos observar que su utilizacion sera semejante a la de photoshop, salvo por la ventana de animacion la cual sera nuestra herramienta escencial. Con lo cual se pasara a explicar la utilizacion de esa ventana directamente ya que las demas las debes de saber de utilizar ya, si no es asi, ya sabes... haz algun tutorial de photoshop previamente ;-)
- Ventana de animacion:
[Only registered and activated users can see links]
El icono sombreado en rojo como ven, nos servira para ir duplicando los cuadros de animacion, y el icono sombreado en naranja para eliminarlos.
Los iconos que vemos sombreados en verde nos serviran para ir probando como va a kedar nuestra animacion, funcionan como un reproductor normal.
Bien una ves hemos aprendido a utilizar esta ventana ya sabemos lo esencial para hacer nuestra primera animación, ahora intercalaremos el trabajo utilizando la ventana de capas, ya que es necesario jugar con las capas para hacer cualquier animación.
Explicación y ejemplo:
Abrimos un nuevo documento del tamaño que queramos, nos vamos a la ventana de capas y creamos dos capas.
[Only registered and activated users can see links]
Y ahora dibujamos en cada capa un cuadrado, cada uno de un diferente color.
Una ves tenemos dibujados los cuadrados cada uno en una capa, nos vamos a la ventana de animacion y le damos al icono de duplicar cuadro de animacion
[Only registered and activated users can see links]
Una ves tenemos este cuadro duplicado y nos hemos situado sobre el cuadro de animacion que hemos duplicado, nos vamos a la capa1 en la ventanas de capas donde tenemos el cuadro rojo y le damos al icono del ojo que esta a la izquierda para ocultar su visión en este cuadro de animación.
[Only registered and activated users can see links]
Bien ahora hacemos lo mismo con el cuadro de animación1 pero esta ves ocultamos la capa que tiene el cuadrado verde.
[Only registered and activated users can see links]
Y ahora damos al play en la ventana de animación para ver el resultado, como podemos observar los cuadros se iran alternando del verde al rojo, ya tenemos nuestra primera animacion creada, pero para que los cuadros no vallan cambiando tan deprisa vamos a cambiarle el tiempo de expocición, esto se hace dando click en la flechita q vemos en cada cuadro de animación donde dice "0 seg" clikeamos ahi y ponemos 1sg de tiempo.
[Only registered and activated users can see links]
Cuando tenemos los dos cuadros de animación con 1sg, damos al play y observamos que la animacion va a una velocidad adecuada, ahora ya solo tenemos que guardar nuestro trabajo.
Nos vamos a archivo/guardar... y guardamos nuestro trabajo en formato .psd por si posteriormente queremos modificarlo, pero bien nosotros lo que andamos buscando es un gif animado, con lo cual vamos a archivo/guardar optimizada... y guardamos nuestra animacion en formato gif. De esta manera ya tenemos nuestra primera animación !! Bastante simple pero es un gif animado xD
[Only registered and activated users can see links]