Poradnik wideo: tworzenie animowanych GIF-ów
Ten film pokazuje, jak za pomocą wtyczki TinyImage animować i eksportować GIF-y z własnych projektów bezpośrednio z Figmy.
Poradnik wideo: dodawanie efektów przejścia do animowanych GIF-ów eksportowanych z Figmy
Ten film pokazuje, jak za pomocą wtyczki TinyImage dodawać efekty przejścia (zanikanie, przesunięcie, wymazanie) do animowanych GIF-ów eksportowanych z Figmy.
Otwórz kartę GIF i wybierz Create a GIF/MP4, aby animować zaznaczone warstwy w Figmie i eksportować je jako pliki GIF lub MP4.
Eksport animacji Figma Motion
Otwórz kartę GIF i wybierz Figma Motion Export, aby eksportować animacje utworzone w Figma Motion. TinyImage wyświetla ramki Motion z bieżącego zaznaczenia lub strony ze statyczną miniaturą obok każdego pola wyboru. Wybierz jedną lub kilka ramek, a potem ustaw ich wspólny format wyjściowy, liczbę klatek na sekundę, rozmiar, zapętlenie, kompresję GIF, paletę kolorów lub jakość wideo.
TinyImage używa natywnego renderera Motion w Figmie do wyników GIF, MP4 i WebM. Może też przekonwertować natywny render GIF do APNG lub animowanego WebP bez dodatkowego przebiegu kompresji stratnej.
Wybierz Export, aby wyrenderować zaznaczone animacje. Jedna zaznaczona animacja pobiera się bezpośrednio, a kilka animacji – razem w jednym pliku ZIP.
Dowiedz się, jak sprawdzać i eksportować animacje Figma Motion
Edycja istniejącego pliku GIF lub MP4
Otwórz kartę GIF i wybierz GIF Editor. Zaznacz jedną warstwę w Figmie z wypełnieniem w postaci animowanego GIF-a, aby włączyć opcję Use selected Figma GIF layer, albo wybierz Choose from computer, aby wczytać plik GIF lub MP4 ze swojego urządzenia. Możesz edytować klatki i pobrać wynik jako GIF, APNG, animowane WebP, MP4 lub WebM.
Eksporty obrazów z GIF Editor stawiają na wierność: APNG i animowane WebP używają kodowania bezstratnego, a niezmienione GIF-y pobierane lub wstawiane do Figmy korzystają z oryginalnych danych GIF bez ponownej kompresji.
Przycinanie istniejącego GIF-a
Po wczytaniu GIF-a wybierz Crop. Narysuj obszar kadrowania na podglądzie lub zmień jego rozmiar albo wpisz dokładne wartości X, Y, szerokości i wysokości. Do drobniejszych korekt możesz przesuwać zaznaczony obszar klawiszami strzałek.
Wybierz Apply crop, aby przyciąć każdą klatkę animacji. Przed eksportem edytowanego GIF-a sprawdź zaktualizowany podgląd.
Pierwsze kroki z tworzeniem GIF-ów w Figmie
Na poniższych stronach dowiesz się, jak skonfigurować poszczególne etapy tworzenia GIF-a: