Rozpocznij rysowanie
PL

PRZEWODNIK EKSPORTU PNG

Rysunek pikseli
Zapisz jako PNG

Zachowaj wyraźne krawędzie pikseli i przezroczyste tło. Pobierz swój rysunek jako plik PNG w odpowiedniej skali.

Przykład kolorowej grafiki pikselowej przedstawiającej pomarańczowy zachód słońca, góry i chatkę nad jeziorem
Mały podgląd tego samego rysunkuStudium przypadkuRysuj w edytorze →
01

Dlaczego warto używać PNG do rysowania pikseli?

PNG przechowuje obraz bezstratnie. Jednolite kolory i ostre krawędzie pikseli są zachowywane bez artefaktów powstałych w wyniku kompresji JPEG. Możesz także pozostawić puste obszary na rysunku jako przezroczyste.

PNG to wyjściowy obraz; Nie zastępuje edytowalnych warstw i ramek. Zapisz także plik projektu Tintfolk, aby kontynuować pracę później.

02

Pobierz rysunek krok po kroku w formacie PNG

Po ukończeniu rysunku w edytorze wykonaj poniższe czynności. Nazwy opcji są takie same, jak okno eksportu w edytorze Tintfolk.

  1. Otwórz okno eksportu

    Użyj przycisku Eksportuj w edytorze lub opcji Eksportuj w menu Plik.

  2. Wybierz format PNG

    Wybierz opcję „Bieżąca klatka PNG” dla pojedynczego obrazu. Ta opcja eksportuje aktualnie otwartą ramkę.

  3. Ustaw skalę pikseli

    Użyj 1× dla rozmiaru oryginalnego, 2×, 4×, 8× lub 16× dla powiększonego obrazu.

  4. Pobierz i sprawdź swój plik

    Naciśnij przycisk pobierania. Otwórz plik PNG pobrany z przeglądarki; Sprawdź jego rozmiar, krawędzie i tło.

Otwórz edytor →
03

Skala pikseli: Powiększ obraz bez jego rozmycia

Skala pikseli określa, ile pikseli szerokości będzie miał każdy piksel rysunku na wyjściu. Na przykład płótno o wymiarach 128 × 128 tworzy obraz PNG o wymiarach 512 × 512 w skali 4×. Ustawienie powiększenia nie zmienia rozmiarów plików.

Małe przedstawienie rysunku żółtej gwiazdy
1× Rozmiar oryginalny
Podwójnie powiększony widok tej samej żółtej gwiazdy
2× Te same piksele, większe
Skala powiększenia i eksportu jest inna.

To, że bliżej pracujesz w edytorze, nie oznacza, że pobrany obraz będzie większy. Wybierz rozmiar wyjściowy za pomocą opcji Skala pikseli.

04

Jak zachować przezroczyste tło?

Niepomalowane lub usunięte piksele na płótnie pozostają przezroczyste w formacie PNG. Piksele pomalowane na biało nie są przezroczyste; jest częścią obrazu.

Aby usunąć tło, usuń niepotrzebne piksele z tej warstwy lub ukryj warstwę tła. Sprawdź, czy inna widoczna warstwa poniżej nie wypełnia tego obszaru. Wzorzec pomocniczy używany przez edytor do reprezentowania przezroczystości nie jest uwzględniany w wynikach PNG.

05

Bieżąca ramka czy arkusz sprite'ów?

OpcjaKiedy się go używa?
Bieżąca ramka PNGAby udostępnić aktywną klatkę jako pojedynczy obraz.
PNG · wszystkie ramki (arkusz sprite)Aby uzyskać wszystkie klatki od lewej do prawej w jednym pliku PNG.
Plik projektu TintfolkAby kontynuować edycję, zachowując warstwy i ramki.

Nie odtwarza animacji PNG. Jeśli chcesz animowany wynik, rozważ opcję GIF w edytorze. Arkusz sprite'ów to stały obraz, w którym kwadraty stoją obok siebie.

06

Sprawdź je po zapisaniu

  • Czy pobrałeś odpowiednią klatkę?
  • Czy szerokość i wysokość obrazu odpowiadają oczekiwanej skali?
  • Czy obszar, który powinien być przezroczysty, jest naprawdę pusty?
  • Czy krawędzie pikseli są wyraźne przy powiększeniu 100% lub całkowitym?
  • Czy zapisałeś także plik projektu, aby kontynuować edycję?

Jeśli duży arkusz sprite'ów lub duża skala uniemożliwiają pobieranie, wybierz mniejszą skalę. Nie oceniaj rozmycia po prostu patrząc na podgląd na ekranie, ponieważ osoba przeglądająca otwierająca plik może zastosować wygładzanie.

07

Często zadawane pytania

Dlaczego plik PNG wygląda na mały?

1× plik odpowiada rzeczywistemu rozmiarowi płótna. Aby udostępnić w większym formacie, w oknie eksportu wybierz skalę, np. 2× lub 4×.

Dlaczego tło PNG jest białe?

Widz może wyświetlać obszary przezroczyste jako białe; Jeśli jednak pomalowałeś płótno na biało, piksele te pozostaną na wydruku. Sprawdź obraz na tle w innym kolorze.

Czy PNG zachowuje warstwy?

Widoczne warstwy są łączone w jeden obraz. Pobierz plik projektu Tintfolk, aby przechowywać warstwy w formacie edytowalnym.

Jak uzyskać wszystkie klatki kluczowe?

Użyj opcji PNG · arkusz sprite w polu Format. Ramki są uporządkowane od lewej do prawej w jednym pliku PNG.

Co powinienem zrobić, jeśli podczas pobierania pojawi się błąd?

Zmniejsz skalę pikseli i spróbuj ponownie. Zwłaszcza wieloklatkowe pliki arkuszy sprite'ów mogą osiągać duże rozmiary w dużej skali.