Tutorial gifs animados

Foro donde los usuarios pueden demostrar su destreza artística dando a conocer sus fanfics, fanart, poesia, historietas...
Avatar de Usuario
songoku007
Recluta Privado de Tercera
Recluta Privado de Tercera
Mensajes: 89
Registrado: Mar Jul 03, 2007 12:28 pm
Ubicación: Perdido en la inmensidad del cosmos, buscando el monolito negro.
Contactar:

Re: Tutorial gifs animados

Mensaje por songoku007 »

Gran tutorial, me pasé tiempo buscando como hacer gifs, y aquí lo he encontrado todo bien detallado, :aplausos: a demás las dudas ya respondidas, era más información que me ha ido muy bien. Gracias a todos :alabar:

Hasta pronto y feliz año 2009 :wink:

Atentamente: JL :neko:
Imagen
Avatar de Usuario
Matzutzi
Oficial Técnico
Oficial Técnico
Mensajes: 1219
Registrado: Mar Feb 05, 2008 3:33 am
Ubicación: La Sangre dentro de tus Venas
Edad: 32
Género:
Contactar:

Re: Tutorial gifs animados

Mensaje por Matzutzi »

:joint: :joint: :joint: Tengo un pequeño problema y no sabía donde preguntarlo, y pense en este tema, espero que este bien aca, es sobre cambiarle el fondo de color a un gift que tiene letras que se mueven de un lado a otro, quisiera ponerle otro fondo, pero nose como hacerlo, algun consejo por favor :neko: :neko: :neko: :neko:
Avatar de Usuario
WiperSkypiea
Sargento
Sargento
Mensajes: 515
Registrado: Dom Abr 13, 2008 11:32 am
Ubicación: Grand Line
Edad: 30
Contactar:

Re: Tutorial gifs animados

Mensaje por WiperSkypiea »

gracias, buen tutorial :ok:
Avatar de Usuario
Camtaro
Recluta Privado de Primera
Recluta Privado de Primera
Mensajes: 166
Registrado: Vie Jul 04, 2008 12:05 am
Ubicación: En un barco de la marina
Edad: 31
Contactar:

Re: Tutorial gifs animados

Mensaje por Camtaro »

tengo una pregunta: como hago para convertir un video q grabe en .gif? (el video dura 4sec)
gracias...
ImagenImagen
Imagen Imagen
Avatar de Usuario
Gargadon
Teniente
Teniente
Mensajes: 1968
Registrado: Lun Oct 10, 2005 6:49 am
Ubicación: /lost+found
Edad: 34
Contactar:

Re: Tutorial gifs animados

Mensaje por Gargadon »

Puedes abrir el video con ImageReady. Peeeero... te tardará algo lento cargar todos los fotogramas.

Y en unos días (quizás mañana), pondré un tutorial de cómo hacer GIFs animados con The GIMP (para los que no poseemos ImageReady).
Avatar de Usuario
Camtaro
Recluta Privado de Primera
Recluta Privado de Primera
Mensajes: 166
Registrado: Vie Jul 04, 2008 12:05 am
Ubicación: En un barco de la marina
Edad: 31
Contactar:

Re: Tutorial gifs animados

Mensaje por Camtaro »

ya intente eso pero me dice q no me reconoce el archivo... no me tardo mucho xq el video dura unos 4 secs...
ImagenImagen
Imagen Imagen
Avatar de Usuario
Gargadon
Teniente
Teniente
Mensajes: 1968
Registrado: Lun Oct 10, 2005 6:49 am
Ubicación: /lost+found
Edad: 34
Contactar:

GIFs animados con The GIMP

Mensaje por Gargadon »

Hace poco me vi en la necesidad de buscar algún sustituto de ImageReady puesto que las versiones de Photoshop CS3 y superiores ya no incluían esta hermosa herramienta para crear animaciones. Y más ahora que me he pasado a Ubuntu y aquí la versión de Imageready CS no sirve, y no quería tener que reiniciar para poder entrar a WinDOS, me encontré con que The GIMP puede hacer animaciones.

Para empezar a realizarlas, primero podemos bajarnos The GIMP de la siguiente página: http://www.gimp.org/ , y luego instalarlo. Ahora comencemos con el tutorial...

1.- Para poder realizar el GIF animado, primero debemos tener listos los frames necesarios (recomiendo guardarlos en una carpeta). Yo usé Photoshop CS para realizar los frames debido a la incompatibilidad de los Blending Options. Aunque la verdad da igual con qué programa lo hagamos (siempre que quede bien, claro).

