Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje29-01-2011, 12:19 (UTC)    
Título del mensaje: [Tutorial] Crear Gif Animado con Photoshop

Hay muchas maneras de hacer un Gif animado, pero una de las formas más fáciles, es hacerlo con Photoshop.

El tutorial lo haré con Adobe Photoshop Elements. Hay muchos tipos de Photoshop, Cs3, Cs4, Cs5, Elements y muchisimos más, pero yo usaré el elements ya que me venía instalado en el Pc y el Cs4 lo tengo instalado en otro.

¿Se necesita el Elements para crear un Gif? No, se puede usar cualquier Photoshop, ya que lo vamos a crear por capas, y que yo sepa, todos los Photoshop funcionan por capas xD.

Como acabo de decir, los Gif se hacen por capas, es decir, que si quieres hacer un Gif con un ojo cerrado y otro abierto, por ejemplo, tendremos que poner el ojo abierto en una capa y el cerrado en otra capa, dentro de la misma imagen. (Se pueden hacer infinitas capas, no solo dos e.e)

El tutorial lo haré con esta imagen:


Lo único que haré será girar la imagen para que cuando abra uno, cierre el otro y así succesivamente.

Abrimos el Photoshop



Vamos al menú superior Archivo > Abrir... y abrimos nuestra imagen.



Ahora vamos a transparentar el fondo blanco para que sea del mismo color que nuestro fondo. (En este caso, igual que el fondo de este post).
Utilizamos la herramienta "Borrador mágico" y hacemos click en el fondo blanco.

(Esto que acabo de hacer, lo hice en mi imagen para mejorar el aspecto, quizás en vuestra imagen no tenéis porque hacerlo. Esto se suele utilizar para crear botones o imagenes redondas o que no son cuadradas o para renders. Si el tutorial lo vas a usar para crear una firma, no hace falta hacerlo).

Guardamos la imagen en una carpeta.

Ahora vamos a abrir la otra imagen. Volvemos a abrir la misma imagen.

Volvemos a usar el "Borrador mágico".

Vamos al menú superior Imagen > Rotar > Voltear horizontal

Ahora volvemos a abrir la primera imagen que guardamos antes.
Utilizamos la herramienta "Marco rectangular" . Seleccionamos toda la imagen. La copiamos (Ctrl+C) y nos vamos a la imagen que giramos antes que se encuentra en la cesta de la barra inferior. Ahora pegamos la otra imagen (Ctrl+V).

Ahora podemos ver en la parte inferior derecha que tenemos la Capa 1 y la Capa 2. Ya tenemos las imágenes!

Nos vamos al menú superior Archivo > Guardar para web. En la parte derecha marcamos el cuadrito "Animar" y en la parte inferior derecha marcamos la opción "Repetir" y el tiempo que queremos que pase la imagen.

Ya está! Este es el resultado:



Este Gif es solo de prueba, y como podéis ver es penoso xD, aunque en la firma tengo otro que quedó bastante bien. Si hacemos click con el botón derecho encima de la imagen y clickamos en "Propiedades", podemos ver el número de imagenes que se han usado. En el caso de mi firma usé 107.

Los Gif también se pueden hacer Online con webs como esta: http://picasion.com/ Pero tienen el inconveniente, de que solo puedes usar 10 imagenes máximo.

Espero que os sirva!

Saludos!
______________

Nosotros apoyamos a los Poofers! --> Click Aquí
Mensaje29-01-2011, 17:46 (UTC)    
Título del mensaje:

muy bueno. lo probare cuando valla a casa de un amigo que tiene el ps

salu2
Mensaje29-01-2011, 18:26 (UTC)    
Título del mensaje:

Ahy que mencionar que en photoshop se puede hacer el fondo transparente
como vs lo has hecho lo que resulta muy bueno para jugar con los fondos

y no pierde calidad el gif de salida


Por tanto muy buen tutorial :D
me servira bastante

Lo usare para hacer mis gifs

Usaba photoshop e imageready o Banner Shop xD
jejeje
Esperaremos mas tutos de photoshop
Mensaje29-01-2011, 19:36 (UTC)    
Título del mensaje: comentarios

Gracias por los comentarios! :D

Talvez cree algun tuto más de photoshop..

Saludos!
______________

Nosotros apoyamos a los Poofers! --> Click Aquí
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group