Ferramentas
Todas as ferramentas da barra de ferramentas, o que fazem, seu atalho de teclado e suas opções.
A barra de ferramentas tem 33 ferramentas. Algumas compartilham um botão: uma pequena marca no canto mostra que o botão guarda mais de uma ferramenta, e clicar nele com o botão direito lista todas. Pressionar de novo a tecla de um botão compartilhado passa para a próxima ferramenta dele (por exemplo, B escolhe o Lápis, pressionar B de novo escolhe o Spray, depois o Dispersão e depois o Dithering).
As configurações de cada ferramenta aparecem na barra de opções de ferramenta acima da tela, e cada item abaixo tem um link para elas em Opções de ferramenta. Cada ferramenta mantém o próprio tamanho, forma e tinta de pincel, então trocar do lápis para a borracha e voltar traz de volta o pincel do lápis; desative Configurações > Lembrar o pincel por ferramenta para compartilhar um único pincel entre todas as ferramentas. Suas outras configurações são mantidas quando você troca de ferramenta.
Como as ferramentas se comportam
- Botões esquerdo e direito do mouse. O botão esquerdo desenha com a cor de primeiro plano e o direito com a cor de fundo. Com a tinta Sombreamento, o botão direito percorre a rampa de tons no sentido contrário.
- Alt captura uma cor. Manter Alt pressionado sobre a tela troca para o Conta-gotas até você soltar, exceto nas ferramentas que usam o Alt elas mesmas: as ferramentas de seleção, Varinha mágica, Mover, Mão, Linha, Retângulo, Elipse, Triângulo, Hexágono, Estrela, Carimbo de tiles e Forma isométrica.
- Seleções e simetria. Quando parte do sprite está selecionada, a pintura fica dentro da seleção. Com a simetria ativada, traços e formas são espelhados pelos eixos de simetria.
- Pintar vários cels de uma vez. Ative Pintar em várias cels na barra de opções de ferramenta e depois selecione cels na linha do tempo: cada traço, preenchimento ou forma que você fizer em um deles vale para todos, e um único desfazer reverte tudo. O selo ao lado do botão diz até onde ele alcança, por exemplo "2 camadas × 4 quadros". Enquanto você desenha, vê o traço no cel em que está pintando; os outros são atualizados quando você solta.
- Alinhar à grade (Shift+S) alinha formas, linhas, seleções, slices e gradientes à grade do documento. Um arrasto sobre células as cobre exatamente, como no Aseprite: um retângulo ou uma seleção arrastada sobre uma célula de 8×8 tem 8×8, não 9×9. Alinhar às guias (Ctrl+Shift+;) os alinha a uma guia próxima, que tem prioridade sobre a grade.
- Formas e linhas. Shift faz um quadrado, um círculo ou uma caixa quadrada (pelo lado menor do arrasto, como no Aseprite) e trava o ângulo de uma linha. Alt ou Ctrl desenha a partir do centro: o ponto em que você pressionou vira o meio. Pressionar ou soltar essas teclas no meio do arrasto atualiza a forma na hora, exceto que, no Retângulo, Alt pressionado depois que o arrasto começou gira o retângulo.
- Linhas retas a partir do último ponto. Shift+clique com qualquer ferramenta de mão livre (Lápis, Borracha, Dithering, Spray, Dispersão, Desfoque, Embaralhar, Subexpor/Superexpor) desenha uma linha reta de onde terminou o último traço à mão livre, seja qual for a ferramenta que o fez e em qualquer camada ou quadro. O estabilizador não se aplica a essa linha, então ela chega até o clique.
- Camadas bloqueadas e ocultas não podem receber pintura, inclusive as camadas dentro de um grupo bloqueado ou oculto.
- Camadas de tilemap. As ferramentas de pixel pintam os tiles de uma camada de tilemap nos modos Pixels; escolher uma delas no modo Tiles volta para Pixels. O Carimbo de tiles muda para o modo Tiles.
- Ferramentas com vários passos (Seleção por laço poligonal, Polígono, Curva, Forma isométrica) terminam com Enter ou um clique duplo. Esc cancela. A ferramenta Texto termina com Ctrl+Enter, já que Enter começa uma nova linha.
- A roda de ferramentas. Mantenha ` (a tecla de crase, abaixo de Esc) pressionada e dois anéis de ferramentas se abrem em volta do ponteiro: o anel interno, perto, e o externo, atrás dele, com cada ícone entre dois do interno. Mova-se em direção a uma e solte a tecla para trocar para ela; soltar no meio, ou pressionar Esc, não muda nada. Escolha as ferramentas e onde elas ficam em Configurações > Roda de ferramentas...: arraste ferramentas para os oito espaços de cada anel (os espaços podem ficar vazios), arraste um espaço sobre outro para trocá-los e clique com o botão direito em um espaço, ou arraste-o para a lixeira no fim da linha dele, para esvaziá-lo.
- Pegar uma ferramenta emprestada. Ative Configurações > Segurar a tecla para emprestar a ferramenta e a tecla de uma ferramenta faz duas coisas: tocar nela troca para a ferramenta como de costume, enquanto mantê-la pressionada por um instante só toma a ferramenta emprestada, e soltar devolve a ferramenta que você tinha (segure E para apagar, solte para continuar com o lápis). Vem desativado para que uma tecla mantida pressionada enquanto você pensa nunca troque a ferramenta.
- Mover a visualização. Mantenha Space pressionada e arraste, ou arraste com o botão do meio do mouse, com qualquer ferramenta (a barra de espaço é a tecla rápida da ferramenta Mão, como no Aseprite). Enquanto o desenho pelo teclado está ativado, a barra de espaço desenha.
Opções de pincel e de tinta
As ferramentas de desenho compartilham as opções de pincel e de tinta: o Tamanho do pincel de 1 a 64 pixels (que o Spray, Dispersão, Dithering, Desfoque, Embaralhar e Subexpor/Superexpor também usam), a Forma do pincel (quadrado, círculo, linha, losango, cruz, X ou estrela) e o Ângulo (ele gira a linha e o quadrado), um botão Pincéis personalizados para a Biblioteca de pincéis (seus pincéis integrados e Meus pincéis), Pixel perfeito, Dinâmica (um estabilizador, e pressão ou velocidade da caneta mapeadas para tamanho, ângulo e cor; a pressão da caneta no tamanho vem ativada, e traços de mouse e de dedo ignoram a pressão) e a Tinta com seus Tons. A lista de cada ferramenta, com os valores e padrões, está em Opções de ferramenta.
Ferramentas de seleção
Clique duas vezes com qualquer uma delas para selecionar a célula da grade sob o ponteiro, e mantenha o botão pressionado depois do segundo clique para arrastar por mais células (células da grade).
Seleção retangularM
No botão Seleção de área da barra de ferramentas, junto com Seleção elíptica.Arraste para selecionar uma área retangular; um clique duplo seleciona uma célula da grade. Suas opções.
Arraste de um canto ao canto oposto. Mantenha uma tecla pressionada ao começar para combinar com a seleção atual, como no Aseprite: Shift adiciona a ela, Alt+Shift (ou só Alt) subtrai dela, e Ctrl+Shift mantém apenas a interseção. Um clique sem arrastar desfaz a seleção. Durante o arrasto, Shift faz um quadrado e Ctrl a faz crescer a partir do ponto em que você pressionou; uma tecla que você segurava ao começar só faz isso depois que você a pressiona de novo. Raio arredonda os cantos da seleção, os quatro juntos ou cada um por si (veja o Retângulo abaixo); o marcador mantém o próprio raio, separado do do Retângulo.
Seleção elípticaShift+M
No botão Seleção de área da barra de ferramentas, junto com Seleção retangular.Arraste para selecionar uma área elíptica; com Shift ela vira um círculo e um clique duplo seleciona uma célula da grade.
Funciona como a Seleção retangular, com as mesmas teclas ao começar e durante o arrasto: Shift durante o arrasto faz um círculo e Ctrl o faz crescer a partir do centro. Um clique sem arrastar desfaz a seleção.
Seleção por laçoQ
No botão Seleção por laço da barra de ferramentas, junto com Seleção por laço poligonal.Arraste um contorno à mão livre para selecionar a área dentro dele; um clique duplo seleciona uma célula da grade.
Arraste em volta da área; o contorno se fecha sozinho quando você solta. As teclas combinam com a seleção atual como acima, e um clique sem arrastar desfaz a seleção.
Seleção por laço poligonalShift+Q
No botão Seleção por laço da barra de ferramentas, junto com Seleção por laço.Clique para colocar cantos; clique duas vezes ou pressione Enter para fechar a forma e selecioná-la.
Cada clique adiciona um canto, e uma linha acompanha o ponteiro para mostrar a próxima aresta. Pressionar e arrastar antes de soltar adiciona dois cantos, onde você pressionou e onde soltou, como no Aseprite. Clique duas vezes ou pressione Enter para fechar a forma. Esc cancela.
Varinha mágicaW
Clique para selecionar pixels de cor semelhante na camada ativa; arraste para adicionar cada área por onde passar. Suas opções.
Seleciona por cor apenas na camada ativa. Contíguo seleciona a área conectada em que você clica; Global seleciona todos os pixels que combinam na camada. Tolerância (0 a 255) define o quanto uma cor pode ser diferente e ainda combinar. Em um sprite indexado, ela combina por índices da paleta: duas entradas da mesma cor são diferentes, e a Tolerância é quantos índices de distância um pixel pode ter. 8 conexões e Parar na grade funcionam como no balde de tinta. Essas configurações são só da varinha: mudá-las não altera as do balde de tinta (no Aseprite, os dois compartilham as mesmas). Pressione e arraste para varrer: cada área por onde o ponteiro passa entra em uma única seleção, o contorno cresce enquanto você arrasta e, ao soltar, tudo vira um único passo para desfazer. A varinha ignora a seleção atual ao procurar pixels que combinam; as teclas de seleção seguradas ao pressionar então combinam o resultado inteiro com a seleção atual. Um clique fora da tela não faz nada.
Ferramentas de desenho
LápisB
No botão Lápis da barra de ferramentas, junto com Spray, Dispersão e Dithering.Desenha à mão livre com o pincel atual; arrastar com o botão direito desenha com a cor de fundo. Suas opções.
Arraste para desenhar; o traço inteiro é uma etapa de desfazer. Shift+clique desenha uma linha reta de onde terminou o último traço à mão livre. Na visualização em mosaico, os traços dão a volta nas bordas. Como no Aseprite, um pincel de linha inclinado dispensa o pixel perfeito (remover cantos deixaria buracos na faixa dele).
Opções: tamanho, forma e ângulo do pincel, pixel perfeito, tinta e dinâmica. Em uma camada de tilemap, Colocar tiles coloca o tile selecionado nas células que o traço toca.
SprayShift+B
No botão Lápis da barra de ferramentas, junto com Lápis, Dispersão e Dithering.Borrifa pontos aleatórios ao redor do ponteiro, acumulando enquanto você o mantém pressionado. Suas opções.
Manter o botão parado continua borrifando. Fluxo (1 a 64) define quantos pontos cada rajada adiciona; em movimento, ele borrifa uma rajada por pixel de trajeto, então um mouse ou uma caneta rápidos não borrifam mais grosso. O raio do spray segue o tamanho do pincel.
DispersãoAlt+Shift+B
No botão Lápis da barra de ferramentas, junto com Lápis, Spray e Dithering.Carimba o pincel ao longo do traço, cada carimbo deslocado aleatoriamente: folhagem, grama, brilhos. Suas opções.
Arraste para carimbar o pincel ao longo do seu caminho, com cerca de uma largura de pincel de distância entre os carimbos, cada um caindo em um ponto aleatório perto do caminho: bom para folhas, grama, brilhos e entulho, especialmente com um pincel personalizado. Dispersão X e Dispersão Y (0 a 64 pixels) definem a que distância um carimbo pode cair para qualquer lado do caminho e acima ou abaixo dele, e Quantidade (1 a 16) define quantos carimbos caem em cada passo. Com os dois deslocamentos em 0, você obtém uma linha pontilhada. O traço inteiro é uma etapa de desfazer e, ao contrário do spray, manter o botão parado não adiciona nada.
Opções: tamanho, forma e ângulo do pincel, tinta, Dispersão X, Dispersão Y e Quantidade.
Dithering
No botão Lápis da barra de ferramentas, junto com Lápis, Spray e Dispersão.Desenha à mão livre com o pincel atual, pintando só os pixels de um padrão ordenado (um xadrez a 50%) e deixando os outros como estão; arrastar com o botão direito pinta com a cor de fundo. Suas opções.
Desenha como o lápis, mas pinta apenas os pixels de um padrão ordenado e deixa os pixels do meio como estão, para sombreamento e texturas com dithering. Padrão escolhe o padrão (Bayer 2×2, 4×4 ou 8×8, pontos de meio-tom, linhas horizontais, verticais ou diagonais, ou ruído) e Densidade (0 a 100%) quanto dele é pintado: 50% de Bayer 2×2 é um tabuleiro de xadrez, 100% pinta todos os pixels. O padrão se alinha ao canto superior esquerdo do sprite, não ao seu traço, então traços sobrepostos, traços espelhados e outros quadros ficam todos no mesmo padrão. Com a prévia do pincel ativada, o cursor mostra os pixels que um traço pintaria. Shift+clique desenha uma linha reta de onde terminou o último traço à mão livre.
Opções: tamanho, forma e ângulo do pincel, pixel perfeito, tinta, dinâmica, Padrão e Densidade.
BorrachaE
Apaga pixels até ficarem transparentes com o pincel atual. Suas opções.
Apaga até a transparência com o pincel atual. Shift+clique apaga uma linha reta a partir do fim do último traço à mão livre. A opção Clique direito escolhe o que o botão direito faz: Pintar fundo pinta a cor de fundo, e Substituir PP transforma em cor de fundo apenas os pixels da cor de primeiro plano.
Com uma caneta que tem uma ponta de borracha, vire a caneta: o editor troca para a Borracha enquanto a ponta de borracha está sobre a tela ou em contato com ela, e volta para a sua ferramenta quando você desenha de novo com a ponta ou afasta a caneta. Um traço sempre termina com a ferramenta com que começou.
Conta-gotasI
Clique para pegar a cor de primeiro plano da tela; o clique direito pega a cor de fundo. Suas opções.
Clique, ou arraste para continuar capturando enquanto se move. Pixels transparentes são ignorados. Composto captura a cor que você vê, de todas as camadas visíveis; Camada captura apenas da camada ativa.
Ferramentas de visualização
ZoomZ
Clique para aproximar um ponto; clique direito para afastar.
Cada clique aproxima um passo, mantendo onde está o ponto sob o ponteiro (também na visualização em mosaico, na cópia em que você clicou); o clique com o botão direito afasta.
MãoH
Arraste para mover a visualização.
Arraste para mover a visualização. Clique duplo aproxima 2x; Alt e clique duplo afasta.
Mover e fatiar
MoverV
Arraste para mover a seleção ou a cel inteira; as alças a dimensionam, giram e inclinam, e arrastar um canto com Ctrl/Cmd a distorce (adicione Shift para perspectiva). Suas opções.
Arraste por dentro para mover os pixels; Shift mantém o movimento em uma só direção e Alt move uma cópia. As alças os transformam:
- arraste uma alça de canto ou de borda para escalar (Shift mantém as proporções);
- Ctrl e arraste uma alça de borda para inclinar;
- Ctrl e arraste uma alça de canto para distorcê-lo sozinho (adicione Shift para perspectiva);
- arraste logo fora de um canto para girar (Shift trava em passos de 15°);
- arraste o ponto no meio para mover o ponto em torno do qual tudo gira e escala.
Pressione Enter ou clique fora para aplicar a alteração como uma única etapa de desfazer, ou Esc para cancelá-la. As opções escolhem o método de rotação (Rotação rápida, RotSprite ou Bilinear) e posicionam o pivô. Camadas com movimento bloqueado não podem ser movidas.
A ferramenta Mover também arrasta guias (a menos que Exibir > Guias > Bloquear guias esteja ativado): arraste uma para movê-la, ou para fora da tela para removê-la. Com Exibir > Guias > Alinhar às guias ativado, mover leva a borda mais próxima do conteúdo para uma guia ao alcance, e escalar e o pivô também se alinham às guias.
SliceShift+C
Arraste para criar um slice, uma região nomeada para exportação ou escala 9-slice; clique em um slice para editá-lo.
Arraste em um ponto vazio para criar um slice; Shift o faz quadrado. Clique em um slice para selecioná-lo (Shift ou Ctrl adiciona à seleção) e depois arraste-o, suas alças, suas guias de 9-slice ou seu pivô. Clique duas vezes em um slice para abrir suas propriedades, ou clique nele com o botão direito para ver o menu. As alterações valem a partir do quadro atual.
Ferramentas de preenchimento
Balde de tintaG
No botão Balde de tinta da barra de ferramentas, junto com Gradiente.Preenche a área clicada, ou todos os pixels correspondentes, com a cor de primeiro plano. Suas opções.
Contíguo preenche a área conectada em que você clica; Global recolore todos os pixels que combinam na camada. Tolerância (0 a 255) define quão próxima uma cor precisa ser para contar como correspondente (em um sprite indexado, quão próximo precisa ser um índice da paleta, como na varinha mágica). O clique com o botão direito preenche com a cor de fundo.
Em uma camada de tilemap, Colocar tiles faz o balde preencher células em vez de pixels: Contíguo preenche com o tile selecionado as células conectadas que têm o tile da célula clicada, Global todas as células que o têm (Tolerância e as outras opções de pixel não se aplicam).
Com uma seleção, um preenchimento Contíguo fica dentro dela: os pixels não selecionados funcionam como paredes, então o preenchimento não passa de uma área selecionada para outra, e clicar fora da seleção não preenche nada. Um preenchimento Global recolore os pixels que combinam dentro da seleção, onde quer que você clique.
8 conexões (só Contíguo) também se espalha para os vizinhos diagonais, então o preenchimento vaza por linhas diagonais de 1 px; desativado, apenas acima, abaixo, esquerda e direita contam como conectados (o padrão do Aseprite). Parar na grade, enquanto a grade é exibida, mantém o preenchimento dentro da célula da grade em que você clica. Em uma grade isométrica, essa célula é o losango que a grade desenha: ele inclui os pixels de linha ao longo de suas duas bordas superiores e para nas linhas ao longo das bordas inferiores, que pertencem aos losangos de baixo. Uma grade hexagonal funciona do mesmo jeito: um hexágono inclui os pixels de linha ao longo do seu lado esquerdo e das suas duas bordas superiores.
Fechar lacunas (0 a 5, só Contíguo) permite preencher um contorno de esboço que não está bem fechado: lacunas de até essa largura em pixels contam como fechadas, então o preenchimento para nelas em vez de vazar, e a própria lacuna é preenchida. Mantenha baixo em formas pequenas, onde um valor alto também pode parar o preenchimento em gargalos estreitos dentro da forma.
Padrão preenche com um padrão repetido das cores de primeiro plano e de fundo (Xadrez, Dither 25% e 75%, listras, Diagonal, Grade, Pontos, Tijolos) em vez de uma cor sólida; o clique com o botão direito troca as duas. Os padrões se alinham ao canto superior esquerdo da tela, então preenchimentos lado a lado combinam.
GradienteShift+G
No botão Balde de tinta da barra de ferramentas, junto com Balde de tinta.Arraste de dentro de uma área para preenchê-la, como o balde de tinta, com um gradiente do primeiro plano para o fundo. Suas opções.
Arraste de onde o gradiente começa até onde termina; arrastar com o botão direito o percorre no sentido contrário. Como o balde de tinta, ele preenche apenas a área em que você começa: a área conectada da cor em que você pressiona (ou, com Global, todos os pixels dessa cor), com a Tolerância, as 8 conexões, o Parar na grade e o Fechar lacunas do balde, e dentro da seleção, então você pode sombrear uma forma sem selecioná-la antes. Para preencher a camada inteira, use Global com Tolerância 255. Com a simetria ativada, as áreas espelhadas recebem o mesmo gradiente. Um degradê para uma cor transparente mantém a outra cor e só a esmaece. Opções: Linear ou Radial; Cores, ou do primeiro plano ao fundo (PP → Fundo) ou por até 32 Paradas posicionadas ao longo do arrasto; Dither para uma mistura em degraus de pixel art (tabuleiros Bayer 2×2, 4×4 ou 8×8, Pontos de meio-tom, linhas horizontais, verticais ou diagonais, ou uma dispersão uniforme de Ruído); e Alinhamento, em que Paleta pinta apenas cores da paleta, então com Dither ativado o gradiente passa em degraus entre cores vizinhas da paleta.
Para fazer um gradiente de várias cores, defina Cores como Paradas. A barra de Paradas mostra a rampa, com uma alça embaixo para cada parada; a extremidade esquerda dela é onde você começa a arrastar na tela.
- Adicione uma parada: clique na barra (ela assume a cor de primeiro plano) ou solte uma amostra da paleta sobre ela. Shift+clique em uma faixa da paleta carrega a faixa inteira, distribuída de forma uniforme.
- Mova uma parada: arraste a alça dela. As paradas não podem se ultrapassar, mas duas podem se encontrar para uma borda dura entre as cores delas. Com uma alça selecionada, as teclas de seta a empurram (Shift para passos maiores).
- Recolora uma parada: solte uma amostra da paleta sobre a alça dela, ou selecione-a e pressione PP.
- Remova uma parada: arraste a alça bem para fora da barra e solte, ou selecione-a e pressione Del.
- Igual distribui as paradas de forma uniforme; Limpar remove todas.
Carimbo de tiles
Carimba o tile selecionado nas células de uma camada de tilemap; arrastar com Alt remove tiles. Suas opções.
Clique ou arraste sobre uma camada de tilemap para colocar o tile selecionado em cada célula por onde passar; Alt remove tiles em vez disso. Gire e espelhe o tile carimbado com as opções Espelhar H, Espelhar V e Girar 90°. Funciona em camadas de tilemap visíveis e desbloqueadas. Ele espelha com a simetria e fica dentro de uma seleção, como as outras ferramentas quando Colocam tiles (veja Tilemaps).
Ferramentas de forma
Pressionar U repetidamente percorre o retângulo e a elipse, em contorno e preenchidos. Shift+U começa o mesmo ciclo pela elipse. O triângulo, o hexágono e a estrela não têm tecla própria: escolha-os no menu do botão Forma, ou dê uma a eles em Atalhos de teclado (pressionar de novo alterna entre contorno e preenchido).
RetânguloU
No botão Forma da barra de ferramentas, junto com Elipse, Triângulo, Hexágono, Estrela e Forma isométrica.Arraste para desenhar um retângulo, com contorno ou preenchido. Suas opções.
Arraste de canto a canto; Shift faz um quadrado e Ctrl desenha a partir do centro, assim como Alt se já estiver pressionada quando você pressionar. Pressione Alt no meio do arrasto para girar o retângulo em torno do centro: mova o cursor em volta do centro para girá-lo (Shift trava em passos de 15°) e solte Alt para manter o ângulo e continuar dimensionando. Um retângulo girado é pintado como um polígono de quatro cantos, então seus cantos não são arredondados. Opções: Contorno ou Preenchido, e Raio para arredondar os cantos. Com o botão de vínculo ativado, um único Raio define os quatro cantos; desative-o para ter um campo por canto (superior esquerdo, superior direito, inferior direito, inferior esquerdo), de modo que você possa arredondar só um lado ou fazer uma aba ou um balão de fala.
ElipseShift+U
No botão Forma da barra de ferramentas, junto com Retângulo, Triângulo, Hexágono, Estrela e Forma isométrica.Arraste para desenhar uma elipse, com contorno ou preenchida. Suas opções.
Arraste a caixa em que a elipse se encaixa; Shift faz um círculo e Alt ou Ctrl desenha a partir do centro. Os pixels são os do Aseprite, então uma elipse sempre toca os quatro lados da sua caixa, e o pincel circular é o mesmo círculo preenchido. Opções: Contorno ou Preenchido.
Triângulo
No botão Forma da barra de ferramentas, junto com Retângulo, Elipse, Hexágono, Estrela e Forma isométrica.Arraste para desenhar um triângulo apontando para cima, com contorno ou preenchido. Suas opções.
Arraste a caixa em que o triângulo se encaixa: ele aponta para cima, com a base ao longo da parte de baixo da caixa. Shift faz a caixa quadrada e Alt ou Ctrl desenha a partir do centro. Opções: Contorno ou Preenchido.
Hexágono
No botão Forma da barra de ferramentas, junto com Retângulo, Elipse, Triângulo, Estrela e Forma isométrica.Arraste para desenhar um hexágono com o lado plano para cima, com contorno ou preenchido. Suas opções.
Arraste a caixa em que o hexágono se encaixa: os lados planos dele correm ao longo do topo e da base da caixa. Shift faz a caixa quadrada e Alt ou Ctrl desenha a partir do centro. Opções: Contorno ou Preenchido.
Estrela
No botão Forma da barra de ferramentas, junto com Retângulo, Elipse, Triângulo, Hexágono e Forma isométrica.Arraste para desenhar uma estrela de cinco pontas, com contorno ou preenchida. Suas opções.
Arraste a caixa em que a estrela de cinco pontas se encaixa: ela aponta para cima e suas pontas externas tocam todos os lados da caixa. Shift faz a caixa quadrada e Alt ou Ctrl desenha a partir do centro. Opções: Contorno ou Preenchido.
Forma isométricaK
No botão Forma da barra de ferramentas, junto com Retângulo, Elipse, Triângulo, Hexágono e Estrela.Desenhe uma caixa, rampa, escada, pirâmide, prisma, cilindro, cone, esfera ou cúpula isométricos, ajuste com as alças e pressione Enter. Suas opções.
- Arraste do canto de trás da forma até o canto da frente para definir sua base. Shift a mantém quadrada; mantenha Alt pressionado para congelar a base e mova o ponteiro para cima ou para baixo para definir a altura. Um clique sem arrastar coloca uma forma do tamanho da anterior.
- Ajuste-a: arraste uma alça para mudar aquela dimensão (Shift escala as três juntas), arraste a forma para movê-la ou empurre-a com as teclas de seta.
- Pressione Enter ou clique duas vezes para desenhá-la. Clicar em outro lugar também a desenha; Esc a descarta.
Pressionar K de novo troca a forma. Opções:
- Forma: Caixa, Rampa, Escada, Pirâmide, Prisma (um telhado), Cilindro, Cone, Esfera ou Cúpula. As formas redondas (cilindro, cone, esfera, cúpula) têm uma base circular, então as duas alças laterais definem o diâmetro. O cone sobe até uma ponta e a cúpula até um topo arredondado na altura que você definir. A altura de uma esfera segue a largura dela, então ela não tem alça de altura.
- Cap: a largura da ponta plana nos cantos superior e inferior, de 2 (pontiaguda) a 4 (plana).
- Chanfro (caixas): chanfra as bordas superiores nessa quantidade de pixels, de modo que uma inclinação corre entre o topo e os lados. 0 mantém as bordas em ângulo reto.
- Estilo: preenchimento e contorno, só preenchimento ou só contorno. No estilo contorno, Mostrar arestas traseiras desenha também as arestas escondidas.
- Girar 90° gira rampas, escadas e prismas para inclinar no outro sentido.
- Sombrear automaticamente a partir da cor de frente: a face de cima usa a cor de primeiro plano e os lados são sombreados mais escuros, seguindo a rampa de Tons quando a cor está nela. Desative para escolher você mesmo as cores do contorno, da borda interna e da face.
A forma segue a proporção da grade isométrica do sprite (2:1, a menos que você a mude).
ContornoD
No botão Contorno da barra de ferramentas, junto com Polígono.Arraste um contorno à mão livre; ele se fecha sozinho e o interior é preenchido. Suas opções.
Preenche a forma que você arrasta, contorno incluído. A forma precisa de pelo menos três pontos.
PolígonoShift+D
No botão Contorno da barra de ferramentas, junto com Contorno.Clique para colocar cantos; clique duas vezes ou pressione Enter para terminar o polígono fechado. Suas opções.
Cada clique coloca um canto, e a forma sempre se fecha de volta ao primeiro; pressionar e arrastar coloca dois, onde você pressionou e onde soltou (do jeito do Aseprite). Clique duas vezes ou pressione Enter para terminar. Opções: Contorno ou Preenchido.
Ferramentas de linha
LinhaL
No botão Linha / Curva da barra de ferramentas, junto com Curva.Arraste para desenhar uma linha reta; Shift a alinha aos ângulos do pixel art e Ctrl (Cmd no Mac) a desenha a partir do meio. Suas opções.
Mantenha Shift pressionada para alinhar a 16 ângulos (0°, 90°, 45° e 5:2 / 2:5 para 22,5° / 67,5°; uma grade isométrica acrescenta a própria inclinação), com passos de pixel uniformes, e Ctrl ou Alt para desenhar a partir do meio: o ponto em que você pressionou vira o ponto médio da linha. Opção: Espessura, 1 pixel por padrão; linhas mais largas ganham pontas arredondadas.
CurvaShift+L
No botão Linha / Curva da barra de ferramentas, junto com Linha.Clique para colocar pontos de canto, arraste para colocar pontos suaves e arraste um ponto ou alça já colocados para remodelá-los; clique no primeiro ponto para fechar o caminho, ou pressione Enter ou clique duas vezes para terminá-lo aberto. Suas opções.
Desenha um caminho por quantos pontos você quiser, como uma ferramenta caneta:
- Clique para colocar um ponto de canto. Dois pontos de canto seguidos são unidos por uma linha reta.
- Pressione e arraste para colocar um ponto suave: o arrasto puxa as alças dele, que curvam o caminho dos dois lados. Mantenha Alt pressionada ao arrastar para mover apenas a alça de saída, para uma curva fechada. Shift alinha uma alça, ou o próximo ponto, aos ângulos da pixel art.
- Clique no primeiro ponto para fechar o caminho (ele fica verde quando o ponteiro está sobre ele). Arraste ali para dar forma à curva de fechamento.
- Enter ou um clique duplo termina o caminho aberto; Backspace remove o último ponto; Esc descarta o caminho.
Até você terminá-lo, o caminho continua editável. Pressione em um ponto já colocado para alterá-lo em vez de adicionar um novo:
- Arraste um ponto para movê-lo; as alças dele vão junto. Mantenha Ctrl pressionada para mover o primeiro ponto (um clique simples ali fecha o caminho).
- Arraste uma alça para remodelar a curva. A alça do outro lado gira junto para que o ponto continue suave; mantenha Alt pressionada para mover uma alça sozinha. Solte uma alça sobre o próprio ponto para removê-la.
- Alt+clique em um ponto para torná-lo um canto vivo, ou Alt+arraste para puxar novas alças.
Com zoom afastado, um clique só pega um ponto a até dois pixels dele, para que você ainda possa colocar pontos próximos uns dos outros.
Opções: Espessura (compartilhada com a Linha), Pixel perfeito (ativado por padrão: remove os cantos em L que uma curva de 1 pixel pega) e Contorno ou Preenchido, que preenche um caminho fechado.
Ferramentas de ajuste
DesfoqueR
No botão Desfoque da barra de ferramentas, junto com Embaralhar e Subexpor/Superexpor.Passe o pincel sobre os pixels para suavizá-los, fazendo a média de cada um com seus vizinhos. Suas opções.
Cada pixel é suavizado uma vez por traço. Intensidade (1 a 4) define até onde ele procura vizinhos.
Embaralhar
No botão Desfoque da barra de ferramentas, junto com Desfoque e Subexpor/Superexpor.Passe o pincel sobre os pixels para embaralhá-los com cores de pixels próximos. Suas opções.
Cada pixel que o pincel toca assume a cor de um pixel vizinho aleatório. Intensidade (0 a 100%) é a chance de um pixel mudar.
Subexpor/SuperexporO
No botão Desfoque da barra de ferramentas, junto com Desfoque e Embaralhar.Passe o pincel sobre os pixels para clareá-los mantendo o matiz; arrastar com o botão direito os escurece. Suas opções.
Arraste para clarear (subexpor) os pixels sob o pincel; arraste com o botão direito para escurecê-los (superexpor). Por padrão, ele altera apenas a luminosidade perceptual (OKLCH), então matiz e saturação se mantêm em vez de desbotar para cinza, e os pixels transparentes são deixados em paz. Cada pixel muda uma vez por traço: passe de novo para ir mais longe. Intensidade (1 a 100, padrão 25) define quanto: 100 vai metade do caminho do preto ao branco, 25 cerca de um degrau de uma rampa típica. Deslocamento de matiz (0 a 60 graus, padrão 0 = desativado) sombreia como os artistas de pixel art fazem: clarear gira o matiz em direção a um amarelo quente e suaviza a cor, escurecer em direção a um azul frio e a aprofunda, nunca além desses matizes; pixels cinza continuam cinza. Com Mostrar prévia do pincel ativado, o cursor mostra o resultado antes de você clicar (mantenha o botão direito pressionado para ver o escurecimento). Em um sprite indexado, o resultado se ajusta à cor mais próxima da paleta, então uma intensidade baixa pode não alterar nada.
Régua e texto
RéguaShift+R
Arraste para medir entre dois pontos: o comprimento, o ângulo e os deslocamentos aparecem na barra de informações e nada é pintado; Shift alinha o ângulo.
Arraste entre dois pontos para medi-los. A barra de informações mostra o comprimento em pixels, o ângulo (anti-horário a partir da direita, então para cima é 90°) e os deslocamentos horizontal e vertical, e uma linha com duas alças marca o trecho. Nada é pintado e nada vai para a pilha de desfazer. A medição permanece depois que você solta, até você pressionar de novo para iniciar outra, pressionar Esc ou trocar de ferramenta; Shift alinha a ponta final aos 16 ângulos da pixel art.
TextoT
Clique e digite; Mod+Enter ou um clique fora o coloca em uma nova camada de texto. Clique no texto depois para editá-lo. Suas opções.
Clique onde o texto deve começar e digite. O texto aparece enquanto você digita, na cor de primeiro plano, dentro de uma caixa tracejada com um cursor de texto. Enter começa uma nova linha, e as teclas de seta, Home e End movem o cursor como em qualquer campo de texto. Clique dentro da caixa para mover o cursor até ali, ou arraste a caixa para mover o texto.
Pressione Ctrl+Enter, ou clique fora da caixa, para terminar: o texto cai como uma única etapa de desfazer em uma nova camada de texto logo acima da camada ativa, com o nome da primeira linha. Trocar para outra ferramenta também o confirma. Esc o descarta a qualquer momento antes de ele cair.
Editar texto. Clique em um texto de uma camada de texto com a ferramenta Texto para abri-lo de novo: as palavras voltam para a caixa com o cursor no fim, e a fonte, o tamanho, o estilo, o espaçamento, o alinhamento e a cor voltam para as opções e para a cor de primeiro plano. Altere qualquer um e termine para redesenhá-lo; apague tudo para limpar o cel da camada. As camadas de texto mostram na linha do tempo. Use a ferramenta Mover para mover o cel de uma camada de texto: ele continua editável.
Uma camada de texto é feita de pixels comuns para todo o resto: ela exporta, mescla e combina como
qualquer camada, também nos arquivos .aseprite. Pintar nela, ou qualquer coisa que altere seus
pixels (uma transformação, uma mudança de modo de cor, redimensionar o sprite), a transforma em
pixels simples, que você então edita como qualquer desenho; desfazer até o texto desenhado a torna
editável de novo. O texto guarda o nome da sua fonte, não a fonte em si, então um texto desenhado
em uma fonte que você carregou só abre em um navegador onde essa fonte também esteja carregada.
Fontes. Seis fontes de pixel acompanham o pxstud.io: Tom Thumb (uma minúscula 4x6), Spleen 5x8,
6x12 e 8x16, e Scientifica em regular e negrito. As fontes bitmap são desenhadas exatamente como
projetadas, iguais em todos os dispositivos, e Escala aumenta os pixels delas em passos
inteiros. Carregar fonte... adiciona um arquivo de fonte do seu computador: uma fonte bitmap
(.bdf) ou uma fonte vetorial (.ttf, .otf, .woff, .woff2). As fontes vetoriais são
desenhadas no Tamanho que você escolher, sem antialiasing, então cada pixel é sólido. Cada
linha é composta como um todo, então kerning, ligaduras e escritas que unem letras (o árabe, por
exemplo) saem como a fonte pretende; os pixels exatos podem diferir um pouco entre navegadores. As
fontes de pixel vendidas como TTF ficam certas no tamanho de projeto delas ou em um múltiplo inteiro
dele. Uma fonte carregada fica somente neste navegador: ela não é sincronizada, e o botão de lixeira
ao lado da lista de fontes a remove.
Negrito e Itálico usam o negrito e o itálico da própria fonte carregada (ou os que o navegador cria a partir dela). Uma fonte bitmap os obtém dos próprios pixels: o negrito duplica cada pixel para a direita, e o itálico desloca as linhas um pixel para a direita de cada vez, subindo, deixando a linha de base onde está. Os autores e as licenças das fontes incluídas estão listados na página Licenças de código aberto do editor.
Opções: fonte, escala ou tamanho, espaçamento entre letras, espaçamento entre linhas e alinhamento.