GIMP Tutorial animado GIF

Como producir un GIF animado con GIMP

GIMP é un programa de software moi poderoso tendo en conta que é gratuíto. Os deseñadores web , en particular, poden agradecer a súa capacidade para producir GIFs animados simples.

Os GIF animados son animacións sinxelas que verán en moitas páxinas web e, mentres son moito menos sofisticadas que as animacións de Flash , son moi sinxelas de producir calquera persoa con coñecemento básico do GIMP.

Os seguintes pasos amosan unha simples animacións de tamaño de pancarta web usando un par de gráficos básicos, algúns de texto e un logotipo.

01 de 09

Abre un novo documento

Neste exemplo, vou usar GIMP para producir un banner web GIF animado moi básico. Seleccionei o modelo preestablecido de banner web común 468x60 . Para a súa animación, pode seleccionar un tamaño predeterminado ou establecer dimensións personalizadas en función de como vai usar a súa animación final.

A miña animación estará formada por sete cadros e cada cadro estará representado por unha capa individual, o que significa que o meu arquivo GIMP final terá sete capas, incluído o fondo.

02 de 09

Configurar o fotograma

Quero que a miña animación comece cun espazo en branco para que non faga ningún cambio na capa de fondo real que xa está en branco.

Non obstante, necesito cambiar o nome da capa na paleta Capas . Prema co botón dereito na capa de fondo da paleta e selecciona Editar atributos de capa . No cadro de diálogo Editar atributos de capa que se abre, engado (250ms) ao final do nome da capa. Isto determina o tempo que este cadro mostrará na animación. O ms representa milisegundos e cada milisegundo é milésima de segundo. Este primeiro cadro aparecerá durante un cuarto de segundo.

03 de 09

Establecer o cadro dous

Quero usar unha pegada gráfico para este cadro, entón vou a Ficheiro > Abrir como capas e selecciona o meu ficheiro gráfico. Isto coloca a pegada nunha nova capa que podo posicionar segundo se require usando a ferramenta Mover . Do mesmo xeito que coa capa de fondo, necesito renomear a capa para asignar o tempo de visualización do cadro. Neste caso, eu escollín 750ms.

Nota: na paleta Capas , a previsualización da nova capa mostra un fondo negro ao redor do gráfico, pero en realidade esta área é transparente.

04 de 09

Configurar marcos tres, catro e cinco

Os tres cadros seguintes son máis pegadas que percorrer o pancarta. Estes insíranse da mesma forma que o marco dous, usando ese mesmo gráfico e outro gráfico para o outro pé. Como antes do tempo configúrase como 750ms para cada cadro.

Cada unha das capas de pegada necesita un fondo branco para que só se poida ver un cadro; actualmente, cada un ten un fondo transparente. Podo facer isto creando unha nova capa inmediatamente debaixo dunha capa de pegada, cubrindo a nova capa con branco e logo premendo co botón dereito sobre a capa de pegada e premendo Fusionar .

05 de 09

Establecer o cadro Seis

Este cadro é só un marco baleiro en branco que dará a aparencia da pegada final que desaparece antes de que apareza o marco final. Eu dei este intervalo de capa e opto por ter esta pantalla por tan só 250ms. Non precisa nomear capas, pero pode facer que os ficheiros en capas sexan máis fáciles de traballar.

06 de 09

Establecer o cadro sete

Este é o marco final e mostra un texto xunto co logotipo de About.com. O primeiro paso aquí é engadir outra capa cun fondo branco.

A continuación, uso a ferramenta de texto para engadir o texto. Isto aplícase a unha nova capa, pero vou tratar con isto unha vez que agregue o logotipo, que podo facer da mesma forma que agregue os gráficos de pegada anteriormente. Cando teño estes organizados como desexado, podo usar Fusion Down para combinar o logotipo e as capas de texto e fusionar esa capa combinada coa capa branca que se engadiu anteriormente. Isto produce unha soa capa que formará o cadro final e escollín para mostrar isto por 4000ms.

07 de 09

Vista previa da animación

Antes de gardar o GIF animado, GIMP ten a opción de previsualización en acción, indo a Filtros > Animación > Reprodución . Isto abre un diálogo de vista previa con botóns de explicación propia para reproducir a animación.

Se algo non parece correcto, pode modificarse neste punto. Se non, pode gardarse como un GIF animado.

Nota: A secuencia de animación configúrase na orde de que as capas estean apiladas na paleta Capas , a partir do fondo ou da capa máis baixa e traballando cara arriba. Se a súa animación ten secuencias, terá que axustar a orde das súas capas, premendo nunha capa para seleccionar e usar as frechas arriba e abaixo na barra inferior da paleta Layers para cambiar a súa posición.

08 de 09

Gardar o GIF animado

Gardar un GIF animado é un exercicio moi sinxelo. En primeiro lugar, vai a Ficheiro > Gardar unha copia e dálle ao seu ficheiro un nome relevante e seleccione onde desexa gardar o ficheiro. Antes de premer Gardar , prema en Seleccionar tipo de ficheiro (por extensión) cara á esquerda inferior e, desde a lista que se abre, seleccione a imaxe GIF . No diálogo de ficheiro de exportación que se abre, fai clic no botón Gardar como animación e fai clic no botón Exportar . Se recibe un aviso sobre capas que se estenden máis alá das fronteiras reais da imaxe, faga clic no botón Recortar .

Isto levará agora ao diálogo Gardar como GIF cunha sección de Opcións de GIF animadas . Podes deixar estes por defecto, pero se só queres que a animación teña unha vez, debes deseleccionar Loop para sempre .

09 de 09

Conclusión

Os pasos que se mostran aquí proporcionarán as ferramentas básicas para crear as túas propias animacións simples, utilizando diferentes gráficos e tamaños de documentos. Aínda que o resultado final é bastante básico en canto a animación, é un proceso moi sinxelo que calquera que teña un coñecemento básico de GIMP pode alcanzar. Os GIF animados probablemente pasen máis do seu momento, pero con un pouco de pensamento e unha planificación coidadosa, aínda se poden usar para producir elementos animados efectivos moi rapidamente.