Tworzenie animowanego GIF-a za pomocą GIMP

Spisu treści:

Tworzenie animowanego GIF-a za pomocą GIMP
Tworzenie animowanego GIF-a za pomocą GIMP
Anonim

GIMP to niezwykle potężny program, biorąc pod uwagę, że jest darmowy. W szczególności projektanci stron internetowych mogą być wdzięczni za możliwość tworzenia prostych animowanych GIF-ów.

Animowane pliki-g.webp

Jak zrobić animowany-g.webp" />

Poniższe kroki pokazują prostą animację w rozmiarze banera internetowego, wykorzystującą kilka podstawowych grafik, tekst i logo.

Instrukcje zawarte w tym artykule dotyczą wersji GIMP 2.10.12.

  1. Otwórz nowy dokument. W tym przykładzie wybraliśmy gotowy szablon Baner internetowy duży na telefon komórkowy 320x100.

    W przypadku animacji możesz wybrać gotowy rozmiar lub ustawić niestandardowe wymiary w zależności od tego, jak będziesz używać swojej końcowej animacji.

    W tym samouczku animacja będzie składać się z siedmiu klatek, a każda klatka będzie reprezentowana przez indywidualną warstwę, co oznacza, że ostateczny plik GIMP będzie miał siedem warstw, w tym tło.

  2. Ustaw ramkę pierwszą. Animacja rozpocznie się od pustego miejsca, więc nie są potrzebne żadne zmiany w rzeczywistej warstwie Tło, ponieważ jest ona już biała.

    Jednakże konieczna jest zmiana nazwy warstwy w palecie Layers. Kliknij prawym przyciskiem myszy warstwę Background na palecie i wybierz Edytuj atrybuty warstwy.

    Image
    Image
  3. W otwartym oknie Edytuj atrybuty warstwy dodaj (250ms) na końcu nazwy warstwy. Ustawia to czas, przez jaki ta klatka będzie wyświetlana w animacji. ms oznacza milisekundy, a każda milisekunda to tysięczna część sekundy. Ta pierwsza klatka będzie wyświetlana przez ćwierć sekundy.

    Image
    Image
  4. Ustaw ramkę drugą. W samouczku dla tej ramki użyto grafiki obrysu. Przejdź do File > Otwórz jako warstwy i wybierz plik graficzny. Spowoduje to umieszczenie śladu na nowej warstwie, którą można ustawić zgodnie z wymaganiami za pomocą Narzędzia Przesuń.

    Image
    Image
  5. Podobnie jak w przypadku warstwy tła, ta nowa warstwa musi zostać zmieniona, aby przypisać czas wyświetlania klatki. W tym przypadku 750ms.

    W palecie Layers podgląd nowej warstwy wydaje się pokazywać czarne tło wokół grafiki, ale w rzeczywistości obszar ten jest przezroczysty.

    Image
    Image
  6. Ustaw klatki trzy, cztery i pięć. Kolejne trzy klatki to więcej śladów, które przejdą przez baner. Są one wstawiane w ten sam sposób, co rama druga, używając tej samej grafiki i innej grafiki na drugą stopę. Tak jak poprzednio czas jest ustawiony na 750ms dla każdej klatki.

    Każda z warstw footprintów wymaga białego tła, aby tylko jedna ramka była zawsze widoczna – obecnie każda z nich ma przezroczyste tło. Możemy to zrobić, tworząc nową warstwę bezpośrednio pod warstwą śladu, wypełniając nową warstwę kolorem białym, a następnie klikając prawym przyciskiem myszy warstwę śladu i klikając Połącz w dół

  7. Ustaw ramkę szóstą. Ta ramka to tylko pusta ramka wypełniona bielą, która sprawi, że końcowy ślad zniknie, zanim pojawi się ostatnia ramka. Nazwaliśmy tę warstwę Interwałem i wybraliśmy wyświetlanie tego wyświetlacza tylko przez 250 ms.

    Nie musisz nazywać warstw, ale może to ułatwić pracę z plikami warstwowymi.

    Image
    Image
  8. Ustaw siódmą klatkę. To jest ostatnia ramka i wyświetla tekst wraz z logo Lifewire.com. Pierwszym krokiem jest dodanie kolejnej warstwy z białym tłem.

    Image
    Image
  9. Następnie użyj Narzędzia tekstowego, aby dodać tekst. Jest to stosowane do nowej warstwy, ale zajmiemy się tym po dodaniu logo lub nowego obrazu, co można zrobić w ten sam sposób, w jaki dodano wcześniej grafikę footprintu.

    Image
    Image
  10. Gdy ułożymy je zgodnie z potrzebami, możemy użyć Połącz w dół, aby połączyć warstwy logo i tekst, a następnie połączyć tę połączoną warstwę z dodaną białą warstwą poprzednio. W ten sposób powstaje pojedyncza warstwa, która utworzy ostateczną klatkę i zdecydowaliśmy się wyświetlić ją przez 4000 ms.

    Image
    Image
  11. Podgląd animacji Przed zapisaniem animowanego GIF-a GIMP ma możliwość podglądu go w akcji, przechodząc do Filtry >Animacja > Odtwarzanie Otwiera okno podglądu z przyciskami do odtwarzania animacji. Jeśli coś nie wygląda dobrze, można to w tym momencie poprawić. W przeciwnym razie można go zapisać jako animowany GIF.

    Sekwencja animacji jest ustawiana w kolejności, w jakiej warstwy są ułożone na stosie w palecie Warstwy, zaczynając od tła lub najniższej warstwy i przechodząc w górę. Jeśli animacja jest odtwarzana poza kolejnością, musisz dostosować kolejność warstw, klikając warstwę, aby ją wybrać i używając strzałek w górę iw dół na dolnym pasku palety Warstwy, aby zmienić jej położenie.

    Image
    Image
  12. Zapisz animowany GIF. Zapisywanie animowanego GIF-a to całkiem proste ćwiczenie. Najpierw przejdź do File > Zapisz kopię i nadaj plikowi odpowiednią nazwę i wybierz miejsce, w którym chcesz zapisać plik.

    Image
    Image
  13. Następnie przejdź do Plik > Eksportuj jako, aby zapisać go jako animowany GIF.

    Image
    Image
  14. W otwartym oknie Eksportuj obraz wybierz Wybierz typ pliku i przewiń do obrazu-g.webp" />. Jeśli otrzymasz ostrzeżenie o warstwach wykraczających poza rzeczywiste granice obrazu, wybierz przycisk Przytnij.

    Image
    Image
  15. To prowadzi teraz do okna Zapisz jako GIF z sekcją Opcje animowanego GIF. Możesz pozostawić te ustawienia domyślne, ale jeśli chcesz, aby animacja była odtwarzana tylko raz, odznacz Zapętlaj w nieskończoność.

    Image
    Image
  16. Teraz możesz udostępnić swój animowany GIF.

Wniosek

Pokazane tutaj kroki dają podstawowe narzędzia do tworzenia własnych, prostych animacji przy użyciu różnych grafik i rozmiarów dokumentów. Chociaż wynik końcowy jest dość prosty pod względem animacji, jest to bardzo łatwy proces, który może osiągnąć każdy, kto ma podstawową wiedzę na temat GIMP.

Zalecana: