Tuto: Crear gifs desde 0

23:55 08/08/2006
calas_baddog Usuari@ Chuunin	BUeno me esta gustando esta idea de hacer tutoriales asi que akiles dejo uno que espero que les guste, en este tuto les voy a enseñar a crear un gif animado desde cero utilizando el media player de windows y el Adobe ImageReady. Bueno empezemos. Lo que vamos es a usar una parte de algun capitulo del anime que te guste. 1 - Abrir el cap con el media player y darle pausa en la parte que quieres recrear. 2 - EN el media player presionar (crtl) + (I), esto es para crear una imagen en formato "jpg", luego de presionar la combinacion de tecla en la parte de la pelicula que se encuentra en pausa, saldra una ventana para guardar la imagen obtenida, recomiendo que creemos una carpeta para ir gurdando ahi todas. 3 - Lo proximo es (con mucho cuidado) hacer click dos veces en el boton de play, esto es para avanzar y pausar en la otra imagen que capturaremos con lo mismo que hicimos en el segundo paso. Cuando aparezca la ventana de guardar le ponemos un nombre nuevo a la imagen, recomiendo que le pongan los nombres de numeros para despues saber en que orden animar las imagenes. Este paso lo repetiremos hasta que tengamos varias imagenes, las que tu prefieras para hacer la animacion. 4 - Con las imagenes ya guardadas entonces procedemos a abrir el ImageReady, y en este agregamos la primera imagen que creamos. Si se no se ve la linea de animacion podemos agregarla en Windows >> Animation. 5 - Ahora empezemos a agregar una por una las otras imagenes, pero haciendoles algo antes. Es decir, abrimos en ImageReady la imagen "2" a esta la seleccionamos toda con (ctrl) + (A) la copiamos con (ctrl) + (C) y la cerramos, volvemos a la primera imagen que abrimos y pegamos lo copiado con (ctrl) + (V), por lo que ahora deben aparecer dos capas. Iremos haciendo este proceso hasta que tengamos todas las imagenes copiadas en la primera. 5 - El proximo paso es quitar todos los ojitos de las capas eceptuando el ultimo, deberia quedar asi. 6 - Ahora vamos a la linea de animacion y creamos frames presionando este boton, crearemos tantos frames como imagenes capturadas. 7 - Ahora iremos frame por frame activando un ojito, como se ve aki. Para cada frame activamos el ojo de la capa que le corresponde. 8 - Despues de esto ya tenemos la animacion casi creada lo que queda es darle la velocidad a cada frame, le daremos 0,1s, esto se escoge aqui. 9 - Despues de esto ya podemos ir viendo la animacion haciendo clcik en el play, pero bueno lo ultimo que nos queda es darle el tamaño que queremos el gif para luego salvarlo. Para ver el tamaño vamos a Image >> Image Size y ahi le damos el tamaño en pixeles que deseamos. 10 - En la ventana optimize escojemos GIF, ahi mismo hay una opcion llamada quality que te recomiendo que la trasteees un poko para que cambies la calidad con que se exportara la animacion, ya que esto define el tamaño del gif. 11 - Lo ultimo es salvar el gif, para eso vamos a File >> Save Optimized As, y salvamos lo que hicimos como gif y ya tienes tu avatar animado, echo por ti mismo. Bueno espero que les guste, proximamente les dejare otro buen tutorial. les ruego que me dejen sus trabajos.

23:55 08/08/2006

15588

Usuari@
Chuunin

BUeno me esta gustando esta idea de hacer tutoriales asi que akiles dejo

uno que espero que les guste, en este tuto les voy a enseñar a crear un gif

animado desde cero utilizando el media player de windows y el Adobe

ImageReady. Bueno empezemos.
Lo que vamos es a usar una parte de algun capitulo del anime que te guste.

1 - Abrir el cap con el media player y darle pausa en la parte que quieres

recrear.

http://www.ecasa.hugetop.com/tuto2/media.gif

2 - EN el media player presionar (crtl) + (I), esto es para crear una imagen

en formato "jpg", luego de presionar la combinacion de tecla en la parte de la

pelicula que se encuentra en pausa, saldra una ventana para guardar la imagen

obtenida, recomiendo que creemos una carpeta para ir gurdando ahi todas.

3 - Lo proximo es (con mucho cuidado) hacer click dos veces en el boton de

play, esto es para avanzar y pausar en la otra imagen que capturaremos con lo

mismo que hicimos en el segundo paso. Cuando aparezca la ventana de guardar le

ponemos un nombre nuevo a la imagen, recomiendo que le pongan los nombres de

numeros para despues saber en que orden animar las imagenes. Este paso lo

repetiremos hasta que tengamos varias imagenes, las que tu prefieras para

hacer la animacion.

http://www.ecasa.hugetop.com/tuto2/imgs.gif

4 - Con las imagenes ya guardadas entonces procedemos a abrir el ImageReady, y

