Skip to Content

Inicia sesión/Regístrate

Cómo crear una imagen GIF animada con GIMP

Descargar el PDF

Información del autor

Descargar el PDF

Imágenes animadas GIF pueden encontrarse por todo el internet. Usadas en botones, vínculos, iconos, fondos, divisiones, banners, etc. pueden ser desde una herramienta excelente para la expresión personal o una molestia. En este artículo, te iremos guiando a través de unos pasos básicos para hacer tu propio GIF animado desde cero usando GIMP.

Pasos

Descargar el PDF

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2f\/Create-an-Animated-GIF-Image-with-GIMP-Step-1-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2f\/Create-an-Animated-GIF-Image-with-GIMP-Step-1-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

1
Abre GIMP, y crea una nueva imagen usando Archivo > Nuevo.
- El tamaño de la imagen depende de tu propósito. Los banners de publicidad oscilan entre los 60 y 120 pixeles de alto y 400 a 800 pixeles de ancho. Diferentes programas de sitios web y sistemas de intercambio de banners listarán sus propios requisitos. Para los botones, la altura es generalmente no más de 40 pixeles, y el ancho es usualmente menor a los 300 pixeles. Los separadores, acentos, widgets, etc. no tienen ninguna restricción, excepto tal vez debido a cuánto disco duro tienes y cuánta banda ancha necesitarás para subirlos.
- En esta guía, seleccionaremos 200 pixeles para el ancho y 20 pixeles para la altura, haz clic en OK. GIMP te dará un rectángulo pequeño y blanco.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/10\/Create-an-Animated-GIF-Image-with-GIMP-Step-2-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/10\/Create-an-Animated-GIF-Image-with-GIMP-Step-2-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Cada capa que crearemos será un “cuadro” en la animación.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/85\/Create-an-Animated-GIF-Image-with-GIMP-Step-3-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/85\/Create-an-Animated-GIF-Image-with-GIMP-Step-3-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/24\/Create-an-Animated-GIF-Image-with-GIMP-Step-4-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/24\/Create-an-Animated-GIF-Image-with-GIMP-Step-4-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

, desbloquea los valores horizontales y verticales haciendo clic en el pequeño símbolo de cadenas entre ellos, e introduce 3 para el ancho horizontal y 4 para el ancho vertical, 0 para la intersección, 22 para el espaciado horizontal, 18 para el espaciado vertical, 2 para el espaciado de la intersección, 1 para el offset horizontal, 0 para el offset vertical, y 6 para el offset de la intersección. Selecciona el color rojo oscuro para las líneas de cuadrícula horizontal y vertical, haz clic en OK.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c3\/Create-an-Animated-GIF-Image-with-GIMP-Step-5-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c3\/Create-an-Animated-GIF-Image-with-GIMP-Step-5-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Ahora haz clic derecho en la capa que se llama “copia de fondo” y selecciona propiedades de capa para renombrarla a algo simple como “cuadro 1”.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/4e\/Create-an-Animated-GIF-Image-with-GIMP-Step-6-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4e\/Create-an-Animated-GIF-Image-with-GIMP-Step-6-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/32\/Create-an-Animated-GIF-Image-with-GIMP-Step-7-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-7-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/32\/Create-an-Animated-GIF-Image-with-GIMP-Step-7-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-7-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Algunas animaciones se prestan para diferentes variaciones, y guardar el marco te ahorrará mucho tiempo. Usa el formato interno de GIMP “XCF” para este archivo, así como “PlantillaAnimación.xcf”.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e4\/Create-an-Animated-GIF-Image-with-GIMP-Step-8-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-8-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e4\/Create-an-Animated-GIF-Image-with-GIMP-Step-8-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-8-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

haciendo clic en el icono del Ojo al lado de ellos.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/99\/Create-an-Animated-GIF-Image-with-GIMP-Step-9-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-9-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/99\/Create-an-Animated-GIF-Image-with-GIMP-Step-9-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-9-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d3\/Create-an-Animated-GIF-Image-with-GIMP-Step-10-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-10-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d3\/Create-an-Animated-GIF-Image-with-GIMP-Step-10-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-10-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a7\/Create-an-Animated-GIF-Image-with-GIMP-Step-11-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-11-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a7\/Create-an-Animated-GIF-Image-with-GIMP-Step-11-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-11-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

