Tutorial para crear un Gif animado con Photoshop

Tutorial para crear un Gif animado con Photoshop Tutorial para crear un Gif animado con Photoshop Voy a tratar de explicar la forma básica de Photosh...
48 downloads 0 Views 1MB Size
Tutorial para crear un Gif animado con Photoshop Tutorial para crear un Gif animado con Photoshop

Voy a tratar de explicar la forma básica de Photoshop para poder hacer una animación, solo trato que comprendáis como se hace y con esto espero que le podáis dar diferentes utilidades y creaciones. Imagino que podremos crear muchísimas cosas más pero eso lo dejo para vosotros que sois los creativos. Bueno para empezar abrimos una fotografía en Photoshop (¿sabéis no?) archivo/abrir, yo cojo la foto de mi chiquitita que siempre se ofrece para experimentos.

abrimos la herramientas de animaciones Ventana/animación

Francisco Laguna

25 Noviembre 2009

Tutorial para crear un Gif animado con Photoshop

Nos tiene que aparecer en la parte inferior una barra de tarea que ponga Animación (cuadros), si no nos aparece pues pulsamos en el botón pequeñito de la parte inferior derecho de la barra de tarea, donde indico con la flecha fea.

Como vemos para no extenderme mucho os voy a explicar un poco como funciona, en la barra de abajo eso es cada secuencia que va a tener nuestra animación, con lo cual cada movimiento que vayamos a hacer pues tendremos que tener una miniatura de esa, los movimiento los hacemos duplicando las capas y seleccionando en cada miniatura que capa queremos que este visible, bueno vamos a por el ejemplo y veréis como entendéis.

Vamos a crear un destello en los ojos de mi niña, con lo cual duplicamos los cuadros hasta diez, que van a ser los movimientos del destello, con el botón inferior donde indico con otra flecha fea.

Francisco Laguna

25 Noviembre 2009

Tutorial para crear un Gif animado con Photoshop

Ahora bien duplicamos las capas hasta el número de secuencias que va a tener nuestra animación, ¿eso si sabréis no? con Control+J, ó Capa/Duplicar capa tendremos esto:

Francisco Laguna

25 Noviembre 2009

Tutorial para crear un Gif animado con Photoshop la primera capa la vamos a dejar como esta, seleccionamos la segunda capa o Fondo copia como se llama y vamos a Filtro/Interpretar/Destello, ponemos un destello de brillo 20% para poder repartirlo entre las diferentes capas

Hacemos lo mismo para el otro ojo, os preguntareis por qué no aparece nada, bueno es porque tenemos visible todas las capas si le quitamos el ojito a todas las otras capas podremos ver lo que hemos hecho. Bueno ahora os dejo un rato solitos, porque tenemos que hacer lo mismo con los dos ojitos en cada capa aumentándole el brillo 20% cada vez, exceptuando la primera capa.

Francisco Laguna

25 Noviembre 2009

Tutorial para crear un Gif animado con Photoshop Teniendo cada capa con su correspondiente destello incrementado, ahora seleccionamos nuestra primera imagen de animación, ósea el cuadrito de abajo que pone 1 y quitamos la visibilidad a todas las capas excepto a la primera, una cosa así.

estos mismo con todas las imágenes de la animación, ósea seleccionamos la miniatura de abajo con el numero 2 y quitamos la visibilidad (ojito) de todas las capas excepto la segunda capa (en nuestro caso Fondo copia) así sucesivamente, hasta que tengamos en la parte inferior muchas imágenes con un destello diferente, podremos probar la animación dándole lo que normalmente llamamos Play pero yo quiero llamarlo triangulito en dirección a la derecha verde que está en la parte inferior izquierda, con eso podemos ver algo parecido a como nos va a quedar.

Ya queda poquito, tan solo decir, en la parte de cada miniatura o animación, vemos que pone 0 seg eso significa que va a tener un retardo de 0 seg en esa casilla, cosa que podemos cambiar por supuesto para que dure más, todo dependerá de gustos, también debajo de la primera miniatura vemos que pone Una Vez, eso significa que la animación solo la hará una vez, cosa que podemos cambiar para que la haga 3 o infinitamente sin que se detenga.

Bueno tan solo nos queda guardarla, para ello nos vamos a archivo/Guardar para web y dispositivos, esto es aquí porque si decimos guardar como no nos funcionaria, al hacerlo nos aparece una ventana como esta:

Francisco Laguna

25 Noviembre 2009

Tutorial para crear un Gif animado con Photoshop

Damos sin tocar nada le damos a guardar y le decimos donde. Ya llegamos al final donde nos ha guardado el archivo Gif no nos hará la animación a menos que lo reproduzcamos con el Explorer, ósea botón del ratón derechito decimos abrir con y seleccionamos Explorer, ahora sí que podremos ver la animación y colgarla donde más coraje nos dé. Puntualizar por si os pasara, si la vemos que la animación es lenta o pega saltitos, eso es porque es muy grande y tendríamos tan solo que reducirla de tamaño, así ocupa menos y va mas fluida. Bueno no se que mas contar, espero que os haya sido de ayuda para un primer acercamiento y ya sabéis a probar para saber cómo funcionar.

Saludos a todos

Francisco Laguna

25 Noviembre 2009