Poradnik wideo: eksport banerów z Figmy do GIF-ów
Ten film pokazuje, jak za pomocą wtyczki Bannerify wyeksportować z Figmy gotowe do publikacji animowane banery jako GIF-y.
Gdy banery są gotowe i chcesz je wyeksportować do pliku GIF, WebM, MP4 lub animowanego WebP, kliknij przycisk Export to GIF/Video w nagłówku Bannerify. Otworzą się ustawienia eksportu GIF i wideo.
Dołączanie i wykluczanie banerów z eksportu. Domyślnie eksport obejmuje wszystkie ramki w pliku Figmy, które zostały wczytane do Bannerify jako banery. Jeśli chcesz wykluczyć któreś banery, wyłącz przełącznik Include In Export w nagłówku osi czasu danego baneru. Ukryje to oś czasu tego baneru i wykluczy go ze wszystkich eksportów.
Dołączanie i wykluczanie banerów z eksportu. Domyślnie eksport obejmuje wszystkie warstwy najwyższego poziomu w pliku Figmy, które zostały wczytane do Bannerify jako banery. Jeśli chcesz wykluczyć któreś banery (bez ponownego wczytywania zaznaczonych banerów), wyłącz przełącznik Include In Export w nagłówku osi czasu danego baneru. Ukryje to oś czasu tego baneru i wykluczy go ze wszystkich eksportów.
Liczba klatek na sekundę
Liczbę klatek na sekundę w eksportach GIF możesz zmienić za pomocą opcji pola wyboru Frames Per Second. Dostępne są następujące opcje FPS:
- 60 FPS (Ludicrous Mode)
- 30 FPS (Ultra Smooth)
- 24 FPS (Smooth)
- 18 FPS (Less Smooth)
- 12 FPS (Least Smooth)
- 6 FPS (Jittery)
Wyższa liczba FPS wydłuża renderowanie. Więcej klatek oznacza dłuższy eksport i większe pliki wyjściowe. Na przykład eksport 5-sekundowej osi czasu przy 24 FPS wyrenderuje 120 klatek dla każdego baneru.
Opóźnienia klatek GIF są ustawiane w krokach co 10 milisekund. W razie potrzeby Bannerify stosuje na przemian różne opóźnienia klatek, aby zachować ogólną szybkość odtwarzania, więc poszczególne klatki mogą trwać nieco inaczej. Gdy dla GIF-a wybierzesz 60 FPS, Bannerify próbkuje i eksportuje go w 50 FPS, aby przeglądarki odtwarzały go z prawidłową szybkością. Panel eksportu i nazwa pliku ZIP pokazują faktyczną wartość 50 FPS. Wybrana liczba klatek na sekundę jest zachowywana dla MP4 i innych formatów.
Kompresja bezstratna lub stratna
Domyślnie GIF-y są eksportowane z kompresją bezstratną, czyli rozmiar pliku pozostaje mały bez zauważalnej utraty jakości. Jeśli potrzebujesz jeszcze mniejszych GIF-ów (kosztem pewnej utraty jakości), wyłącz przełącznik Lossless Compression i ustaw suwak jakości kompresji według potrzeb.
Zaawansowane opcje ditheringu. Jeśli wiesz, co robisz, możesz dostosować rodzaj ditheringu używanego w eksporcie GIF, zmieniając opcję w liście rozwijanej ditheringu obrazu w panelu ustawień eksportu GIF.
Globalna paleta kolorów
Jeśli eksportujesz GIF-a, w którym każda klatka ma tę samą paletę kolorów (a między klatkami zmieniają się tylko drobne elementy, np. ruch czy tekst), i widzisz artefakty kolorystyczne, możesz włączyć przełącznik All GIF frames have the same color palette. Paleta kolorów z pierwszej klatki GIF-a zostanie wtedy użyta także we wszystkich pozostałych klatkach.
Globalne palety kolorów mogą działać zawodnie. Używaj tej opcji tylko w ostateczności, gdy w GIF-ie pojawiają się niepożądane artefakty kolorystyczne lub pasmowanie, bo może ona powodować inne problemy, jeśli niektóre kolory z kolejnych klatek nie występują w pierwszej klatce.
Nieskończone zapętlenie odtwarzania
Po włączeniu opcji Infinite Loop wyeksportowane GIF-y będą bez końca zapętlać oś czasu animacji. Jeśli wyłączysz to ustawienie, GIF-y odtworzą oś czasu animacji raz i zatrzymają się na ostatniej klatce. Ta opcja dotyczy tylko eksportów GIF.
Oznaczanie przezroczystego tła GIF-ów
Domyślnie eksporty GIF nie mają przezroczystego tła. Jeśli Twój GIF wymaga przezroczystości, włącz przełącznik Has Transparent Background w ustawieniach eksportu GIF.
Pobieranie końcowego pliku .zip z GIF-ami
Gdy Bannerify skończy przetwarzać banery, zobaczysz komunikat z potwierdzeniem. Plik .zip z wyeksportowanymi banerami pobierzesz, klikając przycisk Download your .zip file.
Zapisywanie pobranych plików z Figmy. Jeśli korzystasz z aplikacji desktopowej Figma, pojawi się okno pobierania pliku. Jeśli jednak używasz Figmy w przeglądarce internetowej, plik zostanie domyślnie automatycznie pobrany na komputer (zwykle do folderu Downloads / Pobrane).
Otwieranie pliku .zip z GIF-ami
Po pobraniu pliku .zip z Figmy na komputer otwórz w eksploratorze plików folder, w którym został zapisany. Kliknij dwukrotnie wyeksportowany plik .zip, aby rozpakować jego zawartość i korzystać z banerów w dowolny sposób.