, 'saltando' hacia atrás a la izquierda cuando llegues al extremo derecho.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8a\/Create-an-Animated-GIF-Image-with-GIMP-Step-12-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-12-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8a\/Create-an-Animated-GIF-Image-with-GIMP-Step-12-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-12-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/23\/Create-an-Animated-GIF-Image-with-GIMP-Step-13-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-13-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/23\/Create-an-Animated-GIF-Image-with-GIMP-Step-13-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-13-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Hacer esto al final te permite remplazar los errores y extender la animación si escoges duplicar el fondo, pero al final usualmente no se usa para la animación.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3d\/Create-an-Animated-GIF-Image-with-GIMP-Step-14-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-14-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3d\/Create-an-Animated-GIF-Image-with-GIMP-Step-14-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-14-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

, nombra el archivo “Animación.gif", y haz clic en Guardar.. GIMP te preguntará si quieres fusionar las capas visibles o guardar como una animación. Selecciona “guardar como una animación” y haz clic en “Exportar”.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0b\/Create-an-Animated-GIF-Image-with-GIMP-Step-15-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-15-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0b\/Create-an-Animated-GIF-Image-with-GIMP-Step-15-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-15-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

ofrece un lugar donde guardar un comentario GIF dentro del archivo, y la espera estándar entre los cuadros. Entre más alto sea el número, más lenta es la animación.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/11\/Create-an-Animated-GIF-Image-with-GIMP-Step-16-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-16-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/11\/Create-an-Animated-GIF-Image-with-GIMP-Step-16-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-16-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Tu nueva animación GIF ha sido creada.

Anuncio

Consejos

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/a\/ac\/LightBarSmooth_982.gif","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ac\/LightBarSmooth_982.gif\/200px-LightBarSmooth_982.gif","smallWidth":460,"smallHeight":46,"bigWidth":200,"bigHeight":20,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Añadir una luz más tenue debajo de la luz brillante hace que ésta imagen luzca mejor.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/9\/96\/LightBarTrans_185.gif","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/96\/LightBarTrans_185.gif\/200px-LightBarTrans_185.gif","smallWidth":460,"smallHeight":46,"bigWidth":200,"bigHeight":20,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Combinar las capacidades de animación y transparencias del formato GIF pueden hacer unos efectos muy buenos.
Recuerda que una imagen GIF solo tiene 256 colores disponibles, “transparente” es uno de ellos, así que no puedes hacer MUCHO sombreado o tu sombreado desaparecerá.

Anuncio

Advertencias

Imágenes muy parpadeantes pueden causar dolores de cabeza, nausea, y otros tipos de molestias.

Anuncio

Cosas que necesitarás

GIMP; un programa gratuito de edición de imágenes.

wikiHows relacionados

Anuncio

Acerca de este wikiHow

wikiHow es un "wiki", lo que significa que muchos de nuestros artículos están escritos por varios autores. Para crear este artículo, autores voluntarios han trabajado para editarlo y mejorarlo con el tiempo. Este artículo ha sido visto 63 649 veces.

Categorías: Diseño

En otros idiomas

Imprimir

Esta página ha recibido 63 649 visitas.

¿Te ayudó este artículo?

Anuncio

-

-

467

.mwimg a.image{display:none}#header_logo{display:none}#cse-search-box{display:none}#cse-search-box-noscript{display:block !important}#cse-search-box-noscript .cse_q{color:#FFF;background-color:#B3CE9C}.wh_search .cse_q{width:88%}#mw-mf-main-menu-button{display:none;visibility:hidden}.header .search{display:none}#search_footer .cse_sa{background-image:url(/extensions/wikihow/mobile/images/white_mag.png);background-size:22px}.related_box{display:block;background:#EEE;border:5px solid #FFF;vertical-align:bottom;width:127px;background-size:180px;float:left;height:120px;position:relative}.related_box p{line-height:15px !important;font-size:13px;background-color:rgba(67,95,44,.4);color:#FFF;font-weight:bold;padding:8px;margin:0 !important;position:absolute;bottom:0}#noscript_header_logo{display:table-cell;vertical-align:middle;background-position:50% 77%;background-repeat:no-repeat;background-image:url(/extensions/wikihow/mobile/images/wikihow_logo_230.png);background-size:105px;width:auto;height:51px;padding:0 14px}.articleinfo{display:none}#iorg_free_data{z-index:50;width:100%;position:fixed}#ara_recommendations{display:none}

Design a Mobile Website

View Site in Mobile | Classic

Share by: