3 de Diciembre de 2008
Sep
30

Tutorial de como hacer gifs animados: Hoy, carta Mewtwo

Categorías: ,

Muy buenas! En el día de hoy vamos ha aprender (para los que no sepan) ha hacer gifs animados. No puedo aseguraros precisamente que este sea el método mas sencillo ni mas correcto de hacerlo. Pero si que es el único método que se.

Al principio puede parecer mucha cosa, pero ya veréis, que el método en si mismo es sencillo, y es mas "coñazo" el ponerse que el hacerlo. El resultado sera de lo mas satisfactorio si queda mismamente como lo habias planeado.

Ante todo comentaros que yo no tengo un nivel demasiado alto informaticamente hablando, y si eso es lo que esperáis encontrar en este tutorial desde aquí ya os aviso que sera mejor que visitéis a ellolo_17 o a LoganKeller. Porque yo no tengo mucha idea y esto que voy a mostrar aquí se basa en el método "prueba y error" que al final he conseguido aprender.

Lo primero de todo, es comentar los programas que necesitareis (o los que yo uso en este caso). En este orden son: Videotodo, Windows Movie Maker, Adobe ImageReady y Photoshop (estos dos ultimos creo que vienen a la par con la instalación del ultimo).

¡¡Así que manos a la obra!! (preparaos, que viene un tochamen que os cagais)


Lo primero que debes tener claro, es que es lo que quieres visualizar. Yo en este caso, quiero hacer un gif animado y que quede royo "carta de Mewtwo", como esta que esta aquí abajo, y que cierto blogger utilizo para amenazarme...



Yo, como soy muy cabezón, he estado preparando mis otras cartas pokemon... y hoy vamos hacer una versión parecida, pero con la carta de MewTwo.


Lo primero es tener instalado el Videotodo. Una vez instalado, buscamos el lugar desde el del cual se sacaran las imágenes (ignoro si hay otra forma aparte de esta para hacerlo), y nos adentraremos en el maravilloso mundo del Youtube.

El video seleccionado es este. Lógicamente, cuanta mejor calidad tenga el video, mejor quedara.

Para ver este video es necesario tener JavaScript activado y el plugin Flash instalado en el navegador.



Ahora clickamos en la dirección de la pagina donde esta el video, y si teníamos "Videotodo" abierto, la dirección se debería haber copiado en la casilla "dirección Web".

 


Ahora, le damos a configuración, y nos aseguramos que este seleccionada la casilla VCD, asi podremos trabajar con ella mas adelante. (a la espera de algún comentario de alguien que sepa mas que yo, digo que hay que marcar esa casilla, porque en las versiones que yo tengo en mi Pc solo puedo editar videos que hayan sido descargados de esa manera).

 

 

Después le damos a "Descargar". Y en ese ratito, podéis ir ha hacer un rio, una montaña, cambiar de canal, o fumaros un cigarrito, ya que primero se descargara, y luego se convertirá el archivo.


¿Ya habéis hecho vuestras cositas? Bienvenidos de nuevo. Ahora toca editar el video. Es una parte importante, ya que estas serán las imágenes que el Gif animado va a reproducir.


Ahora abrimos el Windows Movie Maker. Esta parte tampoco es que sea la mas complicada ni aburrida. A mi me gusta esto de ir cogiendo los fragmentos, y así es como hice mis montajes de "adopta a un héroe".

Para empezar, lo que hay que hacer, es importar el video de la carpeta donde "Videotodo" nos ha descargado y convertido el video. Así que sin mas dilación, le damos a ese botoncito tan majo y simpático.

 

 

 


Una vez abierto el archivo, puede tener este aspecto el windows movie maker.

 



No pasa nada porque el archivo se haya separado de esta forma. Yo no comprendo su funcionamiento, y la verdad, es que tampoco importa mucho como veréis a continuación.

Lo que hay que hacer ahora, es ir seleccionando las escenas una por una, hasta ir encontrando los fragmentos que nos interesan.

si como es el caso, hay fragmentos bien visibles que no interesan, los seleccionamos y le damos a eliminar para evitar futuras confusiones.

 

 


Lo que hay que hacer con el primer fragmento, que es el que nos interesa, es arrastrarlo hacia la parte de abajo.

 

 