en este agregamos la primera imagen que creamos. Si se no se ve la linea de

animacion podemos agregarla en Windows >> Animation.

http://www.ecasa.hugetop.com/tuto2/ready.gif

5 - Ahora empezemos a agregar una por una las otras imagenes, pero haciendoles

algo antes. Es decir, abrimos en ImageReady la imagen "2" a esta la

seleccionamos toda con (ctrl) + (A) la copiamos con (ctrl) + (C) y la

cerramos, volvemos a la primera imagen que abrimos y pegamos lo copiado con

(ctrl) + (V), por lo que ahora deben aparecer dos capas. Iremos haciendo este

proceso hasta que tengamos todas las imagenes copiadas en la primera.

http://www.ecasa.hugetop.com/tuto2/layer.gif

5 - El proximo paso es quitar todos los ojitos de las capas eceptuando el

ultimo, deberia quedar asi.

http://www.ecasa.hugetop.com/tuto2/quitar.gif

6 - Ahora vamos a la linea de animacion y creamos frames presionando este

boton, crearemos tantos frames como imagenes capturadas.

http://www.ecasa.hugetop.com/tuto2/frame.gif

7 - Ahora iremos frame por frame activando un ojito, como se ve aki. Para cada

frame activamos el ojo de la capa que le corresponde.

http://www.ecasa.hugetop.com/tuto2/ojito.gif

8 - Despues de esto ya tenemos la animacion casi creada lo que queda es darle

la velocidad a cada frame, le daremos 0,1s, esto se escoge aqui.

http://www.ecasa.hugetop.com/tuto2/second.gif

9 - Despues de esto ya podemos ir viendo la animacion haciendo clcik en el

play, pero bueno lo ultimo que nos queda es darle el tamaño que queremos el

gif para luego salvarlo. Para ver el tamaño vamos a Image >> Image Size y ahi

le damos el tamaño en pixeles que deseamos.

10 - En la ventana optimize escojemos GIF, ahi mismo hay una opcion llamada

quality que te recomiendo que la trasteees un poko para que cambies la calidad

con que se exportara la animacion, ya que esto define el tamaño del gif.

http://www.ecasa.hugetop.com/tuto2/optimize.gif

11 - Lo ultimo es salvar el gif, para eso vamos a File >> Save Optimized As, y

salvamos lo que hicimos como gif y ya tienes tu avatar animado, echo por ti

mismo. Bueno espero que les guste, proximamente les dejare otro buen tutorial.

les ruego que me dejen sus trabajos.

http://www.ecasa.hugetop.com/tuto2/final.gif

