Como crear un gif

Responder
Avatar de Usuario
Piccolo Daimaoh
Administrador adjunto
Administrador adjunto
Mensajes: 4153
Registrado: 13 Feb 2017 22:15

Como crear un gif

Mensaje por Piccolo Daimaoh » 10 Mar 2018 21:17

En este tuto vamos explicar como crear un gif e integrarlo en una firma.

Primero abrimos el video del que queremos extraer nuestro gif, usando un programa tipo VLC que nos permita hacer capturas de video. Recomiendo poner velocidad lenta e ir haciendo capturas rapidas para que nuestro gif se vea fluido.

Imagen

Una vez que tenemos todas las imagenes de nuestro gif, usamos el Photoshop.
Abrimos el programa.

Archivo :arrow: Secuencia de comandos :arrow: Cargar archivos en pila

Imagen

Nos sale esta pantalla.

Imagen

Pulsamos explorar y seleccionamos todas las imagenes que van formar nuestro gif. Como consejo es mejor que las tengais ordenadas en orden descendente para que cuando las cargue la ultima imagen que formara nuestro gif, esta estea por encima de todas las demas.

Imagen

Una vez que estan cargadas, le damos a OK.

Imagen

Todas las imagenes apareceran perfectamente superpuestas en photoshop. Vemos a la derecha todas las capas (son las imagenes individuales) que formaran nuestro gif. Por defecto aparecen todas seleccionadas.

Imagen

Teniendo seleccionadas todas las capas, usamos la herramienta mover (arriba a la izquierda) y arrastramos todas las capas a nuestra firma, la cual debe estar en otro pestaña.
Si al pasar las imagenes a nuestra firma, se ven muy grandes, teniendo todas las capas seleccionadas podemos redimensionarlas al tamaño que queramos usando

Edicion :arrow: Transformacion libre.

Imagen

Una vez colocada en nuestra firma de la manera que queremos, vamos a darle movimiento.
Antes de nada, desclicaremos todas las capas (desmarcamos el ojo) menos la primera capa, es decir la imagen con la que empezaremos el gif. Para darle movimiento.

Ventana :arrow: Animacion.

Imagen

Nos aparecera en la parte inferior una linea de cuadros. Pulsando el simbolo que tengo recuadrado en rojo, iremos duplicando los cuadros. Tanto cuadros como imagenes formaran nuestro gif.

Imagen

Al mismo tiempo que duplicamos cuadros, tenemos que ir clicando la capa siguiente. Como vemos en el lado derecho, al duplicar el cuadro clike la siguiente imagen. Haremos esto tantas veces como imagenes tengamos. Un buen gif, ronda las 75-90 imagenes.
Si damos al boton derecho del raton, nos aparece un menu donde podemos cambiar el tiempo de cada cuadrado. Por defecto lo recomendable entre 0.1-0.2 segundos para que el gif se vea natural.

Imagen

En este caso, vemos que tenemos 92 cuadros.

Imagen

Una vez acabado nuestro gif, vamos a guardarlo.

Archivo :arrow: Guardar para Web y dispositivos

Imagen

Nos saldra esta pantalla, donde podemos modificar el tamaño de nuestro gif al tamaño que queramos. Pulsamos guardar.

Imagen

Y este seria el resultado del gif.

Imagen

Asi se veria dentro de la firma.

Imagen

Espero que os haya parecido interesante y que os sirva de ayuda.
ImagenImagenImagenImagen

Os dire cuales son las palabras que más odio: Justicia y Paz
Construiremos un mundo maravilloso donde reine la maldad y el terror

Avatar de Usuario
Paikuhan
Moderador Goz
Moderador Goz
Mensajes: 1951
Registrado: 16 Feb 2017 12:32

Re: Como crear un gif

Mensaje por Paikuhan » 11 Mar 2018 02:06

Espectacular tutorial! Gracias Daimaoh!
ImagenImagenImagen

Avatar de Usuario
Zamasu
SAIYAN FANTASMA
SAIYAN FANTASMA
Mensajes: 273
Registrado: 23 Nov 2017 19:34

Re: Como crear un gif

Mensaje por Zamasu » 11 Mar 2018 05:10

Mil gracias por el tutorial!
ImagenImagen
El mundo está lleno de sucios mortales que lo degradan. Yo soy el adalid de la justicia y el guardián de los
mundos, mi trabajo es limpiar el mundo de esos sucios mortales. ¡Alabadme, adoradme, soy el Dios Zamasu!

Avatar de Usuario
Piccolo Daimaoh
Administrador adjunto
Administrador adjunto
Mensajes: 4153
Registrado: 13 Feb 2017 22:15

Re: Como crear un gif

Mensaje por Piccolo Daimaoh » 11 Mar 2018 08:54

De nada chicos.
Ahora a practicar. ;)
ImagenImagenImagenImagen

Os dire cuales son las palabras que más odio: Justicia y Paz
Construiremos un mundo maravilloso donde reine la maldad y el terror

Avatar de Usuario
C-16
Moderador Mez
Moderador Mez
Mensajes: 1996
Registrado: 16 Feb 2017 17:15