Muy bien, esta parte ha sido fácil. Ahora, hay que seguir visualizando los videos e ir seleccionando los fragmentos que nos interesan. Para ello solo tendremos que darle a un botón. A este.

 



Cada vez que le demos a este botón, el fragmento de video que estemos visualizando, se "partira". Asi se nos ha quedado la pantalla del Windows Movie Maker antes de darle al Boton de partir un fragmento del video. (previamente, hay que recordar que se pueden eliminar los fragmentos de video que no interesen).

 


Y así queda después de darle.

 

 



Magia potagia!!! Después de darle al botón, el fragmento con el mismo nombre que el fragmento anterior pero con un (1) se ha creado. Ahí hemos realizado el corte. Y desde ahí empezara el siguiente fragmento.

Hay que comentar, que un video o fragmento se puede "cortar" tantas veces como se quiera, y después arrastrarlos hacia abajo en el orden que mas te convenga.

Así que ahora es cuestión de ir haciendo esto, montando tu mismo el video, hasta que quede tal y como vosotros queréis.

Asi pues, una vez editado el video a vuestro gusto, en la parte inferior del Windows Movie Maker, debereis haber arrastrado los videos que os interesaban y quedara algo parecido a esto.

 



Ahora, por costumbre, ya que no se si tiene que ver o no, yo con el botón derecho le doy a seleccionar todo, y después lo silencio (hay que darle en las barras que salen a la altura de audio con el botón derecho).

Para comprobar que el video a quedado como queríamos, le damos al play de la barra de abajo, y visualizamos nuestra obra. Es recomendable que no dure mucho el video... porque sino es una putada después.

 



Y ahora, otra vez un poco de magia. Le damos al botón guardar en el equipo.

 

 


Nos saldrá esta ventanita, que no tiene mucho secreto, donde ponemos el nombre y donde se guardara el archivo. Le damos a Siguiente una vez hechos los cambios que creáis convenientes.

 


Y ahora, nos saldrá esta ventanita, en la que hay que seleccionar AVI DV (PAL) en la casilla "otras opciones" tal y como sale en el dibujo. ¿La razón? Ni idea, pero sino en mi caso particular no puedo tratar las imágenes ni hacer el gift. Por supuesto, recuerdo que si alguien mas sabio sabe la razón, o en su caso particular no hay ningún problema que lo comente, que todo lo que sea mejorar es bien recibido. Y le damos a siguiente.

 

 

Bueno, llegados a este punto, conviene avisar de que empieza la tarea aburrida. Abrimos el Adobe Image Ready. Y abrimos el archivo que acabamos de crear con el Windows Movie Maker. Y le damos a "ok" a lo que salga.

Nos lo tomamos con calma si tarda en cargarse el video, y nos preparamos para la verdadera faena. Y lo siento, porque yo no se hacerlo de otra forma.

Cuando os comente lo de la duración del video era por el tema de las imágenes que saldrían. Por menos de 40 segundos de video me han salido casi 1000 imágenes para la animación. La animación que antes os he enseñado de Charizard no llegaba a las 130... y el único modo que se para reducirlo... es manual (que yo conozca, cualquier ayuda sera muy bien recibida)...

 


Asi que toca armarse de paciencia. Si vais seleccionando una por una las imágenes en esa barra de animación, veréis que el cambio es casi mínimo (aparte de ver los jetos que ponen los personajes en cuestión). Yo al principio suelo ir a pelo. De casa escena reconocible, selecciono una si y una no, y después las elimino.

 

 

Es un trabajo realmente pesado. Y realmente lo de ir una si y otra no solo sirve la primera vez. Los fotogramas que vemos en la barra de animación son las imágenes que veremos en el gift. Creedme, hay que reducir eso hasta un mínimo de 200 fotogramas. Después de hacer la primera tanda de eliminación, esto se puede quedar en 400 mas o menos. Igualmente, que a nadie se le ocurra ir eliminándolas de una en una. Manteniendo el botón "control" o "CTRL" (como prefiráis llamarlo o leerlo), vais seleccionando una a una las imágenes (así dentro de lo que cabe es mas fácil), y después le dais al botón basura.

 

 