2.- Abramos The GIMP. No nos asustemos de que hayan tres ventanas. Total, sólo utilizaremos dos de ellas.
Spoiler: Mostrar
Imagen
3.- Vayamos a "Archivo" - "Abrir como capas"... y seleccionemos todas las imágenes que conforman la animación que realizaremos.

4.- Podemos ver en la ventana de la derecha (la que dice "Capas, canales, rutas, deshacer...") que en el apartado Capas se nos han abierto todas las imágenes de nuestra próxima animación.
Spoiler: Mostrar
Imagen
5.- Aquí viene lo grande de The GIMP. Se preguntarán: "Pero no quiero que cada frame dure lo mismo" o "¿Cómo pongo la duración a todos los frames?". Tranquilos, tiempo al tiempo. Primero explicaré la primera duda. The GIMP no trabaja en esta parte con controles ni nada de eso. Pero para subsanar esa parte nos toparemos con la sorpresa de que podemos editar la duración de los frames desde el apartado Capas. De este modo: Demos clic derecho sobre la capa que queremos que dure más de lo normal (si hay varias repetiremos dicho paso) y seleccionemos "Editar atributos de capa".

6.- En la ventanita que vemos ahora, veremos el nombre de la capa. Ahora agreguemos en el nombre de la capa un paréntesis inicial, la duración del frame y el paréntesis final. Quedando de este modo.
Spoiler: Mostrar
Imagen
Donde (1200ms) es la duración que queremos que tenga dicho frame. Aceptemos los cambios (si hay otros frames donde tengamos que cambiar la duración, lo hacemos) y guardemos nuestro espacio de trabajo con el formato xcf (el nativo de The GIMP) para cuando realicemos nuevos cambios.

7.- Ahora viene lo bueno. Guardemos nuestra animación de esta forma.
Vayamos a "Archivo" - "Guardar como...". En "Seleccionar el tipo de archivo" elijamos "Imagen GIF". Y guardemos.
Spoiler: Mostrar
Imagen
8.- Se nos mostrará un aviso, pero no es nada del otro mundo. Pongamos las opciones que ven en la siguiente imagen y sigamos.
Spoiler: Mostrar
Imagen
9.- Se nos mostrará otro aviso. En Opciones de GIF animado podemos cambiar todos los parámetros necesarios. Bucle infinito si queremos que la animación se repita indefinidamente, en "Retardo de cuadros cuando no se especifique" pongamos la duración (en milisegundos) que queremos que tenga cada frame. En "Desecho de fotogramas cuando no se especifique" podemos elegir si queremos que no se borren los frames o si solo queremos que en cada paso aparezca un frame y no todos los demás. Si elegimos la opción anterior, recomiendo marcar la opción "usar el desecho introducido arriba para todos los fotogramas".
Spoiler: Mostrar
Imagen
Y guardemos.

Ahora tenemos nuestro GIF animado. Esa es la forma más básica. También podemos abrir el GIF realizado con The GIMP y previsualizar la animación. Vayamos a "Filtros" - "Animación" y seleccionemos "Reproducir". Allí podemos tener una vista previa de cómo se reproducirá la animación, y podremos repetir los pasos 5 y 6 para cambiar la duración de los frames.
Spoiler: Mostrar
Imagen
Y con eso tenemos un GIF animado. En mi parecer es mucho más fácil que utilizar ImageReady, aunque su única molestia es exportar los frames para poder abrirlos con este programa.
Avatar de Usuario
crushing
Comandante
Comandante
Mensajes: 2715
Registrado: Lun Dic 05, 2005 11:19 am
Ubicación: Gobernando el Shin Sekai
Edad: 42
Género:
Contactar:

Re: Tutorial gifs animados

Mensaje por crushing »

Yo utilizo el virtual Dub, que puede hacer los dos pasos, tanto transformar un gif en video como un video en gif.
Avatar de Usuario
Gia Secando
Moderador
Moderador
Mensajes: 10409
Registrado: Lun Oct 16, 2006 1:46 am
Ubicación: Porn Blue
Edad: 34

Re: Tutorial gifs animados

Mensaje por Gia Secando »

Una consulta con respecto a la velocidad del gif una vez guardado, el cual me va más lento de los previsualizado.

Algunos me dirán que pueden haber frames repetidos o el tiempo de cada frame es mucho, pero no hay ninguno repetido y todos están en 0 (no delay).

También me pasa a veces cuando guardo algunos gif desde internet, el gif guardado es mucho más lento que el que estaba en la web.

¿Alguien sabe por qué y como puedo solucionarlo? :cry:
SCARETALE - PIRATAS DE BIG MOM:
Spoiler: Mostrar

Imagen
CLICK AQUÍ, NO SEA TÍMIDO.
Imagen (Barrita de libre uso :wink: )
Avatar de Usuario
Bembi
Cabo
Cabo
Mensajes: 424
Registrado: Mar Feb 24, 2009 11:46 am
Edad: 39

Re: Tutorial gifs animados

Mensaje por Bembi »

Buenas! , en estos dias de bonanza , sin nada mejor que hacer que descargar el one piece unlimited cruise para la wii, leer la torre oscura V, dejar curriculums (que acabaran en la basura) ,y convencerme a mi mismo que este verano hare ejercicio , tenis, atletismo ,flexiones y que coño! natacion sincronizada, me ha dado por continuar con mi segundo hobbie: hacer gifs o algo parecido (el primero es coleccionar respuestas de empresas, como el "guardaremos tu curriculum en la base de datos" o "gracias por tu interes, formaras parte de la bolsa de empleo "...)

He creado este:
Imagen
Lo he creado con el jasc animation shop, a partir de una imagen que he ido cortando, y luego he creado una transicion de desplazamiendo para cada parte, peeero, me pregunto yo con ingenuidad:

¿Existe una forma mas facil de crear este efecto a partir de una imagen?
Gracias de ante"brazo".
Imagen
Avatar de Usuario
Chico De Goma
Recluta Privado de Primera
Recluta Privado de Primera
Mensajes: 296
Registrado: Mar Sep 15, 2009 4:10 pm
Ubicación: San Sebastian de los Reyes, Madrid, España, El Mundo, Via Lactea
Edad: 30

Re: Tutorial gifs animados

Mensaje por Chico De Goma »

Necesito ayuda, porque despues de leerme todo este topic, no he encontrado lo que buscaba, cuando yo copio imagenes de un sprite, lo hago con la varita magica (hablo de Photoshop), el problema son 2:

Los pantalones de Luffy SIEMPRE estan unidos al fondo, de manera que cuando los selecciono, se me selecciona el sprite entero.

En algunos segmentos, por ejemplo en uno que hace como un Gomu Gomu no Pisstoru, pero hacia arriba y como si tuviera 3 manos, pues los huecos no me los recorta, y encima como tiene el efecto de movimiento, pues las sombras sueltas tampoco y ya no se que hacer me puede ayudar alguien? :cry: :cry: :cry: :cry: :cry: :cry: :cry:
Avatar de Usuario
capitan_juampa
Sargento Mayor
Sargento Mayor
Mensajes: 870
Registrado: Jue Sep 04, 2008 11:53 pm
Ubicación: Punk Hazard
Edad: 32

Re: Tutorial gifs animados

Mensaje por capitan_juampa »

weno, gracias x el tutorial :o
Imagen
Avatar de Usuario
gofe
Cabo
Cabo
Mensajes: 497
Registrado: Mar Feb 24, 2009 9:52 pm
Ubicación: en el level 7 de impel down
Edad: 41

Re: Tutorial gifs animados

Mensaje por gofe »

Hola buenas,tengo un problemilla ala hora de hacer un gift animado,aver si podeis ayudarme.Todo lo he hecho con el photoshop imageready y como en el primer post,pero ahora el problema es para guardarlo,lo tengo ya con el tamaño de 100x100 pero ala hora de guardar solo se me guarda la primera imagen del gift.

¿alguien me puede hechar una mano please?

gracias por adelantado.un saludo :wave:
Imagen
Avatar de Usuario
Migeru
Almirante
Almirante
Mensajes: 4878
Registrado: Dom Mar 12, 2006 2:01 pm
Ubicación: Skypiea
Género:

Re: Tutorial gifs animados

Mensaje por Migeru »

gofe escribió:Hola buenas,tengo un problemilla ala hora de hacer un gift animado,aver si podeis ayudarme.Todo lo he hecho con el photoshop imageready y como en el primer post,pero ahora el problema es para guardarlo,lo tengo ya con el tamaño de 100x100 pero ala hora de guardar solo se me guarda la primera imagen del gift.

¿alguien me puede hechar una mano please?

gracias por adelantado.un saludo :wave:
Tienes que darle a Guardar optimizada.
Si le das a guardar sólo se guardará la primera imagen.
Imagen
Avatar de Usuario
Vichin
Teniente
Teniente
Mensajes: 2053
Registrado: Sab Ago 28, 2010 3:59 pm
Ubicación: Si Pinchas en mi firma te lleva a mi canal ;D
Edad: 32
Género:
Contactar:

Re: Tutorial gifs animados

Mensaje por Vichin »

Esta bastante bien el tutorial yo uso Flash con el que se pueden hacer avatares asi tambien muy fácil
Responder