Por que usar PNG para desenho de pixels?
PNG armazena a imagem sem perdas. Cores sólidas e bordas nítidas de pixels são preservadas sem artefatos de compactação JPEG. Você também pode deixar áreas vazias em seu desenho transparentes.
PNG é uma saída de imagem; Não substitui camadas e molduras editáveis. Salve também seu arquivo de projeto Tintfolk para continuar trabalhando mais tarde.
Baixe seu desenho passo a passo como PNG
Após concluir seu desenho no editor, siga os passos abaixo. Os nomes das opções são iguais aos da janela de exportação no editor Tintfolk.
Abrir janela de exportação
Use o botão Exportar do editor ou a opção Exportar no menu Arquivo.
Selecione PNG como formato
Para uma única imagem, selecione “PNG · quadro atual”. Esta opção exporta o quadro atualmente aberto.
Definir escala de pixels
Use 1× para o tamanho original, 2×, 4×, 8× ou 16× para a imagem ampliada.
Baixe e verifique seu arquivo
Pressione o botão de download. Abra o arquivo PNG nos downloads do navegador; Examine seu tamanho, bordas e fundo.
Escala de pixels: Amplie a imagem sem desfocá-la
A escala de pixels determina quantos pixels de largura cada pixel do desenho terá na saída. Por exemplo, uma tela de 128 × 128 produz um PNG de 512 × 512 em uma escala de 4×. Sua configuração de zoom não altera o tamanho dos arquivos.
Só porque você trabalha mais próximo no editor não significa que a imagem baixada será maior. Selecione o tamanho de saída com a opção Escala de pixels.
Como você mantém o fundo transparente?
Pixels não pintados ou excluídos na tela permanecem transparentes na saída PNG. Pixels pintados de branco não são transparentes; faz parte da imagem.
Para remover o fundo, exclua os pixels indesejados dessa camada ou oculte a camada de fundo. Verifique se outra camada visível abaixo não está preenchendo essa área. O padrão auxiliar que o editor usa para representar a transparência não está incluído na saída PNG.
Folha quadrada ou sprite existente?
| Opção | Quando usar? |
|---|---|
| Quadro atual PNG | Para compartilhar o quadro ativo como uma única imagem. |
| PNG · todos os quadros (folha sprite) | Para obter todos os quadros da esquerda para a direita em um único PNG. |
| Arquivo de projeto Tintfolk | Para continuar editando preservando camadas e molduras. |
Não reproduz animação PNG. Se você deseja uma saída animada, considere a opção GIF no editor. A folha Sprite é uma imagem fixa onde os quadrados ficam lado a lado.
Verifique isso depois de salvar
- Você baixou o quadro certo?
- A largura e a altura da imagem estão na escala esperada?
- A área que deveria ser transparente está realmente vazia?
- As bordas dos pixels estão nítidas com zoom de 100% ou inteiro?
- Você também salvou o arquivo do projeto para continuar editando?
Se uma sprite sheet grande ou em alta escala impedir o download, escolha uma escala menor. Não julgue o desfoque apenas olhando a visualização na tela, pois o visualizador que abre o arquivo pode aplicar suavização.
Perguntas frequentes
Por que o arquivo PNG parece pequeno?
Na escala 1×, o arquivo tem o tamanho real da tela. Para compartilhar maior, escolha uma escala como 2× ou 4× na janela de exportação.
Por que o fundo PNG aparece branco?
O visualizador pode exibir áreas transparentes em branco; Entretanto, se você pintou a tela de branco, esses pixels permanecerão na saída. Verifique a imagem em um fundo de cor diferente.
O PNG preserva camadas?
As camadas visíveis são combinadas em uma única imagem. Baixe o arquivo do projeto Tintfolk para armazenar camadas em um formato editável.
Como obtenho todos os quadros-chave?
No campo Formato, use a opção PNG · todos os quadros (folha sprite). Os quadros são ordenados da esquerda para a direita em um único PNG.
O que devo fazer se ocorrer um erro durante o download?
Reduza a escala de pixels e tente novamente. Especialmente os arquivos de folhas sprite com vários quadros podem atingir tamanhos grandes em alta escala.