Check the new version here

Popular channels

¡Aprende a Crear y Editar Gifs! ¡Sin Morir En El Intento!





Cualquier duda envíenme un MP con toda confianza.

Si te gustan mis aportes no dudes en seguirme y ver mi actividad.

Los comentarios ofensivos serán borrados automáticamente.



@ErChendia








Dejen Cargar el Post...!








¡Aprende a Crear y Editar Gifs! ¡Sin Morir En El Intento!





Les comparto algunos tips para crear y editar las imágenes GIFs que a tantos nos gustan, espero les guste... =)

Saludos!



1. Programas y/o formas de crear GIFs




Crear gif desde YouTube

Con solo escribir "gif" en un enlace de youtube puedes crear un gif rápidamente con cualquier video que encuentres.

URL | Gif Youtube





GifCam

Sin duda el programa mas practico que existe para crear gifs, con GifCam puedes grabar en formato .gif cualquier cosa que tengas en tu escritorio. Ademas te permite agregar texto, editar frames, entre otras herramientas...

URL | GifCam





Gif Movie Gear

Ligero y practico programa para crear gif a partir de varias imágenes combinadas en una sola, también tiene una amplia variedad de herramientas de edición.

URL | Gif Movie Gear



Adobe Photoshop

El programa por excelencia para edición y retoque de fotografías, también trae consigo amplias herramientas para personalizar y crear gifs.

URL | Adobe Photoshop





Grabilla

Si quieres crear GIFs animados capturando lo que haces en tu escritorio, puedes usar Grabilla, es una sencilla opción que funciona en Windows, Mac OS X y en Android, y que además puede capturar vídeos, tomar screenshots y guardar una página web entera como HTML.

URL | Grabilla





Instagiffer

Instagiffer es un programa muy similar a GIFCam, quizás menos práctico y versátil, pero con algunas funcionalidades que pueden interesar, como variar el brillo o la velocidad de los fotogramas, añadir efectos o incluso utilizar un video de Youtube para crear el GIF animado.

URL | Instagiffer



Virtualdub

Otro método para crear GIF animados es utilizar uno de los editores de video preferidos por muchos: VirtualDub. A pesar de ser un programa orientado a la edición multimedia de video, también podemos elegir la opción Exportar / Animated GIF, para exportar videos editados con este potente programa.

URL | Virtualdub





2. Bajar el Peso de un GIF



Bajar el peso de un gif a veces se hace necesario, por ejemplo aquí en Taringa! para shoutear.

Hay muchas formas para hacer esto, pero yo les muestro las que uso personalmente.

Quitar Cuadros o Frames.

Quitar los cuadros o frames que son los que componen un gif, es la forma mas eficiente de bajar el peso. Podemos hacerlo de 2 formas usando 2 programas distintos.

Usando Photoshop...

Escogeré este gif que pesa 2.5MB:





Lo abrimos con Photoshop, nos vamos a Ventana > Animación (o linea de tiempo en CS6-CSS) y en la ventana que se nos abre:





Vamos a escoger cuadro junto con su capa, es decir, cuadro1 con capa1, cuadro2 con capa2, etc.. mas o menos como se muestra en la imagen:





Cuando escojan las que crean necesarias borrar, simplemente borran y prueban en Archivo > Guardar para Web y Dispositivo y vean el peso actual que tendrá el gif.

En mi ejemplo quitando las cuadros logre bajar el gif de 2.5MB a 1.2MB





Usando Gif Movie Gear...

El proceso anterior resulta bastante cansado, por eso recomiendo quitar frames a los gifs usando Gif Movie Gear ya que es mas fácil y menos tedioso.

Abrimos el programa y buscamos o arrastramos el gif para abrirlo.





Voy a usar el mismo gif para el ejemplo:

Nota: Si quieren cierran la ventanita que dice: Preview Animation





Para quitar los frames del gif, nos dirigimos a Animation>Thin (Reduce Fram Coun)





El programa quitara 1 frame cada tantos frames que ustedes escojan, es decir, si lo dejan en 4 (como se muestra la imagen) el ira quitando de 4 en 4.





Lo que esta de rojo son los frames que tenia anteriormente y lo que esta en azul son los frames que tienen al final.

Solo queda ir a File>Save GIF Animation As.. lo guardan y listo!




Reducir Colores.
Otra forma de bajar el peso de un gif, consiste en reducir la cantidad de colores que componen cada frame.

Usando Photoshop...

Tomare este gif con estilo HD como ejemplo que pesa 2.0MB:





Buscamos y abrimos el gif con Photoshop:





Nos vamos a Archivo > Guardar para Web y Dispositivo





Y en la parte superior derecha donde dice Ajuste preestablecido escogemos algunas de las opciones que se nos muestra:





Obviamente no van a escoger los que dicen "JPG, PNG" Yo para ejemplo escogí este:





Resultado > Peso: 1.2MB





Usando Photoshop (Otro Método)...

Otra opción de reducir los colores y que se puede combinar con la anterior, es:

Abrir el gif, ir a Archivo > Guardar para Web y Dispositivo Y en la parte superior derecha donde dice Colores escogemos algunas de las opciones que se nos muestra:









