Configurações

Todas as configurações do pxstud.io: onde alterá-las, seus valores, o padrão e onde ficam guardadas.

A maioria das configurações está no menu Configurações e no menu Exibir, e algumas ficam ao lado do que alteram (o botão de configurações do seletor de cor, os controles de reprodução da linha do tempo). As opções de ferramenta têm a própria referência.

As configurações ficam guardadas em um destes lugares, mostrados na coluna Guardada de cada tabela:

  • Este navegador, todos os sprites: salva neste navegador e igual para todos os sprites. Outro navegador ou dispositivo tem a própria. Um layout do espaço de trabalho salvo pode levar algumas delas, como indicado abaixo de suas tabelas.
  • Cada sprite, neste navegador: cada sprite tem a sua, salva neste navegador.
  • No arquivo do sprite: faz parte do sprite, então é salva e sincronizada com ele e o desfazer a cobre.
  • Cada visualização do editor: cada editor (Exibir > Novo editor) tem a sua, até você recarregar.
  • Até recarregar: compartilhada por todas as visualizações e volta ao padrão quando a página é recarregada.

Aparência

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
ThemeThe theme button at the right end of the menu barMatch system, Light, DarkMatch systemThis browser, every spriteLight or dark, or whichever your system uses; every page of pxstud.io follows it.

Um layout de espaço de trabalho salvo pode incluí-los: Theme.

Atalhos de teclado

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
Keyboard shortcutsConfigurações > Atalhos de teclado...Any keys for any command, or noneThe defaultsThis browser, every spriteChanges, adds or removes the keys for any command or tool.

Um layout de espaço de trabalho salvo pode incluí-los: Keyboard shortcuts.

Como alterá-los está em Atalhos de teclado.

Exibir

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
Pixel gridExibir > Grade > Mostrar grade de pixelsOn or offOffEach editor viewOutlines every pixel when you zoom in far enough.
Tiled modeExibir > Modo ladrilhoOff, Both axes, Horizontal only, Vertical onlyOffEach editor viewRepeats the sprite around itself, to check that it tiles; you can paint across the copies.
Onion skinExibir > Mostrar casca de cebolaOn or offOffEach editor viewShows the frames around the current one, faded, as set in the onion skin settings.
Tile gridExibir > Grade de tilesOn or offOnUntil you reloadOutlines the tiles while a tilemap layer is active.
Brush previewExibir > Mostrar prévia do pincelOn or offOnUntil you reloadShows the brush's footprint under the pointer, or the Spray's splash circle.
Zoom snappingConfigurações > Ajuste de zoomOff (smooth), Whole numbers, Powers of twoWhole numbersThis browser, every spriteWhole numbers keeps every pixel the same size on screen, on Aseprite's levels (1x, 2x, 3x, 4x, 5x, 6x, 8x, 12x ..., and 1/2, 1/3 ... below 100%); powers of two zooms ... 1/2, 1x, 2x, 4x ...; off zooms smoothly.

Toque e caneta

Para desenhar em um tablet ou em uma tela sensível ao toque. A ponta de borracha de uma caneta sempre troca para a Borracha enquanto você a usa (veja Ferramentas).

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
Draw with fingerConfigurações > Desenhar com o dedoOn or offOnThis browser, every spriteWhen off, one finger pans the canvas instead of drawing, so only a pen or mouse draws; pinching and two- and three-finger taps work either way.

Mouse e trackpad

