GIMP to niezwykle potężne oprogramowanie, biorąc pod uwagę, że jest bezpłatne. W szczególności projektanci stron internetowych mogą być wdzięczni za możliwość tworzenia prostych animowanych plików GIF.
Animowane GIF-y to proste animacje, które zobaczysz na wielu stronach internetowych i chociaż są one znacznie mniej wyrafinowane niż animacje Flash, są bardzo łatwe do stworzenia przez każdego, kto ma podstawową wiedzę na temat GIMP.
Poniższe kroki przedstawiają prostą animację rozmiaru baneru internetowego przy użyciu kilku podstawowych elementów graficznych, tekstu i logo.
Instrukcje w tym artykule dotyczą wersji GIMP 2.10.12.
-
Otwórz nowy dokument. W tym przykładzie wybraliśmy gotowy szablon Duży baner internetowy na telefon komórkowy 320 x 100.
Dla swojej animacji możesz wybrać wstępnie ustawiony rozmiar lub ustawić niestandardowe wymiary w zależności od tego, jak będziesz używać ostatecznej animacji.
W tym samouczku animacja będzie składać się z siedmiu klatek, a każda klatka będzie reprezentowana przez oddzielną warstwę, co oznacza, że ostateczny plik GIMP będzie miał siedem warstw, w tym tło. -
Ustaw klatkę pierwszą. Animacja rozpocznie się od spacji, więc nie ma żadnych zmian w stosunku do rzeczywistej tło warstwa jest potrzebna, ponieważ jest już gładka biała.
Jednak zmiana nazwy warstwy w Warstwy potrzebna jest paleta. Kliknij prawym przyciskiem myszy plik tło warstwę w palecie i wybierz Edytuj atrybuty warstwy.
-
w Edytuj atrybuty warstwy okno dialogowe, które zostanie otwarte, dodaj (250ms) na końcu nazwy warstwy. Ustawia 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.
-
Ustaw ramkę drugą. W samouczku dla tej ramki używana jest grafika footprintu. Iść do filet > Otwórz jako warstwy i wybierz plik graficzny. Spowoduje to umieszczenie footprintu na nowej warstwie, którą można ustawić zgodnie z wymaganiami za pomocą Narzędzie do przesuwania.
-
Podobnie jak w przypadku warstwy tła, należy zmienić nazwę tej nowej warstwy, aby przypisać czas wyświetlania klatki. W tym przypadku 750 ms.
w Warstwy na palecie, nowy podgląd warstwy wydaje się pokazywać czarne tło wokół grafiki, ale w rzeczywistości ten obszar jest przezroczysty.
-
Ustaw ramkę trzecią, czwartą i piątą. Następne trzy klatki to kolejne ślady stóp, które będą przechodzić przez baner. Są one wstawiane w taki sam sposób, jak ramka druga, używając tej samej grafiki i innej grafiki dla drugiej stopy. Jak poprzednio, czas jest ustawiony na 750 ms dla każdej klatki.
Każda z warstw footprintów wymaga białego tła, aby zawsze była widoczna tylko jedna klatka - obecnie każda z nich ma przezroczyste tło. Możemy to zrobić, tworząc nową warstwę bezpośrednio pod warstwą footprintu, wypełniając nową warstwę kolorem białym, a następnie klikając prawym przyciskiem myszy warstwę footprintu i klikając Scal w dół.
-
Ustaw ramkę szóstą. Ta ramka to po prostu pusta ramka wypełniona białym kolorem, która sprawi, że ostateczny ślad zniknie, zanim pojawi się ostatnia klatka. Nazwaliśmy tę warstwę Interwał i zdecydowaliśmy się wyświetlać ten ekran tylko przez 250 ms.
Nie musisz nazywać warstw, ale może to ułatwić pracę z plikami warstwowymi.
-
Ustaw ramkę siedem. To jest ostatnia klatka i wyświetla tekst wraz z logo Lifewire.com. Pierwszym krokiem jest dodanie kolejnej warstwy z białym tłem.
-
Następnie użyj Narzędzie tekstowe aby dodać tekst. Jest to stosowane do nowej warstwy, ale zajmiemy się tym po dodaniu logo lub nowego obrazu, co można zrobić w taki sam sposób, jak grafika footprintu została dodana wcześniej.
-
Kiedy mamy te ułożone zgodnie z życzeniem, możemy użyć Scal w dół aby połączyć warstwy logo i tekstu, a następnie scalić tę połączoną warstwę z dodaną wcześniej białą warstwą. To tworzy pojedynczą warstwę, która utworzy ostateczną klatkę i zdecydowaliśmy się wyświetlić ją przez 4000 ms.
-
Wyświetl podgląd animacji. Przed zapisaniem animowanego GIF-a GIMP ma opcję podglądu go w akcji, przechodząc do filtry > Animacja > Odtwarzanie. Otworzy się okno podglądu z oczywistymi przyciskami do odtwarzania animacji. Jeśli coś nie wygląda dobrze, można to w tym miejscu poprawić. W przeciwnym razie można go zapisać jako animowany GIF.
Sekwencja animacji jest ustawiana w kolejności, w jakiej warstwy są układane w stos w pliku Warstwy paleta, zaczynając od tła lub najniższej warstwy i kierując się w górę. Jeśli animacja jest odtwarzana poza kolejnością, będziesz musiał dostosować kolejność warstw, klikając warstwę, aby wybrać i używając strzałek w górę iw dół na dolnym pasku palety Warstwy, aby zmienić jej położenie.
-
Zapisz animowany GIF. Zapisywanie animowanego GIF-a to całkiem proste ćwiczenie. Najpierw przejdź do filet > Zapisz kopie i nadaj plikowi odpowiednią nazwę i wybierz, gdzie chcesz zapisać plik.
-
Następnie przejdź do filet > Eksportuj jako aby zapisać go jako animowany GIF.
-
w Eksportuj obraz okno dialogowe, które zostanie otwarte, wybierz Wybierz Typ pliku i przewiń do obrazu GIF i zaznacz go, a następnie wybierz eksport. Jeśli pojawi się ostrzeżenie o warstwach wykraczających poza rzeczywiste granice obrazu, wybierz plik Plon przycisk.
-
To teraz doprowadzi do Zapisz jako GIF okno dialogowe z sekcją Animowane opcje GIF. Możesz pozostawić te wartości domyślne, ale jeśli chcesz, aby animacja była odtwarzana tylko raz, usuń zaznaczenie Pętla na zawsze.
-
Teraz możesz udostępniać swój animowany GIF.
Wnioski
Przedstawione tutaj kroki zapewniają 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 z podstawową wiedzą na temat GIMP.