[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

6.800 8
 #1
Escrito (Editado )  0  0  
[CLUB][Participantes] Aprender Photoshop en GSMspain

Bueno voy a explicar cómo funcionan las animaciones en photoshop.

Vamos a descargarnos esta imagen Debes estar logueado para poder ver los enlaces.

Vamos a recortar cada parte del planeta, ya sabemos, seleccionamos con el marco rectangular y duplicamos capa con CTRL + J, después, con la herramienta mover los colocamos en línea, y con la herramienta recortar, quitamos la parte de lienzo vacío que nos sobra, debe quedar algo como esto.

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Ahora ocultamos todas las capas, (con el símbolo del ojito del panel de capas) menos la última, y abrimos la ventana Línea de Tiempo

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Creamos tantos cuadros como capas tengamos, y asignamos una capa a cada cuadro, empezando siempre por el primer cuadro, ya que los cambios que se hagan en el primer cuadro, se harán también en el resto de cuadros, pero si hacemos cambios en otro cuadro que no sea el primero, el cambio se aplicará solamente en el cuadro en el que estemos.

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Le ponemos 0,1 seg de retraso.

Para guardar nuestro GIF, tenemos que guardarlo de una forma especial, tenemos que darla a Guardar Para Web

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Le damos a Guardar con los valores por defecto

Y el resultado sería este:

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

 #2
Escrito (Editado )  0  0  
Vamos a crear una animación aprovechando parecidos razonables, cada uno de nosotros vamos a elegir una de las múltiples imágenes de parecidos razonables que existen por internet, yo he elegido esta:

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Vamos a hacer algo parecido a lo que hemos hecho con la bola del mundo, vamos a separar nuestros 2 personajes parecidos en dos capas, y los vamos a poner uno encima del otro de tal forma que encajen un poco, sin llegar a ser perfecto.

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Ahora vamos a seleccionar, en la Linea de Tiempo nuestros dos cuadros con la tecla SHIFT, y vamos a darle al botón intercala cuadros de animación, que está inmediatamente a la izquierda del botón Crear un nuevo cuadro que hemos utilizado antes, e intercalamos 10 cuadros.

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Le ponemos al primer, y al último cuadro un retardo superior al resto, yo le he puesto 1 seg y al resto 0,2 seg.

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Ahora vamos a crear un cuadro nuevo al final de nuestra animación, le ponemos la capa del primer cuadro, e intercalamos otras 10 veces, luego borramos el último cuadro, porque estaría repetido con el primero, se hace con el botón del cubo de basura que dice elimina los cuadros seleccionados

Al guardar para Web debe de quedar algo como esto

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

 #3
Escrito (Editado )  0  0  
Si queremos hacer modificaciones de otros GIF y abrirlas en photoshop, el proceso es un tanto extraño y necesitamos tener instalado el Quicktime de Apple, a mí me funciona así:

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Vamos a abrir esta imagen de la siguiente manera:

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Archivo, importar, cuadro de vídeo a capas. Nos saldrá una barra de progreso, esperamos a que termine.

Si nuestro GIF no aparece (En photoshop CS4 creo que no aparecía) debemos teclear *.* en la barra donde pone nombre, le damos a ENTER, y ya deberían de aparecer todos nuestros GIF.

En el rango ponemos De principio a fin y tilcamos la casilla Crear animación de cuadros

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Si visitamos nuestra línea de tiempo ya podemos ver nuestra animación, modificarla y cambiarla a nuestro gusto.

 #4
Escrito   0  0  
La Minaj y Mrs.potato.emoticon sonrisa

Buen tutorial.
 #5
Escrito   0  0  
Estoy en unos capítulos anteriores, en cuanto tenga completos los otros, sigo con este, muy interesante.
 #6
Escrito   0  0  
Bueno subo mi practica del mundo y comento los problemas que he encontrado al realizarla por si a alguien le pasa lo mismo.

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Al principio, cuando dices que con la herramienta mover hay que ponerlos en linea, yo pensaba que era uno al lado del otro, y es uno encima de otro, superpuestos.

Después, en la linea del tiempo no me aparecía con ese formato, me aparecían en barras, y hay que darle en la parte inferior izquierda

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

ya después, vas creando los cuadros para cada capa como explicó, y hay que seleccionar que vaya pasando de uno a otro infinitamente, porque sino cuando llega a la ultima imagen se para, que es lo que me pasaba ami

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Espero poder ayudar a quien le pase lo mismo y ya voy a intentar realizar las siguientes practicas

Siempre se agradecerá un VERDE
------------------
Davor
 #7
Escrito   0  0  
Esta es mi transformación del señor potato

[CLUB] [PHOTOSHOP] 05 - Animaciones GIF

Siempre se agradecerá un VERDE
------------------
Davor
 #8
Escrito   0  0  
Muchas gracias Davor, El tiempo de margen permitido para poder editar mensajes es 36000 minutos desde que el post fue creado, por lo que ya no puedo editarlo con tus consejos, igualmente muy bien explicado, menudo empacho a photoshop te has pegado colega en sólo 2 días emoticon feliz

Saludos y gracias emoticon feliz

 #9
Escrito   0  0  
quote:
Originalmente escrito por elpetakas
Muchas gracias Davor, El tiempo de margen permitido para poder editar mensajes es 36000 minutos desde que el post fue creado, por lo que ya no puedo editarlo con tus consejos, igualmente muy bien explicado, menudo empacho a photoshop te has pegado colega en sólo 2 días emoticon feliz

Saludos y gracias emoticon feliz


Además de verdad, lo he ido dejando, y ya que me hacia falta para hacer unas tonterías me tuve que poner hacerlo del tirón

Siempre se agradecerá un VERDE
------------------
Davor
Volver a Informática