O que o mouse, a roda dele e um trackpad fazem na tela; O espaço de trabalho explica. Os comandos atribuídos a botões do mouse e a direções da roda ficam salvos com os atalhos de teclado.

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
Mouse wheelConfigurações > Mouse e trackpad...Zoom, Scroll the viewZoomThis browser, every spriteZoom: the wheel zooms and a trackpad's two-finger scroll pans. Scroll the view: the wheel pans (Shift+wheel sideways) and Ctrl+wheel (⌘+wheel on a Mac) zooms. A trackpad pinch zooms either way.
Zoom aroundConfigurações > Mouse e trackpad...Pointer, Center of the viewPointerThis browser, every spriteWhether wheel and trackpad zoom keeps the point under the pointer still, or the middle of the view.
Invert brush-size wheelConfigurações > Mouse e trackpad...On or offOffThis browser, every spriteCtrl+Shift+wheel (⌘⇧+wheel on a Mac) changes the active tool's size, wheel up for bigger; this makes wheel up smaller, as in older Aseprite.
Right buttonConfigurações > Mouse e trackpad...Tool's right-click (background color), Erase while held, Pick color while held, Pan the viewTool's right-click (background color)This browser, every spriteWhat a right-button drag on the canvas does: the tool's own right-click (most paint with the background color), erase, pick a color, or pan. A pen's side button counts as the right button.
Back and forward buttons open the tool wheelConfigurações > Mouse e trackpad...On or offOnThis browser, every spriteHold the mouse's back or forward button over the canvas to open the tool wheel, and let go over a tool to pick it; the browser doesn't go back.
Cursor sizeConfigurações > Mouse e trackpad...100%, 150%, 200%100%This browser, every spriteDraws the pixel cursors at 150% or 200%, still crisp, for big or dense screens.

Ferramentas

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
Remember brush per toolConfigurações > Lembrar o pincel por ferramentaOn or offOnThis browser, every spriteEach tool keeps its own brush size, shape and ink, so switching back to a tool brings back what it last used; when off, every tool shares one brush.
Hold tool keys to borrowConfigurações > Segurar a tecla para emprestar a ferramentaOn or offOffThis browser, every spriteTap a tool's key to switch to it; hold the key for a moment and the tool is only borrowed, so letting go returns you to the tool you had (hold E to erase, release to carry on with the pencil).
Tool wheel: inner ringConfigurações > Roda de ferramentas...Up to eight tools, in slots you choose8 toolsThis browser, every spriteThe tools on the ring nearest the pointer, the easiest to reach; slots may stay empty.
Tool wheel: outer ringConfigurações > Roda de ferramentas...Up to eight tools, in slots you choose8 toolsThis browser, every spriteThe tools on the ring behind the inner one, turned half a slot so each sits between two inner tools; slots may stay empty.

Grade

A aparência e o alinhamento da grade são seus; o tipo, o deslocamento e o tamanho da célula pertencem ao sprite.

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
Show gridExibir > Grade > Mostrar gradeOn or offOffThis browser, every spriteDraws the sprite's grid over the canvas.
Snap to gridExibir > Grade > Alinhar à gradeOn or offOffThis browser, every spriteSnaps shapes, lines, selections, slices and gradients to the grid.
Color and opacityExibir > Grade > Configurações da grade...Any color#000000 at 50%This browser, every spriteThe grid lines' color and how opaque they are.
TypeExibir > Grade > Configurações da grade...Rectangular, IsometricRectangularIn the sprite fileA grid of rectangles, or of diamonds for isometric art (View > Grid > Isometric Grid switches too).
RatioExibir > Grade > Configurações da grade...2:1, 1:1, 3:2, 4:32:1In the sprite fileAn isometric grid's slope: how many pixels across for each pixel down.
Offset (X, Y)Exibir > Grade > Configurações da grade...-32767 px to 32767 px0, 0In the sprite fileWhere the grid starts, so it can line up with art that isn't at the corner.
Cell sizeExibir > Grade > Configurações da grade...1 px to 32767 px16 × 16 pxIn the sprite fileEach cell's width and height; an isometric cell's height follows from its width and ratio.

Um layout de espaço de trabalho salvo pode incluí-los: View preferences (grid, checkerboard, onion skin, playback).

Réguas e guias

Se as réguas e as guias aparecem, alinham ou estão bloqueadas é algo seu; as guias em si pertencem ao sprite.

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
Show rulersExibir > Guias > Mostrar réguasOn or offOffThis browser, every spriteRulers along the top and left of every editor view, in sprite pixels. Drag out of one to add a guide.
Show guidesExibir > Guias > Mostrar guiasOn or offOnThis browser, every spriteDraws the sprite's guides over the canvas. Hidden guides don't snap.
Snap to guidesExibir > Guias > Alinhar às guiasOn or offOnThis browser, every spritePulls shapes, lines, selections, slices, gradients and Move tool transforms onto a guide within a few screen pixels.
Lock guidesExibir > Guias > Bloquear guiasOn or offOffThis browser, every spriteStops guides being moved or removed by dragging. New ones can still come out of the rulers.

