Tutorial para crear un Gif animado con Photoshop · PDF fileTutorial para crear un Gif animado...
Transcript of Tutorial para crear un Gif animado con Photoshop · PDF fileTutorial para crear un Gif animado...
Tutorial para crear un Gif animado con Photoshop
Francisco Laguna 25 Noviembre 2009
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
Tutorial para crear un Gif animado con Photoshop
Francisco Laguna 25 Noviembre 2009
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.
Tutorial para crear un Gif animado con Photoshop
Francisco Laguna 25 Noviembre 2009
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:
Tutorial para crear un Gif animado con Photoshop
Francisco Laguna 25 Noviembre 2009
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.
Tutorial para crear un Gif animado con Photoshop
Francisco Laguna 25 Noviembre 2009
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:
Tutorial para crear un Gif animado con Photoshop
Francisco Laguna 25 Noviembre 2009
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