Zbuduj przykład z czterema obrazami, a następnie dostosuj kolejność, czas trwania klatki i płótno do własnej sekwencji zdjęć. Otwórz Kreator GIF.
Wybierz obrazy i ułóż sekwencję klatek
Otwórz Kreator GIF i wybierz Obrazy. Prześlij swoje zdjęcia lub wybierz Wypróbuj przykład. Typowe formaty wejściowe to JPG, PNG, WebP i GIF; formularz przesyłania zawiera listę dodatkowych obsługiwanych formatów. Partia może zawierać do 50 plików, z limitem 25 MB na obraz i ogólnymi limitami przetwarzania.
Ten przykład używa opcji Wypróbuj przykład, aby załadować pliki od gif-orbit-01.webp do gif-orbit-04.webp. Każdy oryginał ma 640 × 640 pikseli, a cztery zdjęcia pokazują różne pozycje w tej samej scenie orbitalnej. Zachowaj ich oryginalną kolejność dla uzyskania zamierzonego rezultatu.
Karty klatek znajdują się nad podglądem. Przeciągnij kartę, aby zmienić jej pozycję, lub zaznacz ją i użyj Przesuń wcześniej lub Przesuń później w panelu ustawień. Użytkownicy korzystający z klawiatury mogą wybierać karty za pomocą klawiszy strzałek i zmieniać ich kolejność za pomocą klawisza Alt oraz strzałki. Odtwórz nad podglądem sprawdza bieżącą sekwencję.
Duplikuj dodaje kolejną kopię wybranej klatki. Usuń usuwa klatkę z sekwencji, zachowując co najmniej jedną. Cofnij i Ponów przywracają ostatnie zmiany; dodanie lub usunięcie pliku źródłowego rozpoczyna nowy zestaw plików i resetuje historię edycji. Użyj Dodaj obrazy, gdy sekwencja wymaga więcej zdjęć.
Używaj powiązanych zdjęć z wyraźną progresją. Prostą sekwencję łatwiej śledzić niż wiele niepowiązanych zdjęć zmieniających się szybko.
Ustaw czas trwania każdej klatki i wybierz przejście
Wybierz klatkę i ustaw Czas trwania w sekundach. Obsługiwany zakres to 0.02 do 10 sekund na klatkę źródłową. Zastosuj ten czas trwania do wszystkich klatek nadaje każdej klatce wybrany czas. W przypadku pokazu slajdów z tytułem lub szczegółowym zdjęciem końcowym, pozostaw tę klatkę widoczną dłużej niż pozostałe.
W tym przykładzie zachowaj Czas trwania na poziomie 0.65 sekund. Wypróbuj przykład automatycznie ustawia tę wartość; w przypadku własnych obrazów wprowadź 0.65 dla jednej klatki i wybierz Zastosuj ten czas trwania do wszystkich klatek. Wybierz Delikatne przenikanie w sekcji Przejście i ustaw Czas przejścia na 0.20 sekund lub 200 milisekund.
Otwórz Tekst i jakość eksportu i zachowaj Kroki przejścia na poziomie 4. Każde przenikanie dodaje cztery klatki pośrednie. Przy czterech oryginalnych klatkach, czterech zapętlonych przenikaniach, odtwarzaniu do przodu i powtarzaniu w nieskończoność, ten przykład zawiera 20 wyrenderowanych klatek. Cztery 0.65-sekundowe zatrzymania oraz cztery 0.20-sekundowe przenikania tworzą 3.4-sekundowy cykl.
Czyste cięcie przełącza bezpośrednio między obrazami bez dodawania klatek przejścia. Przesunięcie w lewo przesuwa następny obraz przez płótno. Większa liczba kroków przejścia może sprawić, że przejście będzie płynniejsze, ale zużywają one więcej z budżetu 200 klatek eksportu. Edytor zgłasza, gdy wybrana sekwencja i efekty przekraczają ten limit.
Do przodu odtwarza sekwencję w kolejności, Wstecz odtwarza ją od tyłu, a Odbicie wraca przez sekwencję bez powtarzania obu klatek końcowych. Pętla wybiera niekończące się powtarzanie lub określoną liczbę odtworzeń. W omawianym przykładzie zachowaj Do przodu i Powtarzaj w nieskończoność.
Czas trwania to zatrzymanie przed przejściem; Czas przejścia jest do niego dodawany. Cztery zdjęcia po 0.65 sekund nie tworzą 2.6-sekundowej pętli, gdy włączone są również przenikania.
Przykład w tym przewodniku
Cztery przykładowe obrazy w oryginalnej kolejności; 0.65 s na klatkę; Do przodu; Powtarzaj w nieskończoność; Miękkie przenikanie; 0.20 s czas przejścia; 4 kroków przejścia; Kwadrat 640 × 640 px; Pokaż cały obraz; wyśrodkowany przy powiększeniu 100%; podpis pierwszej klatki „Made to loop.”; Dół; 32 px; biały; 256 kolorów; Włączone płynne gradienty kolorów i optymalizacja rozmiaru pliku.
- Obrazy źródłowe
- 4 WebP · każdy 640 × 640 px
- Czas trwania klatki
- 0.65 s zatrzymania + 0.20 s przenikania
- Pobrano GIF
- 640 × 640 px · 20 klatek
- Cykl animacji
- 3.4 sekund · powtarza się w nieskończoność
Wybierz płótno, przekadruj obrazy i dodaj podpisy
W sekcji Płótno i tło wybierz Kwadrat · 1:1 dla przykładu i zachowaj Szerokość i Wysokość na 640 px. Inne ustawienia wstępne obejmują Portret, Story, Krajobraz i Panoramiczny. Dopasuj do pierwszego obrazu zaczyna od kształtu pierwszego obrazu, podczas gdy Niestandardowy rozmiar akceptuje wymiary od 16 do 1600 px na krawędź, z zastrzeżeniem całkowitego limitu przetwarzania animacji.
Dopasowanie obrazu oferuje Pokaż cały obraz i Wypełnij płótno. Pokaż cały obraz przy powiększeniu 100% zachowuje wszystkie krawędzie źródłowe i może pozostawić tło wokół obrazu o innym kształcie. Wypełnij płótno pokrywa obszar wyjściowy i może przyciąć krawędzie. Ustaw Tło na żądane wypełnienie lub włącz Przezroczyste tło, gdy wymaga tego miejsce docelowe.
Wybierz klatkę, aby niezależnie zmienić jej kadrowanie. Przeciągnij podgląd lub zmień Powiększenie, użyj Lewo lub Prawo dla obrotów o 90 stopni, lub Odwróć, aby odbić obraz lustrzanie. Zresetuj klatkę przywraca tę klatkę do wyśrodkowanego, nieobróconego kadrowania przy powiększeniu 100%. Przykład zachowuje wszystkie cztery oryginalne kwadratowe zdjęcia wyśrodkowane i używa Pokaż cały obraz.
Wybierz pierwszą klatkę i wpisz Made to loop. w Podpis. Pozostaw pozostałe trzy podpisy puste. W sekcji Tekst i jakość eksportu zachowaj Pozycję podpisu na Dole, Rozmiar podpisu na 32 px i kolor podpisu biały. Podpisy należą do poszczególnych klatek; wybranie innej klatki pozwala napisać inny wiersz. Pierwszy podpis w przykładzie zanika wraz ze swoją klatką.
Zachowaj GIF kolorów na 256 · więcej szczegółów, z włączonymi Wygładzaniem gradientów kolorów i Optymalizacją rozmiaru pliku dla uzyskanego wyniku. Niższa liczba kolorów może sprawić, że plik będzie lżejszy, ale może zmienić subtelne odcienie. Wygładzanie gradientów kolorów używa ditheringu, który może zmiękczyć pasma kolorów, dodając jednocześnie widoczny drobny wzór.
Sprawdź każdą klatkę po zmianie kształtu płótna. Kompozycja, która pasuje do jednego zdjęcia, może przyciąć obiekt na innym. Zwiększenie wymiarów wyjściowych nie może przywrócić szczegółów brakujących w małym źródle.
Utwórz GIF i przejrzyj pobraną animację
Odtwórz podgląd i obejrzyj pełny cykl, w tym powrót z ostatniej klatki do pierwszej. Sprawdź, czy podpisy pozostają widoczne wystarczająco długo, czy kadrowanie jest spójne i czy żadna klatka nie wydaje się przyspieszona. Wybierz Utwórz GIF, gdy sekwencja będzie gotowa; serwer wyrenderuje końcową animację z przesłanych oryginałów.
Omawiany przykład pobiera animation.gif w rozmiarze 640 × 640 pikseli. Rzeczywisty wynik ma 20 klatek, 3.4-sekundowy cykl i niekończącą się pętlę. Powyższe porównanie pokazuje cztery oryginalne obrazy jako arkusz stykowy oraz rzeczywistą pierwszą klatkę pobranego GIF, w tym dodany podpis Made to loop.
Obrazy w artykule to nadal podglądy, a nie odtwarzacz animacji. Otwórz pobrany GIF w aplikacji obsługującej animację, aby sprawdzić czas i pętlę. Podgląd, który wygląda płynnie, może nadal zmieniać kolory po konwersji palety GIF, więc sprawdź zapisany wynik przed udostępnieniem.
Aby uzyskać mniejszy wynik, wypróbuj mniej klatek źródłowych, krótsze przejścia, mniej kroków przejścia, mniejsze płótno lub niższą wartość GIF kolorów. Samo skrócenie czasu zatrzymania nie usuwa klatek obrazu, więc może zmienić tempo bez znacznego zmniejszenia rozmiaru pliku.
Pobierz przed odświeżeniem lub wyjściem. Odświeżenie edytora lub strony pobierania powoduje powrót do głównej strony narzędzia. Zachowaj oryginalne obrazy, ponieważ wyeksportowany GIF to spłaszczona animacja, a nie plik projektu zawierający edytowalne kontrolki źródłowe.
Przeglądarka statycznych obrazów może wyświetlać tylko pierwszą klatkę GIF. Przetestuj plik w przeglądarce lub innej przeglądarce obsługującej animacje, zanim stwierdzisz, że animacja zniknęła.
Często zadawane pytania
Czy mogę stworzyć GIF z obrazów JPG i PNG razem?
Tak. Tryb obrazów może łączyć obsługiwane formaty obrazów w jednej sekwencji. Każdy plik wejściowy staje się jedną lub wieloma klatkami na osi czasu. Wybierz wspólny rozmiar płótna i sprawdź dopasowanie każdego obrazu.
Czy każdy obraz może pozostać na ekranie przez inny czas?
Tak. Wybierz klatkę i zmień czas trwania (Duration). Zastosowanie tego czasu do wszystkich klatek jest opcjonalne; pozostaw tę opcję nieużytą, gdy zdjęcia wymagają różnych czasów wyświetlania.
Dlaczego GIF ma więcej klatek niż liczba zdjęć?
Miękkie przenikanie i przesuwanie w lewo wstawiają klatki przejścia, a odbicie dodaje sekwencję powrotną. Przesłany plik animowany może również zawierać kilka klatek. Limit 200 klatek dotyczy wyrenderowanej animacji, a nie tylko liczby przesłanych zdjęć.
Czy mogę umieścić inny podpis na każdym obrazie?
Tak. Podpis dotyczy wybranej klatki. Wybierz każdą klatkę, aby wprowadzić jej tekst. Pozycja, rozmiar i kolor podpisu to wspólne ustawienia stylu dla animacji.
Czy GIF może mieć przezroczyste tło?
Tak. Włącz przezroczyste tło w sekcji Płótno i tło. GIF obsługuje w pełni przezroczyste piksele, a nie płynną częściową przezroczystość w stylu PNG, więc miękkie krawędzie mogą ulec zmianie. Sprawdź pobrany wynik na docelowym tle.
Dlaczego niektóre krawędzie zdjęcia są ucięte?
Wypełnienie płótna i dodatkowe powiększenie mogą przyciąć krawędzie źródłowe. Aby zachować pełny obraz, wybierz Pokaż cały obraz, ustaw powiększenie na 100% i użyj wyśrodkowania. Inny kształt płótna może pozostawić widoczne tło wokół obrazu.
Czy szybsze odtwarzanie GIF zmniejsza rozmiar pliku?
Niekoniecznie. Krótszy czas zatrzymania zmienia taktowanie, ale zachowuje te same klatki. Zmniejszenie wymiarów, liczby wyrenderowanych klatek lub liczby kolorów zazwyczaj ma bardziej bezpośredni wpływ na rozmiar pliku.
Czy wszystkie obrazy są przetwarzane w mojej przeglądarce?
Nie. Przeglądarka wyświetla interaktywną kompozycję, ale podglądy klatek i końcowe kodowanie GIF wykorzystują przetwarzanie serwerowe. Plik końcowy jest renderowany z przesłanych oryginałów i wybranych ustawień.
Zmień swoje zdjęcia w pętlę z wyraźnym rytmem
Wypróbuj przykład lub użyj własnego pliku i sprawdź wynik przed udostępnieniem.
