Użyj GIF Editor na karcie GIF w TinyImage, aby edytować istniejący animowany GIF lub plik MP4 bez odtwarzania go z osobnych warstw w Figmie.

Poradnik wideo: edycja animowanych GIF-ów bezpośrednio w Figmie

Ten film pokazuje, jak za pomocą TinyImage edytować, łączyć, skracać, przekształcać i eksportować animowane GIF-y.

Wczytywanie pliku GIF lub MP4

W Figma Design zaznacz jedną z tych warstw:

• warstwę z wypełnieniem w postaci animowanego GIF-a;
• ramkę zawierającą co najmniej jedną warstwę GIF na dowolnym poziomie zagnieżdżenia.

Jeśli otworzysz GIF Editor, gdy jedna z tych warstw jest zaznaczona, TinyImage wczyta ją automatycznie. W przeciwnym razie wybierz Use selected Figma GIF layer. Możesz też wybrać Choose file from your computer, aby wczytać lokalny plik GIF lub MP4.

Gdy wczytujesz ramkę, TinyImage wtapia widoczny stos warstw ramki w każdą klatkę animacji. Obejmuje to zawartość, maski, efekty i inne warstwy nad zagnieżdżonymi warstwami GIF lub pod nimi. Oryginalna ramka w Figmie i jej warstwy pozostają bez zmian.

Jeśli ramka zawiera kilka GIF-ów, TinyImage synchronizuje zmiany ich klatek w jednej edytowalnej osi czasu. Ze względu na stabilność połączona animacja ramki może trwać do dwóch minut i zawierać do 500 połączonych klatek.

W każdej chwili możesz wybrać Reset, aby wrócić do pierwotnie wczytanego GIF-a.

TinyImage ostrzega Cię przed zastąpieniem GIF-a, który ma niewyeksportowane zmiany. Przy dużych GIF-ach pojawia się też ostrzeżenie o czasie przetwarzania. Pliki GIF mogą zawierać do 2000 klatek, mieć wymiary do 8192 px i rozmiar pliku źródłowego do 100 MB.

Pliki MP4 mogą trwać do 60 sekund i ważyć do 100 MB. TinyImage próbkuje wideo z częstotliwością 10 klatek na sekundę i w razie potrzeby automatycznie zmniejsza bardzo duże wymiary wideo, aby edycja przebiegała niezawodnie.

Zmiana rozmiaru i przekształcanie animacji

Wpisz szerokość lub wysokość wyniku i pozostaw włączoną opcję Lock ratio, aby zachować oryginalne proporcje. Wybierz Apply size, aby zmienić rozmiar każdej klatki.

Ustawienia przekształceń pozwalają:

• obrócić każdą klatkę o 90 stopni w lewo lub w prawo;
• odbić każdą klatkę w poziomie lub w pionie;
• przyciąć każdą klatkę za pomocą zaznaczenia na podglądzie lub dokładnych wartości X, Y, szerokości i wysokości.

Skracanie i zmiana tempa GIF-a

Za pomocą uchwytów na osi czasu wybierz pierwszą i ostatnią klatkę, które chcesz zachować. Z listy Speed wybierz spowolnienie całej animacji o 50% lub 25%, zachowanie normalnego tempa 100% albo przyspieszenie o 25%, 50% lub 100%. TinyImage przelicza czas każdej klatki na podstawie jej oryginalnego czasu, więc zamierzone różnice w czasie między klatkami zostają zachowane.

Włącz Reverse, aby odwrócić kolejność klatek w podglądzie, na osi czasu i w eksporcie. Jeśli animacja została już skrócona, TinyImage zachowuje te same wybrane klatki i odwraca ich kolejność. W przypadku wyniku GIF i APNG pozostaw włączoną opcję Infinite, aby animacja była zapętlona bez końca. Wyłącz Infinite i wpisz łączną liczbę powtórzeń w polu liczbowym, aby animacja odtworzyła się określoną liczbę razy.

Konfiguracja i eksport wyniku

Za pomocą menu formatu obok przycisku eksportu pobierz edytowaną animację jako:

• animowany GIF,
• animowany PNG (APNG),
• animowane WebP,
• wideo MP4,
• wideo WebM.

Eksporty GIF i APNG mają ustawienie zapętlenia, eksporty MP4 i WebM – ustawienie zapętlenia wideo, a animowane WebP zapętla się bez końca.

GIF Editor używa tego samego suwaka Quality i opcji Lossless co Create a GIF/MP4. Te ustawienia dotyczą eksportu do GIF, APNG i animowanego WebP. Włącz Lossless, aby wyłączyć suwak jakości i zachować jakość obrazu, albo obniż wartość jakości, aby zmniejszyć rozmiar pliku dzięki kompresji stratnej. MP4 i WebM używają zamiast tego najwyższej jakości wideo obsługiwanej przez edytor.

W przypadku animowanego GIF-a włącz Size Target i wpisz maksymalny rozmiar w KB, aby TinyImage automatycznie dobrał stratność i paletę kolorów. Gdy cel jest aktywny, pole KB zastępuje ręczne ustawienia Quality i ukrywa opcję Lossless. Jeśli celu nie da się osiągnąć, TinyImage eksportuje najmniejszy znaleziony prawidłowy wynik, więc sprawdź zapisany plik przed przesłaniem go do usługi ze sztywnym limitem.

Gdy oryginalny GIF nie był edytowany, TinyImage używa jego oryginalnych danych jako wejścia i stosuje wybraną kompresję bez wcześniejszego ponownego kodowania każdej klatki. Edytowane GIF-y są odbudowywane z maksymalną dla tego formatu paletą 256 kolorów, zanim zostanie zastosowana wybrana kompresja. To samo ustawienie kompresji GIF jest używane przy pobieraniu i w Insert GIF to Figma.

Po każdej zmianie sprawdź podgląd odtwarzania, a potem wybierz Export GIF, Export APNG, Export WebP, Export MP4 lub Export WebM. Wybierz Insert GIF to Figma, aby dodać edytowaną animację do bieżącej strony w Figmie jako GIF. TinyImage pokazuje postęp eksportu każdej klatki, a eksport możesz anulować przed przetworzeniem kolejnej klatki.