Um layout de espaço de trabalho salvo pode incluí-los: View preferences (grid, checkerboard, onion skin, playback).

Xadrez

O xadrez aparece através dos pixels transparentes.

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
Square sizeConfigurações > Xadrez...1 px, 2 px, 4 px, 8 px, 16 px, 32 px, 64 px16 pxThis browser, every spriteThe side of each square of the checkerboard behind transparent pixels, in sprite pixels.
ColorsConfigurações > Xadrez...Two colors of your choiceThe theme'sThis browser, every spriteThe two colors of the squares; Reset to Theme follows the light or dark theme again.

Um layout de espaço de trabalho salvo pode incluí-los: View preferences (grid, checkerboard, onion skin, playback).

Casca de cebola

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
Previous framesConfigurações > Casca de cebola...0 to 161This browser, every spriteHow many frames before the current one show.
Next framesConfigurações > Casca de cebola...0 to 161This browser, every spriteHow many frames after the current one show.
OpacityConfigurações > Casca de cebola...0% to 100%50%This browser, every spriteHow opaque the nearest frames are.
Opacity stepConfigurações > Casca de cebola...0% to 100%10%This browser, every spriteHow much fainter each frame further away gets.
Red/Blue tintConfigurações > Casca de cebola...On or offOnThis browser, every spriteTints earlier frames red and later frames blue.
Current tag onlyConfigurações > Casca de cebola...On or offOffThis browser, every spriteShows only frames in the tag the current frame belongs to.
Loop through tag framesConfigurações > Casca de cebola...On or offOffThis browser, every spriteWith Current tag only, wraps around the tag's ends, as the animation does when it loops.
PositionConfigurações > Casca de cebola...Behind sprite, In front of spriteBehind spriteThis browser, every spriteDraws the other frames behind the current one, or over it.

Um layout de espaço de trabalho salvo pode incluí-los: View preferences (grid, checkerboard, onion skin, playback).

Reprodução

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
Playback speedThe timeline's and the preview's playback controls0.25x, 0.5x, 0.75x, 1x, 1.5x, 2x, 3x, 4x1xThis browser, every spritePlays the animation faster or slower; the frame durations in the sprite don't change.
Playback modeThe timeline's and the preview's playback controlsPlay tags & repetitions, Play all frames (ignore tags), Play once, Play subtagsPlay tags & repetitionsThis browser, every spriteWhether playback follows the tags and their repeats, plays every frame, plays once, or plays the subtags.

Um layout de espaço de trabalho salvo pode incluí-los: View preferences (grid, checkerboard, onion skin, playback).

Informações da tela

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
Show canvas infoExibir > Mostrar informações da telaOn or offOnThis browser, every spriteShows a readout of the cursor position, tool, frame and so on in a corner of each canvas.
PositionConfigurações > Informações da tela...Top left, Top right, Bottom left, Bottom rightBottom leftThis browser, every spriteThe corner of the canvas it sits in.
ItemsConfigurações > Informações da tela...Any of Cursor position, Selection size, Shape size / rotation angle, Foreground color, Active tool, Active layer, Frame, Canvas size, Color mode, ZoomCursor position, Selection size, Shape size / rotation angle, Active tool, Frame, Canvas sizeThis browser, every spriteWhat the readout lists; the selection and shape sizes show only while there's one.

Teclas pressionadas

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
Show keystrokesExibir > Mostrar teclas pressionadasOn or offOffThis browser, every spriteShows each key you press and the command it runs, for recording tutorials.
PositionConfigurações > Teclas pressionadas...Top left, Top center, Top right, Bottom left, Bottom center, Bottom rightBottom centerThis browser, every spriteWhere on screen the keys appear.
Relative to canvasConfigurações > Teclas pressionadas...On or offOffThis browser, every spritePlaces them in a corner of the canvas instead of the window.

Seletor de cor

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
ModesThe Color picker's settings buttonAny of Shades, Spectrum, Wheel, Sliders, Normal mapShades, Spectrum, Wheel, SlidersThis browser, every spriteThe pickers offered in the picker's mode bar; at least one stays on.
ModeThe Color picker's mode barShades, Spectrum, Wheel, Sliders, Normal mapShadesThis browser, every spriteThe picker showing.
Color spaceThe Color picker's settings buttonHSV, RYB (painter's wheel), OKLCH (even lightness)HSVThis browser, every spriteThe color space of the Shades, Spectrum and Wheel pickers.
Slider channelsThe Sliders mode's channel buttonsRGB, HSV, HSL, OKLCHRGBThis browser, every spriteThe channels the Sliders mode shows.
HarmonyThe Color picker's settings buttonNone, Complementary, Analogous, Split complementary, Triadic, Tetradic, Square, MonochromaticNoneThis browser, every spriteMarks the colors that go with the current one on the pickers, by a color-wheel rule.
Discrete stepsThe Color picker's settings buttonOn or offOffThis browser, every spriteSnaps the pickers to a fixed number of hues and tones.
Hue stepsThe Color picker's settings button6 hues, 8 hues, 10 hues, 12 hues, 16 hues, 18 hues, 24 hues, 36 hues12 huesThis browser, every spriteHow many hues Discrete steps allows.
Tone stepsThe Color picker's settings button3 levels, 4 levels, 5 levels, 6 levels, 8 levels, 10 levels, 12 levels, 16 levels8 levelsThis browser, every spriteHow many saturation and lightness levels Discrete steps allows.
Wheel startThe Color picker's settings button0° to 330°0°This browser, every spriteWhere red sits on the wheel, turning counterclockwise from the right, in 30° steps.
Normal mapThe Color picker's settings buttonGreen up, Y+ (OpenGL), Green down, Y− (DirectX)Green up, Y+ (OpenGL)This browser, every spriteWhich way green points in the Normal map picker.
Text formatThe format button next to the Color picker's text fieldHEX, RGB, HSL, OKLCHHEXThis browser, every spriteHow the color is written in the picker's text field; click to step through them.

Simetria

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
AxesThe Symmetry button in the tool options barHorizontal, vertical and the two diagonals, in any combinationNone (off)Each sprite, in this browserThe lines strokes and shapes are mirrored across.
Axis positionDrag an axis on the canvasAnywhere on the canvas, on a pixel edge or a pixel's middleThe canvas centerEach sprite, in this browserWhere the axes cross; the Symmetry button's arrow has Reset to center.

Ferramenta Texto

As opções da ferramenta Texto ficam guardadas neste navegador, então a última fonte que você usou continua escolhida da próxima vez. As fontes que você carrega também ficam guardadas neste navegador.

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
FontThe Text tool's options barA bundled pixel font, or a font file loaded in this browserSpleen 5x8This browser, every spriteThe typeface new text is drawn in.
ScaleThe Text tool's options bar1x to 16x1xThis browser, every spriteHow many pixels wide each of a bitmap font's pixels is drawn.
SizeThe Text tool's options bar4 px to 256 px16 pxThis browser, every spriteThe size a loaded TTF, OTF or WOFF font is drawn at.
Letter spacingThe Text tool's options bar-16 px to 64 px0 pxThis browser, every spriteExtra pixels between characters.
Line spacingThe Text tool's options bar-32 px to 128 px0 pxThis browser, every spriteExtra pixels between lines.
AlignThe Text tool's options barLeft, Center, RightLeftThis browser, every spriteWhether lines line up on their left edges, centers or right edges.
BoldThe Text tool's options barOn or offOffThis browser, every spriteHeavier letters: a loaded font's bold, or, for a bitmap font, every pixel doubled to its right.
ItalicThe Text tool's options barOn or offOffThis browser, every spriteSlanted letters: a loaded font's italic, or, for a bitmap font, rows shifted right a pixel at a time going up.

Espaço de trabalho

Quais painéis estão abertos e onde estão acoplados é tratado em O espaço de trabalho.

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
Lock layoutExibir > Espaço de trabalho > Bloquear layoutOn or offOffThis browser, every spriteStops panels from being moved, docked or resized by accident.

Novos sprites

ConfiguraçãoOndeValoresPadrãoMantidoO que faz
PaletteArquivo > Novo sprite...The starter palette, one of My Palettes, or a built-in oneThe starter paletteThis browser, every spriteThe palette a new sprite starts with: the New Sprite dialog remembers the last one you chose.