{"id":27263,"date":"2018-08-19T16:06:07","date_gmt":"2018-08-19T16:06:07","guid":{"rendered":"https:\/\/rockcontent.com\/es\/como-hacer-un-gif\/"},"modified":"2025-09-22T13:00:42","modified_gmt":"2025-09-22T16:00:42","slug":"como-hacer-un-gif","status":"publish","type":"post","link":"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/","title":{"rendered":"C\u00f3mo hacer un gif paso a paso"},"content":{"rendered":"<p>Crear un gif es una habilidad que puede ser <strong>ejecutada de una manera muy simple<\/strong>, dada las distintas posibilidades y softwares disponibles en el mercado. Puedes trabajar con Adobe Photoshop o incluso con una aplicaci\u00f3n para celular.<\/p>\n<p>Si no lo conoces, el GIF es un formato de imagen que se puede encontrar en una forma fija o en una forma animada, en loop infinito o no.<\/p>\n<p>En Internet ellos son utilizados a gran escala en su forma animada, al final de cuentas fue para eso que fueron creados.<\/p>\n<p>Lo interesante en GIFs es que, cuando animados, crean una ilusi\u00f3n de movimiento mostrando una secuencia de im\u00e1genes o cuadros por un determinado per\u00edodo.<\/p>\n<p><img data-opt-id=748387643  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/como-crear-un-gif.gif\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"optimole-lazy-only  wp-image-30386\"\/><\/p>\n<p>El GIF, el acr\u00f3nimo del <em>Graphics Interchange Format <\/em>(Formato de Intercambio de Gr\u00e1ficos) es un formato imagen de mapa de bits que utiliza colores de 8 bits.<\/p>\n<p>Utiliza la compactaci\u00f3n LZW, que es un m\u00e9todo de compresi\u00f3n sin p\u00e9rdidas, dejando \u00e1reas de colores s\u00f3lidos bien n\u00edtidos mientras preserva detalles.<\/p>\n<p>Pero no todo son flores colores: como los archivos <strong>GIF se limitan a 256 colores<\/strong>, optimizar una imagen original de 24 bits como un GIF de 8 bits puede sustraer colores y da\u00f1ar la imagen original.<\/p>\n<p>Otro aspecto interesante es que los GIFs soportan transparencia en la imagen, adem\u00e1s de ser aceptados en pr\u00e1cticamente todos los navegadores (Google Chrome, Mozilla Firefox, Microsoft Edge, entre otros).<\/p>\n<h2 class=\"wp-block-heading\">El GIF en tu estrategia de marketing<\/h2>\n<p>Debes preguntarte por qu\u00e9 utilizar esta herramienta\/estrategia en el marketing. Pues bien, GIFs son f\u00e1ciles de comprender y poseen una carga m\u00e1s veloz que la de los v\u00eddeos.<\/p>\n<p>Son una gran manera para atraer la atenci\u00f3n de tu usuario, estimul\u00e1ndolo a compartir o hacer clic en elementos que antes pasaban desapercibidos en determinadas p\u00e1ginas.<\/p>\n<p>En el tutorial siguiente aprender\u00e1s a crear y a exportar un gif. Puedes utilizar el mismo paso a paso para crear un banner, un bot\u00f3n que se mueve, un CTA (Llamada a la Acci\u00f3n) o incluso un meme.<\/p>\n<p>\u00bfVamos?<\/p>\n<h2 class=\"wp-block-heading\">C\u00f3mo crear un GIF en Photoshop<\/h2>\n<p>En este tutorial vamos a usar <em>Adobe Photoshop Creative Cloud 2015<\/em>, sin embargo, t\u00fa puedes utilizar tal programa desde la versi\u00f3n CS3.<\/p>\n<p><img data-opt-id=2076329900  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/photoshop.png\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"wp-image-30388\"\/><\/p>\n<h3 class=\"wp-block-heading\">Paso 1 &#8211; Importando\/creando el contenido<\/h3>\n<p>Si a\u00fan no has creado un arte, abre Photoshop y ve al <strong>Archivo&gt; Nuevo<\/strong> &#8230; (File&gt; New), o presiona Ctrl + N. Define las configuraciones b\u00e1sicas de tu imagen como <strong>Ancho, Altura, Resoluci\u00f3n<\/strong> (72 p\u00edxeles\/pulgadas es la clave para la web).<\/p>\n<p>Despu\u00e9s de creado el documento, inserta los elementos de tu composici\u00f3n y no te olvides: cada capa del archivo se puede animar de una manera diferente.<\/p>\n<p>Salta al <strong>Paso 2<\/strong> de este tutorial.<\/p>\n<p>Si tienes una secuencia de im\u00e1genes que produce movimiento, abre Photoshop y ve a <strong>Archivo&gt; Secuencias de comandos&gt; Cargar Archivos en la pila<\/strong> (File&gt; Scripts&gt; Load Files into Stack).<\/p>\n<p>Haz clic en <strong>Examinar<\/strong> &#8230; (Browse\u2026) y busca el v\u00eddeo o las fotos que deseas utilizar. Selecciona todos los archivos y haz clic en <strong>Abrir <\/strong>(Open).<\/p>\n<p>Haz clic en <strong>OK<\/strong> para importar las fotos en un solo archivo. Ten en cuenta que el tiempo para la apertura de los archivos puede ser m\u00e1s extenso, ya que Photoshop crear\u00e1 una Capa (Layer) para cada imagen<\/p>\n<p>Estas capas se convertir\u00e1n en los marcos de tu GIF.<\/p>\n<p>Salta al <strong>Paso 2<\/strong> de este tutorial.<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=288940084  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/tutorial1-1.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"wp-image-30394\"\/><\/figure>\n<figure class=\"wp-block-image\"><img data-opt-id=1396971681  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/tutorial2-1.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"wp-image-30396\"\/><\/figure>\n<p>Si tienes un v\u00eddeo que deseas convertir en GIF ser\u00e1 necesario convertir los frames de v\u00eddeo en capas individuales. Abre Photoshop y ve a <strong>Archivo&gt; Importar&gt; Cuadros de V\u00eddeo para Capas&#8230;<\/strong> (File&gt; Import&gt; Video Frames to Layers &#8230;).<\/p>\n<p>Busca y selecciona el archivo de v\u00eddeo y haz clic en <strong>Abrir<\/strong>.<\/p>\n<p>Haz clic en <strong>OK<\/strong> para convertir los marcos en un archivo \u00fanico con capas.<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=644726427  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/tutorial3.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"wp-image-30398\"\/><\/figure>\n<p>En las versiones m\u00e1s recientes de Photoshop puedes limitar el upload del v\u00eddeo, acelerando el proceso de importaci\u00f3n. En las opciones de la ventana de importaci\u00f3n puedes limitar el n\u00famero de frames que se van a insertar.<\/p>\n<p>Es posible importar todo el v\u00eddeo o elegir solo una parte de \u00e9l. Tambi\u00e9n puedes limitar el intervalo de frames.<\/p>\n<p>En la pr\u00e1ctica, manejar muchas capas puede convertirse en un peque\u00f1o caos si no te organizas desde el principio. Si tienes experiencia editando im\u00e1genes, sabr\u00e1s que, en medio de una lluvia de capas, cualquier desliz termina con el objeto equivocado movi\u00e9ndose en tu animaci\u00f3n final. Yo suelo renombrar cada una ni bien la importo, aunque suene obsesivo, pero cr\u00e9eme, te salva tiempo y dolores de cabeza si te toca hacer ajustes de \u00faltimo momento.<\/p>\n<p>No subestimes tampoco el peso del archivo, sobre todo si est\u00e1s pensando en usar tu GIF para correo o redes sociales. Muchas veces, menos es m\u00e1s: una animaci\u00f3n corta y ligera se comparte y carga sin problemas, en vez de quedarse eternamente cargando. Y bueno, siempre queda esa tentaci\u00f3n de agregar un mont\u00f3n de detalles \u2014luces, brillos, textos bailando\u2014 pero no te sorprendas si al exportar, Photoshop empieza a quejarse o el resultado pierde la gracia por la lentitud de carga. Vale hacer algunas pruebas r\u00e1pidas de calidad antes de dar el trabajo por terminado.<\/p>\n<h3 class=\"wp-block-heading\">Paso 2 &#8211; Abriendo la Timeline de Photoshop<\/h3>\n<p>Haz clic en <strong>Ventana&gt; L\u00ednea de tiempo<\/strong> (Window&gt; Timeline) para abrir el panel de animaci\u00f3n.<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=1907473349  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/tutorial4.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"wp-image-30400\"\/><\/figure>\n<p>En este momento tienes dos opciones: <strong>Crear la l\u00ednea de tiempo de v\u00eddeo<\/strong> (Create Video Timeline) o <strong>Crear marco de animaci\u00f3n<\/strong> (Create Frame Animation).<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=730560861  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/tutorial5.png\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"wp-image-30402\"\/><\/figure>\n<p>Cuando estamos tratando de una edici\u00f3n m\u00e1s gen\u00e9rica, es interesante utilizar <strong>Crear la l\u00ednea de tiempo de v\u00eddeo.<\/strong> Cuando necesitamos una animaci\u00f3n frame a frame, es interesante utilizar la <strong>Crear marco de animaci\u00f3n<\/strong>.<\/p>\n<h3 class=\"wp-block-heading\">Paso 3 &#8211; Convertiendo las capas en frames animados<\/h3>\n<p>Haz clic en el bot\u00f3n de Opciones en la esquina superior derecha de tu l\u00ednea de tiempo y selecciona <strong>Crear Marcos a Partir de Capas<\/strong> (Make Frames From Layers). Esta acci\u00f3n convertir\u00e1 todas las capas en frames \u00fanicos.<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=893643868  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/tutorial6.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"wp-image-30404\"\/><\/figure>\n<p>Haz clic en el bot\u00f3n con un s\u00edmbolo de <strong>Play<\/strong> o presione la barra espaciadora en tu teclado para ver la animaci\u00f3n.<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=775830459  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/tutorial7.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"wp-image-30406\"\/><\/figure>\n<h3 class=\"wp-block-heading\">Paso 4 &#8211; Definiendo el loop del GIF<\/h3>\n<p>En tu panel de L\u00ednea de Tiempo, seleccione la opci\u00f3n <strong>Siempre<\/strong> (Forever) para habilitar el loop infinito en tu GIF (esta configuraci\u00f3n solo sirve para la previsualizaci\u00f3n de tu GIF. Antes de guardar, recuerda activar en el panel de exportaci\u00f3n).<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=1145873850  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/tutorial8.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"wp-image-30408\"\/><\/figure>\n<p>De nuevo, haz clic en el bot\u00f3n con un s\u00edmbolo de <strong>Play<\/strong> o presiona la barra espaciadora en tu teclado si deseas ver la animaci\u00f3n.<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=1039263206  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/tutorial9.gif\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"optimole-lazy-only  wp-image-30410\"\/><\/figure>\n<h3 class=\"wp-block-heading\">Paso 5 &#8211; Exportando en formato.gif<\/h3>\n<p>\u00bfTodo listo? Ve a <strong>Archivo&gt; Exportar&gt; Guardar para Web (legado)<\/strong>&#8230; (File&gt; Export&gt; Save for Web (Legacy)&#8230;).<\/p>\n<p>En la ventana que se abre, selecciona la configuraci\u00f3n predeterminada <strong>GIF 128 con Punteo<\/strong> (GIF 128 Dithered). Selecciona 256 en el men\u00fa <strong>Colores <\/strong>(Colors) para garantizar una mejor calidad.<\/p>\n<p>Selecciona el <strong>Tama\u00f1o de la Imagen<\/strong> seg\u00fan tu necesidad y no olvides seleccionar <strong>Para Siempre<\/strong> (Forever) en las opciones de Looping.<\/p>\n<p>Haz clic en <strong>Preview<\/strong> &#8230; Para ver c\u00f3mo tu GIF se comportar\u00e1 en los navegadores.<\/p>\n<p>Haz clic en <strong>Guardar<\/strong>&#8230; (Save &#8230;) y seleccione la carpeta donde se guardar\u00e1 el archivo. \u00a1Listo! Tu GIF animado est\u00e1 listo para ser publicado.<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=766379992  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/tutorial10.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"wp-image-30412\"\/><\/figure>\n<p><img data-opt-id=1581042712  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/tutorial11.gif\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"optimole-lazy-only  wp-image-30414\"\/><\/p>\n<h2 class=\"wp-block-heading\">C\u00f3mo publicar un GIF en Internet<\/h2>\n<p>Hay muchas opciones para publicar un GIF. Aqu\u00ed, vamos a tratar de dos maneras.<\/p>\n<p>Si tienes un sitio web, puedes alojar el GIF desde su FTP o, si haces uso de CMS como WordPress, puedes alojar desde tu panel de administrador.<\/p>\n<p>Si prefieres alojar el GIF solo en una red social, puede ser interesante el uso del sitio <a href=\"https:\/\/giphy.com\/upload\" target=\"_blank\" rel=\"noreferrer noopener\">Giphy.com<\/a>.<\/p>\n<p>Este sitio cuenta con la m\u00e1s grande colecci\u00f3n de GIFs del mundo y tu arte no podr\u00eda quedarse fuera. El upload es totalmente gratis y Giphy libera una url para que lo muestres al mundo en segundos.<\/p>\n<h2 class=\"wp-block-heading\">C\u00f3mo colocar un GIF en Facebook<\/h2>\n<p>Para publicar un GIF en tu timeline, basta pegar <strong>la url del archivo<\/strong> junto a tu texto. Recuerde que esta url siempre tendr\u00e1 la terminaci\u00f3n .gif, \u00bfverdad?<\/p>\n<p>Si la url est\u00e1 funcionando, Facebook autom\u00e1ticamente detectar\u00e1 que se trata de un GIF y lo dejar\u00e1 listo para ser divulgado.<\/p>\n<p>Una vez que la miniatura del GIF aparezca, puedes borrar la url pegada anteriormente para que tu post sea visualmente m\u00e1s atractivo.<\/p>\n<p>Tambi\u00e9n es posible publicar GIFs en Twitter, Pinterest y, por supuesto, en la red social favorita de las im\u00e1genes animadas: <a href=\"https:\/\/www.tumblr.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tumblr<\/a>.<\/p>\n<h2 class=\"wp-block-heading\">C\u00f3mo convertir un v\u00eddeo en GIF<\/h2>\n<p>\u00bfSolo quieres convertir un v\u00eddeo finalizado y est\u00e1s sin tiempo para hacer todo el proceso de Photoshop?<\/p>\n<p>Puedes entrar al sitio <a href=\"https:\/\/ezgif.com\/video-to-gif\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (abre em uma nova aba)\">Ezgif<\/a> o el <a rel=\"noreferrer noopener\" href=\"https:\/\/makeagif.com\/video-to-gif\" target=\"_blank\">Make a GIF<\/a> y subir tu archivo en formato MP4, WebM, AVI, FLV, 3GP, OGV, MOV o M4V.<\/p>\n<p>Al terminar el upload cada sitio mostrar\u00e1, a su manera, una forma de exportaci\u00f3n de la imagen.<\/p>\n<p>Puedes cortar, cambiar el tama\u00f1o, seleccionar un tramo, establecer la tasa de marcos (frame rate), entre otros.<\/p>\n<h2 class=\"wp-block-heading\">C\u00f3mo convertir un v\u00eddeo de YouTube en GIF<\/h2>\n<p>Para convertir cualquier v\u00eddeo de YouTube en GIF basta con insertar la palabra &#8220;gif&#8221; al comienzo de la URL del v\u00eddeo.<\/p>\n<p>Por ejemplo, si el link es <a href=\"https:\/\/www.youtube.com\/watch?v=8dmg1d3F3Bc\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (abre em uma nova aba)\">https:\/\/www.youtube.com\/watch?v=8dmg1d3F3Bc<\/a>, d\u00e9jalo as\u00ed <a rel=\"noreferrer noopener\" href=\"https:\/\/www\/\" target=\"_blank\">https:\/\/www<\/a>.<strong>gif<\/strong><a rel=\"noreferrer noopener\" href=\"https:\/\/youtube.com\/watch?v=8dmg1d3F3Bc\" target=\"_blank\">youtube.com\/watch?v=8dmg1d3F3Bc<\/a>. \u00bfF\u00e1cil, no?<\/p>\n<p>Al hacerlo, se le redirige a un editor de v\u00eddeo en el que podr\u00e1s seleccionar el tramo que va a girar GIF.<\/p>\n<p><img data-opt-id=1813017306  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/gif-pecanha.gif\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"optimole-lazy-only  wp-image-30416\"\/><\/p>\n<p>En este GIF por ejemplo, seleccionamos un fragmento de un v\u00eddeo de Pe\u00e7anha y a\u00f1adimos algunos efectos.<\/p>\n<p>Como puedes percibir, esta herramienta deja una marca de agua encima de tu v\u00eddeo. Puedes retirarla usando otro sitio de edici\u00f3n de GIF o suscribirte a un plan de <a href=\"https:\/\/gifs.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gifs.com<\/a>.<\/p>\n<h2 class=\"wp-block-heading\">C\u00f3mo crear un gif usando el celular<\/h2>\n<p>Hay algunas aplicaciones como <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.yourelink.gifpro\" target=\"_blank\" rel=\"noreferrer noopener\">GIF Pro<\/a>, <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=ali.alhadidi.gif_facebook\" target=\"_blank\" rel=\"noreferrer noopener\">Gifs <\/a>y <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.xnview.XnGif\" target=\"_blank\" rel=\"noreferrer noopener\">Gif Me! <\/a>que colaboran con la producci\u00f3n de GIF en plataformas m\u00f3viles, como Android y iOS. Todos estos citados todav\u00eda son muy precarios en comparaci\u00f3n con Photoshop, sin embargo pueden servirte en el cotidiano de producciones multimedia.<\/p>\n<p>A continuaci\u00f3n, enumeramos las principales aplicaciones que pueden ayudarte a simular un GIF en tu celular o tablet.<\/p>\n<h3 class=\"wp-block-heading\">Boomerang (<a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.instagram.boomerang\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (abre em uma nova aba)\">Android <\/a>e <a rel=\"noreferrer noopener\" href=\"https:\/\/itunes.apple.com\/br\/app\/boomerang-from-instagram\/id1041596399?mt=8\" target=\"_blank\">iOS<\/a>)<\/h3>\n<p>Instagram lanz\u00f3 recientemente la aplicaci\u00f3n Boomerang, que simula el funcionamiento de GIF en sus v\u00eddeos, creando un sistema de loop infinito.<\/p>\n<p>Con \u00e9l t\u00fa puedes hacer miniv\u00eddeos usando las c\u00e1maras delantera y trasera. \u00a1Hay apenas un bot\u00f3n!<\/p>\n<p>La aplicaci\u00f3n toma 10 fotos y las junta, acelera el v\u00eddeo y muestra las im\u00e1genes en loop hacia adelante y hacia atr\u00e1s.<\/p>\n<p>Comparte sus v\u00eddeos en Facebook y en el Instagram directamente desde la aplicaci\u00f3n o comp\u00e1relos m\u00e1s tarde del rollo de la c\u00e1mara.<\/p>\n<p>Recordando que el Boomerang crea v\u00eddeos, es decir, al guardar en el celular vas a disponer del formato MP4 solo. No es necesario hacer ning\u00fan registro, ni abrir ninguna cuenta para empezar a capturar im\u00e1genes.<\/p>\n<h3 class=\"wp-block-heading\">Giphy (<a href=\"https:\/\/giphy.com\/apps\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (abre em uma nova aba)\">Android e iOS<\/a>)<\/h3>\n<p>Giphy es el mayor sitio de GIF del mundo y, a trav\u00e9s de todo su conocimiento del tema, ha creado una serie de aplicaciones que facilitan su uso en plataformas m\u00f3viles. Encontrar aquel meme antiguo se ha vuelto s\u00faper f\u00e1cil.<\/p>\n<p><img data-opt-id=373515717  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/03\/giphy.png\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"wp-image-30418\"\/><\/p>\n<p>Ve todas las aplicaciones de Giphy en el <a href=\"https:\/\/giphy.com\/apps\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (abre em uma nova aba)\">sitio oficial<\/a>.<\/p>\n<p>\u00bfTe gust\u00f3 este contenido? Aprende m\u00e1s sobre el contenido visual para marketing con el <a href=\"https:\/\/materiales.rockcontent.com\/marketing-en-video\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"ebook Marketing en v\u00eddeos (abre em uma nova aba)\">ebook Marketing en v\u00eddeos<\/a>:<\/p>\n<p>Si te qued\u00f3 alguna duda, d\u00e9jala en los comentarios que la aclararemos lo&nbsp;antes posible.<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfSabes c\u00f3mo crear un GIF? \u00a1Te mostramos paso a paso c\u00f3mo producir ese contenido s\u00faper din\u00e1mico!<\/p>\n","protected":false},"author":1,"featured_media":11347,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-27263","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo hacer un gif: paso a paso completo y sencillo<\/title>\n<meta name=\"description\" content=\"\u00bfSabes c\u00f3mo hacer un GIF? En este art\u00edculo te mostramos un paso a paso simple y completo para que logres crearlos. \u00a1Echa un vistazo!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo hacer un gif: paso a paso completo y sencillo\" \/>\n<meta property=\"og:description\" content=\"\u00bfSabes c\u00f3mo hacer un GIF? En este art\u00edculo te mostramos un paso a paso simple y completo para que logres crearlos. \u00a1Echa un vistazo!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-19T16:06:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-22T16:00:42+00:00\" \/>\n<meta name=\"author\" content=\"Carolina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carolina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/\",\"url\":\"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/\",\"name\":\"C\u00f3mo hacer un gif: paso a paso completo y sencillo\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/es\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2018-08-19T16:06:07+00:00\",\"dateModified\":\"2025-09-22T16:00:42+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/es\/resources\/#\/schema\/person\/dfeb4821f4dc8d642d3b107d5e7294c2\"},\"description\":\"\u00bfSabes c\u00f3mo hacer un GIF? En este art\u00edculo te mostramos un paso a paso simple y completo para que logres crearlos. \u00a1Echa un vistazo!\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/es\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo hacer un gif paso a paso\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/es\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/es\/resources\/\",\"name\":\"Pingback Blog Espa\u00f1ol: Marketing for builders\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/es\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/es\/resources\/#\/schema\/person\/dfeb4821f4dc8d642d3b107d5e7294c2\",\"name\":\"Carolina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/es\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Carolina\"},\"sameAs\":[\"https:\/\/pingback.com\"],\"url\":\"https:\/\/pingback.com\/es\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo hacer un gif: paso a paso completo y sencillo","description":"\u00bfSabes c\u00f3mo hacer un GIF? En este art\u00edculo te mostramos un paso a paso simple y completo para que logres crearlos. \u00a1Echa un vistazo!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/","og_locale":"pt_BR","og_type":"article","og_title":"C\u00f3mo hacer un gif: paso a paso completo y sencillo","og_description":"\u00bfSabes c\u00f3mo hacer un GIF? En este art\u00edculo te mostramos un paso a paso simple y completo para que logres crearlos. \u00a1Echa un vistazo!","og_url":"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/","og_site_name":"Pingback","article_published_time":"2018-08-19T16:06:07+00:00","article_modified_time":"2025-09-22T16:00:42+00:00","author":"Carolina","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Carolina","Est. tempo de leitura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/","url":"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/","name":"C\u00f3mo hacer un gif: paso a paso completo y sencillo","isPartOf":{"@id":"https:\/\/pingback.com\/es\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/#primaryimage"},"thumbnailUrl":"","datePublished":"2018-08-19T16:06:07+00:00","dateModified":"2025-09-22T16:00:42+00:00","author":{"@id":"https:\/\/pingback.com\/es\/resources\/#\/schema\/person\/dfeb4821f4dc8d642d3b107d5e7294c2"},"description":"\u00bfSabes c\u00f3mo hacer un GIF? En este art\u00edculo te mostramos un paso a paso simple y completo para que logres crearlos. \u00a1Echa un vistazo!","breadcrumb":{"@id":"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/es\/resources\/como-hacer-un-gif\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/es\/resources\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo hacer un gif paso a paso"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/es\/resources\/#website","url":"https:\/\/pingback.com\/es\/resources\/","name":"Pingback Blog Espa\u00f1ol: Marketing for builders","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/es\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/es\/resources\/#\/schema\/person\/dfeb4821f4dc8d642d3b107d5e7294c2","name":"Carolina","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/es\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Carolina"},"sameAs":["https:\/\/pingback.com"],"url":"https:\/\/pingback.com\/es\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/es\/resources\/wp-json\/wp\/v2\/posts\/27263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/es\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/es\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/es\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/es\/resources\/wp-json\/wp\/v2\/comments?post=27263"}],"version-history":[{"count":4,"href":"https:\/\/pingback.com\/es\/resources\/wp-json\/wp\/v2\/posts\/27263\/revisions"}],"predecessor-version":[{"id":46299,"href":"https:\/\/pingback.com\/es\/resources\/wp-json\/wp\/v2\/posts\/27263\/revisions\/46299"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/es\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/es\/resources\/wp-json\/wp\/v2\/media?parent=27263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/es\/resources\/wp-json\/wp\/v2\/categories?post=27263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/es\/resources\/wp-json\/wp\/v2\/tags?post=27263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}