Pixel Sketch Studio Unblocked
A tiny pixel-art studio with palettes, frames and one-click PNG export.
Tip: rotate your phone to landscape for a larger view.
What is Pixel Sketch Studio?
Pixel Sketch Studio is a browser-based pixel-art editor. You pick a canvas size, choose colors from five palettes and draw with a pencil, eraser, fill bucket and color picker. It also supports frame-by-frame animation, and you can export a single PNG or a sprite sheet of every frame.
- Category
- Casual Games
- Players
- 1 player
- Plays on
- Best on desktop, playable on touch
- Input
- Mouse, Keyboard, Touch
- Made by
- gitstq
- Checked
Pixel Sketch Studio is a small drawing app built for one job: placing colored squares exactly where you want them. Open it and you get a grid, a few palettes and the classic set of tools, with nothing to win and no clock running. Make a character for your own game, a tiny portrait of your pet or a looping animation of a bouncing ball. The editor began life as PixelCraft, an open-source project by gitstq, and it runs unblocked in your browser with no account and no download.
Setting Up a Canvas
You start by choosing a size. Presets go from 8x8 up to 64x64, or you can type any width and height between 4 and 128. Smaller canvases are easier for beginners, because each pixel matters and the picture comes together fast.
The palette panel offers five sets: Classic, Retro Green, Pastel, Neon and Earth. There is also a custom color picker if none of them has the shade you want.
The Toolbox
- Pencil paints single pixels, or larger blocks if you raise the brush size, which goes from 1 to 8.
- Eraser paints white.
- Fill bucket floods a connected area of one color.
- Color picker copies any color already on the canvas.
- Move lets you drag the view around, useful when you are zoomed in.
Undo keeps up to 100 steps, so experimenting is safe.
Pixel Sketch Studio controls
| To do this | Keyboard | Mouse | Touch |
|---|---|---|---|
| Paint with the selected tool | — | Click or drag on the canvas | Tap or drag with one finger |
| Choose pencil, eraser, fill, picker or move | P, E, G, I, V | Click a tool in the Tools panel | Tap a tool in the Tools panel |
| Set the primary or secondary color | — | Click a swatch for primary; right-click or Ctrl+click for secondary | Tap a swatch |
| Switch primary and secondary colors | X | Click the ⇄ button | — |
| Make the brush bigger or smaller | [ and ] | Drag the Brush Size slider | — |
| Zoom in or out and move the view | V, then drag, for the move tool | Scroll wheel or zoom buttons; middle-button drag to pan | Tap the zoom buttons; pick Move and drag |
| Undo, redo, show or hide grid, export | Ctrl+Z, Ctrl+Y, B, Ctrl+S | Buttons in the header | — |
Bringing Sprites to Life
The Frames panel turns a still picture into an animation. The plus button adds an empty frame, the copy button duplicates the current one, and the minus button deletes it. Press Play to loop through them at any speed between 2 and 24 frames per second.
A simple workflow for your first animation:
- Draw a finished first frame.
- Copy it.
- Change just a few pixels, such as eyes closing or a foot moving.
- Repeat two or three times.
- Play it back at 4 to 8 frames per second and adjust.
Small changes look smooth. Big jumps between frames look jittery.
Habits of Clean Pixel Art
Outline in one color first and fill afterward. The bucket stops at any different color, so a single gap in the outline lets the fill leak out.
Put your outline color in the secondary slot. Pressing X flips between it and your main color instantly.
Fewer colors often look better. Retro Green has only eight, which keeps small sprites readable.
Press B now and then to hide the grid and judge the whole picture.
Pixel Sketch Studio is a nice change of pace from the action titles on FreezeNova. If you want to make music next, open Tiny Synth Piano, or try simple code-driven art in Block Code Turtle.
Pixel Sketch Studio: questions players ask
Is Pixel Sketch Studio a game?
It is a creative tool rather than a game with goals. There is no score or timer. You draw sprites, icons or tiny scenes, animate them if you like and save the result as an image file.
Will my drawing still be there tomorrow?
No. The editor stores nothing in your browser, so closing or reloading the tab wipes the canvas. Press Export PNG, or Ctrl+S, before you leave if you want to keep it.
Can I make transparent sprites?
Not directly. Every new canvas starts white, and the eraser paints white instead of clearing pixels. If you need a transparent background, remove the white in another image editor after exporting.
Can I use it on a phone?
You can, but it is tight. Drawing, filling and choosing colors all work with a finger, while the panels squeeze into scrolling strips around the canvas. A tablet or a computer is much more comfortable.
How big are exported images?
Exports are saved at twice the on-screen pixel size. One frame becomes a single PNG, and several frames are laid out together on one roughly square sprite sheet.
Credits and license
Pixel Sketch Studio was created by gitstq and released as open source. FreezeNova hosts a lightly adapted copy on its own server, together with the original license file.
- Source code: github.com/gitstq (original project)
- Code license: MIT
- Art & audio: MIT (interface icons are inline SVG in the code; no image, font or audio files)
- Our changes: Renamed for FreezeNova, with one palette button given a new label. We fixed several bugs too: the canvas now opens sized to your screen, grid lines show up on white, newly added frames appear immediately, and the color panel is visible on phones.