Páginas: [1] 2 3 4 5
#1 @ 00:59 09/08/2006
Manga-K Baneado Kage	y no seria mas comodo decirle al virtual dub , "guardame los fotogramas de X a X" ? xDD que matado eres men! xDD
#2 @ 00:59 09/08/2006
squee Comandante Nivel: Jinchuuriki	Te lo has currado (alabanza) (alabanza) (alabanza) Gracias!!!! Te pongo una chincheta al tema porque lo vale ^^. Edit: Manga-K, es otra opción, tan válida como la que él ha puesto.
#3 @ 01:06 09/08/2006
Manga-K Baneado Kage	#2 valida si, pero practica no tanto... xDD ade+, kuando hagais un gif, intentad que sea como el de mi avatar, que no se vea inicio ni final.... sino molesta un movimiento muy repetitivo xD (si ya se que el mio tiene un paro de kolor en el nik, pero eske lso fotogramas eran impares xDD)
#4 @ 20:31 10/08/2006
calas_baddog Usuari@ Chuunin	Manga-K primero que nada, es un tutorial, con dos fines, 1- Aprender a sacar secuencia de img del media player. 2- Aprender los conceptos basicos de animacion en adobe ImageReady. Ahora, el virtual dub tiene sus problemas, las secuencuias que se obtienen, van segun la catidad de frames que tenga la peli, por lo tanto, en un pequeño mov, te llevarias hasta 100 imagenes o mas. LO de hacer la animacion que no tenga incio ni final, eso se lo dejamos a los usuarios, eso es tan simple como volver a repetir las secuencias de imagenes de forma inversa, pero ya tedije cual era mi fin, que los usuarios aprendan. PD: Squee se me habia olvidado agradecerte por lo que hiciste, voy haber si te ayudo haciendo mas tutoriales.
#5 @ 20:47 10/08/2006
squee Comandante Nivel: Jinchuuriki	#4 Denada, todos los tutoriales son siempre agradecidos ;). Tengo que probar este que dices, porque siempre usaba Virtual Dub.
#6 @ 21:06 10/08/2006
calas_baddog Usuari@ Chuunin	MI prox tutorial os voy a enseñar a hacer una signature en Adobe Photoshop, algo asi como esto.
#7 @ 21:17 10/08/2006
squee Comandante Nivel: Jinchuuriki	#6 Genial ^^. Me parece que acabaré quitando la chincheta a todos los tutoriales y poner uno índice . Por cierto, te he editado tu post, no se veía la imagen ^^.
#8 @ 02:07 17/08/2006
fire-no-jutsu Usuari@ Estudiante	Muy bueno! pero como podria reducirle el tamaño es que pesa mucho :_(
#9 @ 09:03 17/08/2006
calas_baddog Usuari@ Chuunin	antes de salvarlo en el paso 10, donde esta el menu quality, ahi busca y bajale la cantidad de colores, ahi puedes kitarle peso
#10 @ 09:51 17/08/2006
M4ng4k Usuari@ Nivel: Akatsuki	me parece un tutorial genial.Me e leido to2 los pasos y lo e entendido a la 1º (y eso q soy malisima en stas cosas...).A ver si hago un gift como tu dices #9,y a ver si t gusta! n_n
#11 @ 10:49 17/08/2006
Elian Usuari@ Nivel: Akatsuki	es la ostia este turtorial, me ha salio a la primera! te explicas dpm! lo unico es q yo en vez de ir creando frame x frame en el paso 6 le di a una flexita q hay jueto debajo del boton de cerrar en la ventana de animación y ahi le di a crear cuadros en a partir de capas y salieron todos de una vez... se puede hacer asi o e exo algo mal, de todas formas ya e exo mi primer gif, en cuanto pueda lo cuelgo aqi pa q lo veas Asias!! Edit: ahora q ya tengo tiempo lo pongo pa q lo veais :b
#12 @ 15:43 17/08/2006
squee Comandante Nivel: Jinchuuriki	#11 Anda, menudo descubrimiento lo de la flechita!!! eso tengo que probarlo xD. Muy chulo tu primer gif, te ha quedado genial ^^. Pongo aquí el avatar que hice a AsPiD siguiendo el tutorial .
#13 @ 16:28 17/08/2006
Elian Usuari@ Nivel: Akatsuki	jo yo sigo sin saber poner texto !! edit: weno ya lo se poner, pos avatar al canto!
#14 @ 05:04 19/08/2006
Jiraiya_jd Usuari@ Nivel: Akatsuki	Oye mi Windows Media no hace capturas.....T^T x q? Pongo pausa y aprieto ctrl+i pero no pasa nada he tratado hacerlo de forma manual [ir a ver caracteristicas del dvd y capturar imagen en pantalla] pero no tengo la opcion de capturar imagen en pantalla.... Mi Windows media es version 10.00 ¿Alguien sabe que pasa?
#15 @ 05:17 19/08/2006
calas_baddog Usuari@ Chuunin	no entiendo como eso no pueda salirte, yo de verdad solo he conocido el metodo abreviado, pk manualmente no le he encontrado, solo asegurate de tener seleccionado el media player en ese momento seleccionado, o es posible ke los codecs que tengas instalado no te funcionen. Pero me extaraña muxo ke no te salga, sigue pobando.
#16 @ 00:48 20/08/2006
Jiraiya_jd Usuari@ Nivel: Akatsuki	dios ... me rindo entonces T^T nada funciona Hay un programa de captura de video que sirva ?
#17 @ 06:22 20/08/2006
calas_baddog Usuari@ Chuunin	otro forma es con el media player classic, le das a file >> save image, si esta no te funciona trata de buscar el virtual dub y le das en no se donde pero el tmb salva imagnes, si por ultimo no te sale, trata con la tecla printscreen de teclado. Ahh, si no te sale trata con algun programa que capture pantallas con el sreenhunter aqui te pongo el link de mi server para que lo bajes y haber si te funciona screen Hunter Ahhh las mejores fuentes ke encontrados en mi vida estan aka, www.webexperto.com/fuentes/
#18 @ 14:35 23/08/2006
Valandil-kun Usuari@ Chuunin	Hola ya hice varios gif's por este metodo ahora solo me falta ke me enseñes a ponerle texto en el digamos un nick o similar curratelo un poco y añandelo anda ^^ axias Saludos PD: ahi te dejo los gif's que echo con tu metodo ^^
#19 @ 23:19 23/08/2006
Naruto! Usuari@ Chuunin	Yo hize este ^^
#20 @ 14:20 24/08/2006
syper Usuari@ Estudiante	calas tengo un problema cuando quiero crear el gif lo hago mas o menos como dizes(como puedo entenderlo)i al final cuando lo gravo me sale en el escritorio con icono de image ready i solo lo puedo ver con el image ready i con ningun programa mas(los otros programas se be la primera capa i ja ta)i no se que ago mal,grasias contesta plisss (alabanza)
Páginas: [1] 2 3 4 5
Para poder comentar un hilo, por favor regístrate o si ya estás registrado, conéctate en el formulario de arriba a la izquierda.