Hay que seguir reduciendo los fotogramas. Y aquí también entra un poco vuestra intuición. Veis cuales son las imágenes, cuales son los fotogramas que saldrán, y cuales son los que preferís que tengan mas importancia. Es mas intuitivo de lo que parece creedme.

Porque cuando son movimientos de grandes grupos, cuantos mas fotogramas quites, mas rápido parecerá que se mueven (lógicamente), y eso es algo que ya deberéis comprobar vosotros mismos. Por eso, cuando hayáis hecho la primera selección de fotogramas para eliminar, os recomiendo guardar por si acaso.

Igualmente, intuición en ello o no, yo por norma general recomendaría ir haciendo el método de selección antes mencionado (y que habéis podido ver en la imagen que he puesto antes).

Después, reducimos la imagen. Yo suelo poner el tamaño que veis en la imagen inferior, 350 (o 400 en realidad) de ancho y que el ordenador calcule el alto. Mas que nada porque así queda en proporción.

 

 

Una vez hecho esto, bajamos un poco la resolución. Picamos donde las imágenes y listo.

 



¿Que porque bajamos la resolución? Pues ni puta idea. Pero como el gift de Charizard esta con resolución mas baja... pues así lo hago yo.

Después, seleccionamos todas las imágenes, y le damos donde pone "0,4 seg" en la barra de animación. Desde ahi, pulsamos 0 segundos de retardo. Con esto también podemos ir jugando dependiendo de como quede el resultado.

 

 



Ahora, para ver los resultados, le damos a "guardar optimizada como..." . Para eso hay que ir a archivo, e ir bajando unas cuantas casillas.

Y ya tenemos gift!! Pero ojo, acordaros que aun no es el gif de la carta mewtwo... aunque que demonios, lo ponemos aquí para que veáis como queda. EDIT: Aunque avisados estais de que no es la version "real", puesto que al final la he recortado un pelin y me da palo subirla.

 



Esto, con todas las de la ley es ya un gift animado. Si, vale, es un método puede que no perfecto. Pero al final da resultado que es lo que importa. Ahora vamos ha añadirle la carta de Mewtwo.

Para hacer en este caso, la carta Mewtwo, en el mismo ImageReady podremos hacerlo. Abrimos el archivo, retocamos el tamaño de la imagen al gusto que queremos que salga, y lo rotamos para que no "cante" demasiado.

 


Solo hay que arrastrar la imagen que hemos abierto, hasta la imagen del gif en la que queramos añadir la imagen (seleccionándola desde la barra de animación eh?). Una vez arrastrada, puede que veáis que todas las imágenes de la barra de animación, tienen la imagen enganchada. Por ahora no pensemos en ello ok?

 

Pero claro, puede que en la siguiente imagen, queráis retocar el movimiento de la carta en cuestión... pues se soluciona dándole aquí.

 

 

hay que darle justo en el ojito.



Asi, podemos volver a arrastrar la imagen hasta la posición que mejor nos convenga. Al hacer eso, en la siguiente imagen seguramente pase lo mismo, pero también con la otra imagen encima. La solución para volver a solucionar el tema es sencillísimo. Hacemos lo mismo que antes, en esa "capa" que habíamos picado antes, y en la nueva que ha surgido. Y así sucesivamente con todos los fotogramas que queramos modificar.

Ya para finalizar, nos dirigimos a la primera imagen de la barra de animación. La seleccionamos. Y picamos sobre esas "capas" que hemos creado anteriormente (en el ojo, como en el ejemplo anterior), las de la carta mewtwo en mi caso en particular. Y asi la animación completa quedara limpia de objetos no deseados en lugares incorrectos :-).


Pero ahora es cuando os cagareis en mi. Porque al hacer ese ultimo movimiento, también se han quitado las imágenes que tan costosamente hemos estado poniendo... Pero tranquilos, tiene facil solución esto. Seleccionamos el fotograma que tenia la imagen antes. Volvemos donde estaban todas esas capas... y solo tenemos que picar en la capa correspondiente de esa imagen para que vuelva a la normalidad!!

 

 

En el caso de que esa no sea la capa correcta, no hay problema, la deseleccionáis, y probáis con la de abajo...


Y ahora si... si alguien ha tenido los santos huevos de seguir toda esta guia... si le dais al boton de "guardar optimizada como..."... obtendréis el gif animado... Dando como resultado este en particular ...

