Skip to main content

Tworzenie animowanego GIF-a z GIMP-em

How to create a GIF animation with Gimp - Tutorial (Czerwiec 2026)

How to create a GIF animation with Gimp - Tutorial (Czerwiec 2026)
Anonim

GIMP jest niezwykle potężnym oprogramowaniem, biorąc pod uwagę, że jest bezpłatny. Projektanci stron internetowych mogą być szczególnie wdzięczni za możliwość tworzenia prostych animowanych plików GIF.Animowane GIF-y to proste animacje, które można zobaczyć na wielu stronach internetowych, a mimo że są znacznie mniej zaawansowane niż animacje Flash, są bardzo proste w wykonaniu przez osoby posiadające podstawową wiedzę na temat GIMP.W poniższych krokach przedstawiono prostą animację baneru internetowego z wykorzystaniem kilku podstawowych elementów graficznych, tekstu i logo.

Otwórz nowy dokument

W tym przykładzie użyjemy GIMP do stworzenia bardzo prostego animowanego banera internetowego GIF. Wybraliśmy wstępnie ustawiony szablon Baner internetowy wspólny 468x60. W przypadku animacji możesz wybrać ustawiony rozmiar lub ustawić własne wymiary w zależności od tego, w jaki sposób będziesz korzystać z końcowej animacji.Nasza animacja składa się z siedmiu ramek, a każda klatka będzie reprezentowana przez pojedynczą warstwę, co oznacza, że ​​nasz ostateczny plik GIMP będzie miał siedem warstw, w tym tło.

Ustaw pierwszą klatkę

Chcemy, aby nasza animacja zaczynała się od pustego miejsca, więc nie wprowadzamy żadnych zmian w rzeczywistości tło warstwa, która jest już całkiem biała.Jednak musimy zmienić nazwę warstwy w Warstwy paleta. Klikamy prawym przyciskiem myszy tło warstwę w palecie i wybierz Edytuj atrybuty warstw. w Edytuj atrybuty warstw okno dialogowe, które się otwiera, dodajemy (250 ms) na końcu nazwy warstwy. Określa czas, w którym ta klatka będzie wyświetlana w animacji. Ms oznacza milisekundy, a każda milisekunda to jedna tysięczna sekundy. Ta pierwsza klatka będzie wyświetlana przez kwadrans.

Ustaw drugą klatkę

Chcemy użyć grafiki footprint dla tej ramki, więc idziemy do Plik> Otwórz jako warstwy i wybierz nasz plik graficzny. Umieszcza to ślad na nowej warstwie, którą możemy ustawić zgodnie z wymaganiami za pomocą Narzędzie do przesuwania. Podobnie jak w przypadku warstwy tła, musimy zmienić nazwę warstwy, aby przypisać czas wyświetlania ramki. W tym przypadku wybraliśmy 750 ms.Uwaga: w Warstwy paleta, podgląd nowej warstwy wydaje się przedstawiać czarne tło wokół grafiki, ale w rzeczywistości ten obszar jest przezroczysty.

Ustaw trzy, cztery i pięć klatek

Następne trzy klatki to więcej odcisków stóp, które przejdą przez baner. Są one wstawiane w taki sam sposób jak klatka druga, używając tej samej grafiki i innej grafiki dla drugiej stopy. Tak jak poprzednio, czas jest ustawiony na 750ms dla każdej klatki.Każda z warstw footprintowych musi mieć białe tło, tak aby była widoczna tylko jedna klatka - obecnie każda ma przezroczyste tło. Możemy to zrobić, tworząc nową warstwę bezpośrednio pod warstwą footprintu, wypełniając nową warstwę białym, a następnie klikając prawym przyciskiem myszy warstwę footprint i klikając Połącz w dół.

Ustaw Ramę Sześć

Ta ramka jest po prostu pustą ramką wypełnioną bielą, która daje wygląd ostatecznego śladu znikającego przed pojawieniem się ostatecznej klatki. Nazwaliśmy tę warstwę interwałem i wybrałyśmy ten ekran na zaledwie 250 ms. Nie musisz wymieniać warstw, ale może to ułatwić pracę z warstwowymi plikami.

Ustaw Siedem Ramek

To jest ostatnia klatka i wyświetla tekst wraz z logo About.com. Pierwszym krokiem jest dodanie kolejnej warstwy na białym tle.Następnie używamy Narzędzie tekstowe aby dodać tekst. Stosuje się to do nowej warstwy, ale zajmiemy się tym po dodaniu logo, które możemy zrobić w taki sam sposób, jak wcześniej dodaliśmy grafikę footprint. Kiedy dostaniemy je zgodnie z życzeniem, możemy użyć Połącz w dół aby połączyć logo i warstwy tekstowe, a następnie połączyć tę połączoną warstwę z białą warstwą, która została wcześniej dodana. Tworzy to pojedynczą warstwę, która utworzy końcową ramkę i wybraliśmy to na 4000 ms.

Podgląd animacji

Przed zapisaniem animowanego GIF-a GIMP ma opcję podglądu go w akcji, przechodząc do Filtry> Animacja> Odtwarzanie. Spowoduje to otwarcie okna podglądu z intuicyjnymi przyciskami do odtworzenia animacji.Jeśli coś nie wygląda dobrze, może zostać zmienione w tym momencie. W przeciwnym razie można go zapisać jako animowany GIF.

Uwaga: Sekwencja animacji jest ustawiona w kolejności, w której warstwy są ułożone w stos Warstwy paleta, zaczynając od tła lub najniższej warstwy i pracując w górę. Jeśli twoja animacja gra poza kolejnością, będziesz musiał dostosować kolejność warstw, klikając na warstwę, aby wybrać i używając strzałek w górę iw dół na dolnym pasku Warstwy paleta, aby zmienić jej pozycję.

Zapisz animowany GIF

Zapisywanie animowanego GIF-a to całkiem proste ćwiczenie. Najpierw przejdź do Plik> Zapisz kopię i nadaj swojemu plikowi odpowiednią nazwę i wybierz miejsce, w którym chcesz zapisać swój plik. Przed naciśnięciem Zapisać, WybierzWybierz typ pliku (według rozszerzenia) w dolnym lewym rogu i wybierz z listy, która zostanie otwarta Obraz GIF. w Eksportuj plik okno dialogowe, które zostanie otwarte, wybierz opcję Zapisz jako animację kliknij przycisk radiowy i kliknij Eksport przycisk. Jeśli pojawi się ostrzeżenie dotyczące warstw wykraczających poza rzeczywiste krawędzie obrazu, wybierz opcję Przyciąć przycisk.To będzie teraz prowadzić do Zapisz jako GIF dialog z sekcją Animowane opcje GIF. Możesz pozostawić te wartości domyślne, ale jeśli chcesz, aby animacja była odtwarzana tylko raz, odznacz opcję Pętla na zawsze.

Wniosek

Przedstawione tutaj kroki dadzą ci podstawowe narzędzia do tworzenia własnych prostych animacji, wykorzystujących różne grafiki i rozmiary dokumentów. Wynik końcowy jest dość prosty w zakresie animacji, ale jest to bardzo łatwy proces, który może osiągnąć każdy, kto ma podstawową wiedzę na temat GIMP. Animowane GIF-y są prawdopodobnie już w świetnej formie, jednak przy odrobinie przemyślenia i starannego planowania mogą być nadal wykorzystywane do szybkiego tworzenia efektywnych animowanych elementów.