Escogemos alguna opción, guardamos y notaremos la diferencia con respecto al peso y también su calidad.

Antes: 2MB



Despues: 1.5MB





Usando Gif Movie Gear...

Abrimos el gif con Gif Movie Gear luego vamos a Animation>Reduce Colors...









Escogemos algunas de las opciones, en este caso yo escogí que el gif quedara con 64 colores.

Antes: 4.7MB



Despues: 2.9MB



Notaran que el gif pierde lógicamente su calidad con (ambos métodos y ambos programas) pero el peso disminuye notablemente, ya dependiendo del gif que usen se perderá mas o menos calidad.

Cambiar Tamaño

En pocas ocasiones un gif puede tener medidas muy exageradas como por ejemplo:





Usando Photoshop...

Para cambiar el tamaño con Ps, Abrimos el gif:





Van a Imagen > Tamaño de la Imagen





En esta ventana verán el tamaño actual, y se lo cambiamos a un tamaño menor:









Guardan y listo!







3. Colocar marca de agua.



Para los que crean sus propios gifs y quieren "certificarlos" una buena opción es la siguiente:

Usando Photoshop...

Primero abrimos algún gif que hallamos creado o combinado:





Y pulsamos F9 o bien vamos a: Ventana > Acciones:





Se nos abre la ventanita y creamos un Grupo nuevo:













Y dentro de ese Grupo creamos una Nueva Acción:



Damos en Grabar y partir de allí! Photoshop empezara a grabar cualquier acción que realicemos.

En este caso usando la Herramienta Texto, escriben su firma, le agregan algún efecto, y lo posicionan en la imagen.

Recuerden que si durante el proceso cometen algún error o no les salio como querían, pueden Parar la grabación, Comenzar la grabación o Borrar la grabación en su totalidad.





Una vez que terminen la grabación, solo paran la grabación, guardan el GIF y listo!





Ahora cuando creen un GIF y quieran poner su firma:





Solo deben dar F9 buscan el Grupo y la Acción que habíamos creado anteriormente, lo seleccionan y dan Play:





Y ya esta la firma sin necesidad de escribir el texto manualmente y agregar los efectos:





Resultado:





4. Efectos Especiales.



Con la cantidad de herramientas que Photoshop nos brinda, no esta demás agregarles unos cuantos a los gifs, claro! en algunos casos aumentaría su peso.


Aumentar Definicion

En algunos casos algunos gifs pueden que nos queden con un toce de baja calidad, como por ejemplo:





Para aumentar la definición del gif y que no se vea tan feo, podemos hacer lo siguiente:

Usando Photoshop...

Abrimos el gif:





Luego seleccionamos el primer cuadro, junto con la primera capa:





Después nos dirigimos a Filtros>Enfocar>Enfocar





Luego hacemos lo mismo pero teniendo seleccionado el cuadro 2, junto con la capa 2:





Hacemos lo mismo Filtros>Enfocar>Enfocar con todos los cuadros y sus capas, hasta que terminemos todo el gif.

Resultado:




Efecto Blanco y Negro

Hacer que los gifs queden en blanco y negro no solo le da un estilo sombrío, si no que ademas en algunos casos el peso del gif disminuye ya que el color de los pixeles van solo del blanco al negro.

Usando Photoshop...

Abrimos el gif:





Nos vamos a la parte derecha en: Ajustes>Blanco Y Negro





Asegúrense de que la capa de Blanco y Negro quede por encima de todas las capas del gif:





Guardan el gif y listo! notaran que el peso del gif disminuyo un poco:

Antes: 2.1MB



Despues: 1.8MB




Darle Vida a un Gif

Para los gifs que se vean apagados o con falta de color, podemos hacer lo siguiente:

Usando Photoshop...

Abrimos el gif:





Luego en la parte derecha seleccionamos: Ajuste>Brillo/Contraste





En esa capa deben ir probando cuanto brillo y contraste quieren que tenga el gif, yo en este caso escogí esta configuración:





Luego de eso se aseguran de que la capa quede por encima de las capas del gif:





Y solo queda guardar!

Antes:



Después:





5. ¿En donde puedo alojar GIFs?




KN3

Si los gifs son para shoutear en Taringa! obligatoriamente hay que usar kn3.net, recomendable un peso máximo de 2.0MB para los gifs.



URL | Kn3.net


GIPHY



URL | GIPHY


MINUS



URL | MINUS (No es muy estable que digamos)


IMGUR



URL | IMGUR



EXTRAS



Para otros tutoriales pueden pasarse por mis anteriores post..



¡Combina Tus Gif's Fácilmente! | Tutorial | Ps

¡Simple y Elegante Banner para tus Post! | Tutorial | Ps

¡Crea un Gif con Efecto 3D! | Tutorial | Ps











¡SE ACABO AMIGOS! ¡PERO ANTES DE IRTE RECUERDA!

Recomienden y Comenten el post a sus seguidores.

El post me llevo tiempo y esfuerzo un comentario no cuesta nada.


¡UN ABRAZO DE MI PARTE Y GRACIAS POR PASAR!







+4
0
0
0No comments yet