Carta Mewtwo!!! Unete a la familia!! (ole los huevo/ovarios de quien haya llegado hasta aqui)

5
Valoración media: 5 (6 votos)

11 Comentarios:

:)

El del señor de los anillos es LoLeante.

La verdad es que está bien, un poco largo (creo que hay formas más sencillas de hacerlo) pero aún así es un buen inicio para el que guste de los gifs. Saludos!

muy bueno la verdad pero me

muy bueno la verdad pero me parece complicado ( es que mi cerebro no da para mas y estoy estupidoLMAO)

eso si  la carta de pikachu es buenisima me descojone un rato con esa....Very Surprised 

en fin gran entrada y buen tutorial salu2 Wink

que buen tutorial!!

Muy buen tutorial para hacer imagenes gifs yo se hacerlos pero no de esta gran calidad que los realizas tu bueno creo que muchos no saben hacerlos y le ayudara para realizarlos y en lo personal los podre hacer de mayor calidad como los tuyos.

Pd. muy buena entrada Rapsodos 5 estrellotas para ti, nada mas por que son las maximas que se pueden dar si no te daria 7 jaja.

saludos!!!

La de Charizard es un clásico

¡Yo tenía ese gif por ahí, pero es que es demasiado! LMAO Pero la tuya de Blastoise no se queda corta, y no veas como me descojoné cuando la ví en el blog de Franchus T. LMAO

No me imaginaba que habías utilizado el Image Ready, pensaba que habías utilizado otro programa, ¡pero es que esta aplicación te abre cualquier video! Una vez abri (por probar) un Quick Time Movie de Apple, precisamente el trailer de las Dos Torres,... ¡y me lo abrió! (eso sí, hay que echarle paciencia).

A ver si me animo a fabricarme los mios propios.

Genial el tutorial, pero...

...buff, cuanto trabajo Surprised. Creo que mejor seguiré "robando" los gifs (atención al detalle, se escribe sin "t" xD) de NeoGAF LMAO

5 estrellazas por la aportación, y sobre todo por el curro, que te has debido tirar un buen rato con las explicaciones y las capturas de pantalla Very Happy

Arckanoid!!! Que haces

Arckanoid!!! Que haces diciendo que hay formas mas sencillas de hacerlo y no comentarlo carajo xDDDD No ves por lo que tengo que pasar cada vez que quiero hacer uno????

Comenta o te envio a uno de estos... y ya ves que es destructivo...

 

@Franchuzas

"t"?? Donde ves una "t" Very Happy

 

@ Rikku

Si seguro que hay mas metodos y mejores... pero yo... que soy un inculto en estos temas... me busco la vida como puedo xDDDD

Gracias! 

@rapsodos

En varias partes del texto y en el título antes de que editaras Very Surprised LMAO

Gift significa regalo, y si no me equivoco, era también el nombre de un juego de GameBoy xD

Edito: Pues sí...

Very Happy

Ai... franchu... esos trios

Ai... franchu... esos trios que haces con alcohol y mas alcohol... te hacen ver cosas incorrectas.... Embarassed

Ya sabes

...es que tengo alma barcelonesa, y por ende soy proclive a los tríos. Que se lo pregunten al hamijo Woody Very Happy

Joder, pos pa no saber

Joder, pos pa no saber informática mijo... te ha quedado un tutorial deluxe.

Solo un par de toques: para que la imagen quede mejor, recomiendo (Aunque sea tedioso) ripear un DVD original o bajarnos la peli en calidad cojonuda, y pillar la parte que deseemos. Si somos vagos y optamos por roer de Youtube, añadidle esto (Sin las comillas) al final de la dirección WEB "#"

De manera que de esto: http://es.youtube.com/watch?v=0cvT_lUI2h0&3

Nos tiene que quedar esto: http://es.youtube.com/watch?v=0cvT_lUI2h0&3# 

Esto hará que veamos los videos del susodicho portal en alta calidad ;)

¡Saludos! 

GIIIIF

Finalmente podre hacer gif locos XD

Increible y excelente tutorial, un millon de aplausos y 5 estrellas porque no te puedo poner 10 ( pero piensa que lo hice)