Re: Como crear un gif

Mensaje por C-16 » 11 Mar 2018 13:18

Otro gran turorial Daimaoh. :aplauso:

Trabajazo para hacer estos tutoriales, se agradece. Son muy útiles y seguro que más de uno practicará. ;)
Imagen

Avatar de Usuario
Son Gohan
FAMILIA REAL SAIYAN
FAMILIA REAL SAIYAN
Mensajes: 2180
Registrado: 20 Feb 2017 14:24

Re: Como crear un gif

Mensaje por Son Gohan » 11 Mar 2018 15:04

Tremendo tutorial amigo Dai!! :aplauso: ,es interesante saber que se puede meter el gif de otra manera,pero mi pregunta es como haces para moverlos y colocarlos justo en el mismo sitio para que no pegue saltos el gif,yo ahora estoy usando un marco que luego coloco por detrás pero ahora te pregunto otra cosa que es si mueves uno a uno el gif por que a mi ya me lleva su tiempo hacerlo con 10 o 15 no quiero imaginar con 80 o 90.....
Imagen Imagen

Yo tengo la culpa por ser siempre un niño débil... siempre he dependido de los demás... ¡¡Y YA NO QUIERO!!

Avatar de Usuario
Piccolo Daimaoh
Administrador adjunto
Administrador adjunto
Mensajes: 4153
Registrado: 13 Feb 2017 22:15

Re: Como crear un gif

Mensaje por Piccolo Daimaoh » 11 Mar 2018 15:20

Al cargar los archivos en pila ya te los coloca bien por defecto.
No hace falta que los coloques uno a uno.
ImagenImagenImagenImagen

Os dire cuales son las palabras que más odio: Justicia y Paz
Construiremos un mundo maravilloso donde reine la maldad y el terror

Avatar de Usuario
Son Gohan
FAMILIA REAL SAIYAN
FAMILIA REAL SAIYAN
Mensajes: 2180
Registrado: 20 Feb 2017 14:24

Re: Como crear un gif

Mensaje por Son Gohan » 11 Mar 2018 20:06

Vaya pues ahora ya entiendo es mucho mejor asi moverlo una vez sin preocuparse y ya está ^^ muchas gracias Dai de nuevo!! :cerveza:
Imagen Imagen

Yo tengo la culpa por ser siempre un niño débil... siempre he dependido de los demás... ¡¡Y YA NO QUIERO!!

Avatar de Usuario
Piccolo Daimaoh
Administrador adjunto
Administrador adjunto
Mensajes: 4153
Registrado: 13 Feb 2017 22:15

Re: Como crear un gif

Mensaje por Piccolo Daimaoh » 11 Mar 2018 20:36

De nada Gohan ;)
ImagenImagenImagenImagen

Os dire cuales son las palabras que más odio: Justicia y Paz
Construiremos un mundo maravilloso donde reine la maldad y el terror

Avatar de Usuario
Son Goku
FAMILIA REAL SAIYAN
FAMILIA REAL SAIYAN
Mensajes: 2003
Registrado: 28 Feb 2017 11:40

Re: Como crear un gif

Mensaje por Son Goku » 11 Mar 2018 22:14

Gran trabajo el tutorial Daimaoh. Tengo que probar a hacerlo que está muy bien explicado :adoracion:
ImagenImagen

Avatar de Usuario
Mr.Boo
Moderador Saike
Moderador Saike
Mensajes: 2035
Registrado: 16 Feb 2017 15:16

Re: Como crear un gif

Mensaje por Mr.Boo » 14 Mar 2018 22:07

Y esto ya sí que es nivel experto top top :adoracion: :adoracion: :adoracion: :adoracion: :adoracion: :adoracion:

Un apunte aparte del tema.. ¿qué dirían hoy en día si apareciera Cell en DBS dibujado así aunque sólo fuera esa escena? Se armaría un revuelo mundial criticando el dibujo, y mira antes que felices éramos. :lol: :lol: :lol:
ImagenImagenImagen

Avatar de Usuario
Piccolo Daimaoh
Administrador adjunto
Administrador adjunto
Mensajes: 4153
Registrado: 13 Feb 2017 22:15

Re: Como crear un gif

Mensaje por Piccolo Daimaoh » 15 Mar 2018 01:21

Todo es ponerse Boo.
No es tan dificil como parece ;)
Animaros a practicar a ver que sale :D
ImagenImagenImagenImagen

Os dire cuales son las palabras que más odio: Justicia y Paz
Construiremos un mundo maravilloso donde reine la maldad y el terror

Avatar de Usuario
Piccolo Daimaoh
Administrador adjunto
Administrador adjunto
Mensajes: 4153
Registrado: 13 Feb 2017 22:15

Re: Como crear un gif

Mensaje por Piccolo Daimaoh » 02 May 2018 22:11

Resubidas las imagenes de este tuto ;)
ImagenImagenImagenImagen

Os dire cuales son las palabras que más odio: Justicia y Paz
Construiremos un mundo maravilloso donde reine la maldad y el terror

Responder

Volver a “Tutoriales”

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado