Poradnik wideo: eksport banerów z Figmy do animowanych obrazów PNG (APNG)
Ten film pokazuje, jak za pomocą wtyczki Bannerify wyeksportować z Figmy gotowe do publikacji animowane banery jako animowane obrazy PNG (APNG).
Po kliknięciu Export to GIF/Video i skonfigurowaniu ustawień eksportu kliknij przycisk Export APNG (n Banners) na dole panelu eksportu, aby rozpocząć eksport banerów z Figmy do animowanych obrazów PNG. Animowane banery zostaną wyeksportowane jako pliki animowanych PNG.
Obsługa przeglądarek. Ze względu na problemy ze zgodnością przeglądarek obrazy Animated PNG można eksportować tylko w przeglądarce Chrome lub w aplikacji desktopowej Figma.
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.
Pobieranie końcowego pliku .zip z PNG
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 PNG
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.