 |
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.
(Click
para agrandar)
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:
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.
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.
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.
Bien ahora hacemos lo mismo con el cuadro de animación1 pero esta ves
ocultamos la capa que tiene el cuadrado verde.
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.
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
Click aqui para bajar el .psd del ejemplo.
Ejemplos de efectos que se pueden lograr con image ready:
Efecto brillo para cambiar de escena
Click aqui para bajar el .psd
Efecto brillo en letras y efectos de desplazamiento y fade:
Click aqui para bajar el .psd
Click aqui para bajar el .psd
"www.raffskizze.tk
Copyright"