How to Make Pixel Art in Clip Studio Paint: Setup to Export

Learning how to make pixel art in Clip Studio Paint comes down to one idea: switch off every feature that tries to smooth your lines. Clip Studio Paint (CSP) is built for comics and illustration, so its defaults blend edges, soften scaling and stabilize strokes. Pixel art wants the opposite. Once you set up the canvas, a 1px brush, the grid and the export, CSP becomes a solid pixel editor, and you can make game-ready sprites without buying another program.

This guide covers the full setup, a worked 32×32 character, animation, blur-free export, and the mistakes that trip up most beginners. At the end you will see how to turn bigger art or animation into pixel sprites when drawing every frame by hand is too slow.

What pixel art needs from Clip Studio Paint

Pixel art is digital art where the individual pixel is the only building block, and every pixel is placed on purpose. That has three practical consequences for your software:

• No anti-aliasing. Anti-aliasing is the smoothing that paints semi-transparent, in-between colors along the edge of a stroke so curves look soft. In pixel art those half-colored pixels look like smudges. Every tool you use (pen, eraser, fill, selection, transform) needs it off.
• Small, exact canvases. You draw at the real size the game shows, often 16×16, 32×32 or 64×64 pixels, and scale up only at the end.
• Nearest-neighbor scaling. When you enlarge pixel art, each pixel must become a clean block of identical pixels. Any smoothing interpolation, such as bilinear or bicubic, blurs it.

Most of the problems people hit when they first try this in CSP, like wobbly lines, blurry exports or the pen coloring the wrong pixel, come from one of these three being left at the default.

How to make pixel art in Clip Studio Paint: canvas and settings

Do this setup once and save it. Every later step depends on it.

1. Switch units to pixels

Open Preferences (File > Preferences on Windows, the CLIP STUDIO PAINT menu on macOS), go to Ruler/Unit, and set the unit of length to px. Now brush sizes, canvas sizes and grid gaps all read in pixels, which removes a lot of guesswork.

2. Create a small canvas

Choose File > New, set the unit to px, and enter your sprite size. For a first character, 32×32 is a good balance: big enough for a readable face, small enough to finish in an evening. Resolution (dpi) only matters for print, so 72 is fine. Give yourself a transparent background if the sprite goes into a game.

Pick your size based on your game, not on comfort. If your game tiles are 16×16, a 64×64 character will look out of scale next to them. Decide the target size first, then draw at exactly that size.

3. Turn on a pixel grid

Enable View > Grid, then open the grid and ruler settings and set the gap to 1 px. Zoom to 800% or more and you will see every pixel cell outlined. Many artists also add a second grid at 8 or 16 px to mark tile boundaries.

4. Use a second window at 100%

Open a new window of the same canvas (Window > Canvas > New Window in recent versions) and keep it at 100% or 200% zoom. You draw zoomed in, but you judge readability at real size. A sprite that looks great at 1600% can turn into mush at 100%.

Making a pixel brush in Clip Studio Paint

The single most important tool for pixel art in CSP is a custom 1px brush. Here is how to build it, plus matching eraser, fill and selection settings.

The pixel pen

1. Select the Pen tool and find the Dot pen sub tool in the Marker group (recent versions ship it by default).
2. Duplicate it so you never break the original, and rename the copy something like “Pixel 1px”.
3. Open the sub tool detail settings. Set brush size to exactly 1, set anti-aliasing to none, set stabilization to 0, and turn off pen pressure on size and opacity.

Stabilization matters more than people expect. It delays and smooths your stroke, which is great for inking comics and terrible when you want to tap one specific pixel.

The pixel eraser

Use the Hard eraser sub tool (or duplicate it) with size 1 and anti-aliasing off. A soft eraser leaves faint semi-transparent pixels that you will not notice until the sprite sits on a colored background in the game.

Fill bucket

In the Fill tool settings, turn off anti-aliasing and any gap-closing or area-scaling option, and set the color margin to 0. With those on, the bucket either leaks across thin outlines or spills one extra pixel under the line art.

Selections and transforms

Turn anti-aliasing off on the selection tools as well. When you move, scale or rotate a selection, pick the hard-edge (nearest neighbor) interpolation option in the transform settings. Moving is safe at any time; scaling by whole numbers (200%) is safe; rotating by anything other than 90° will always damage pixel art, so redraw rotated poses by hand.

Drawing a 32×32 game sprite: a worked example

With the tools ready, here is the practical part of how to make pixel art in Clip Studio Paint: one small knight, start to finish.

Step 1: Block the silhouette

On a new layer, fill a rough body shape in one flat mid-tone color. Check it at 100% in your second window. If you can tell it is a knight from the outline alone, the shape is working. Fix proportions now, while it is a single color.

Step 2: Clean outlines (the “pixel perfect” rule)

Draw the outline on its own layer with the 1px pen. The goal is a line exactly one pixel thick everywhere. Two habits get you there:

• Remove doubles. Where a line turns diagonally you often get an L-shaped corner of three pixels. Erase the inner corner pixel so the line steps cleanly from one pixel to the next.
• Keep step lengths consistent. A smooth curve uses runs that grow or shrink steadily, for example 3, 2, 1, 1, 2, 3. A run pattern like 3, 1, 3 reads as a bump. This is the “jaggies” problem; fixing it by hand is most of what makes lines look professional.

Some dedicated pixel editors clean doubles automatically as you draw. In CSP you clean them yourself, which takes a minute per sprite once you know what to look for.

Step 3: Pick a limited palette

Create a new color set and add only the colors you need: for a beginner sprite, about three shades per material (armor, skin, cloth) plus an outline color. A small palette keeps sprites consistent across a whole game. Shift hue slightly as you go darker, toward blue or purple for shadows and toward yellow for highlights, instead of only mixing in black and white.

Step 4: Shade from one light source

Choose where light comes from (top-left is common) and stick to it. Put shadows on the side away from the light and highlights on edges facing it. Avoid “pillow shading”, where the darkest color hugs the outline all the way around and the brightest sits in the middle. It flattens the form instead of rounding it.

Step 5: Selective outlining and final read

Replace parts of the black outline with darker versions of the fill color, especially on the lit side. This softens the sprite without adding anti-aliasing. Check it once more at 100% on both a dark and a light background.

Animating the sprite

For a walk cycle, create an animation canvas, put each frame on its own cel in the timeline, and turn on onion skin so you can see the previous frame faintly. Four frames is enough for a readable first walk. Keep every frame the exact same size and keep the feet on the same baseline, or the character will jitter when the engine plays it.

Exporting pixel art without blur and making sprite sheets

This is where most “my pixel art is blurry” questions come from. The fix is simple, but it has two separate cases.

For a game: export at 100%

Export the sprite as a PNG at its native size. Let the game engine scale it with nearest-neighbor filtering. A 32×32 sprite should be a 32×32 file.

For sharing: scale by whole numbers with nearest neighbor

When you post art online, small images get blurred by browsers and social sites. Use File > Export (Single layer) > PNG, set the output scale to 400% or 800%, and choose the hard-edge, nearest-neighbor interpolation. Stick to whole multiples. At 150%, half your pixels become two screen pixels wide and half become one, and the art looks warped. Fancier pixel-art scaling algorithms exist that try to smooth hand-drawn pixel graphics, but for game assets plain nearest neighbor keeps your work exactly as you drew it.

Interpolation	Result on pixel art	Use it for
Nearest neighbor (hard edge)	Sharp square pixels	Every pixel art export and resize
Bilinear	Soft, blurry edges	Never for pixel art
Bicubic	Blur plus halos around edges	Painted illustrations, not pixels

Sprite sheets

A sprite is a 2D bitmap composited into a larger scene, and games usually load all frames of an animation from one image called a sprite sheet: a single image containing many smaller images, also known as a texture atlas. You can export your animation frames as an image sequence and lay them out in a row on a new canvas sized frame width × frame count. For a 4-frame, 32×32 walk cycle, that is a 128×32 canvas with each frame snapped to its own 32 px slot.

Here is how that sheet loads in Phaser 3 with pixel-art rendering switched on, so the engine scales with nearest neighbor instead of blurring:

const config = {
  type: Phaser.AUTO,
  width: 320,
  height: 180,
  zoom: 4,
  pixelArt: true, // nearest-neighbor scaling, no blur
  scene: { preload, create }
};

function preload() {
  this.load.spritesheet('knight', 'knight-walk.png', {
    frameWidth: 32,
    frameHeight: 32
  });
}

function create() {
  this.anims.create({
    key: 'walk',
    frames: this.anims.generateFrameNumbers('knight', { start: 0, end: 3 }),
    frameRate: 8,
    repeat: -1
  });
  this.add.sprite(160, 90, 'knight').play('walk');
}

new Phaser.Game(config);

If the frames in your sheet are not exactly 32 px apart, Phaser slices them in the wrong place and the animation jumps. That is the most common reason a CSP sprite sheet “looks fine in the editor but breaks in the game”.

Turning bigger art into pixel sprites with True Pixel

Hand-placing pixels is the right way to learn, and for a hero character it is often worth it. But a full game needs enemies, items, effects and several animations per character. If you already know how to make pixel art in Clip Studio Paint, you also know how long an eight-frame attack animation takes to clean up by hand.

True Pixel handles the conversion side. It turns any image or video into pixel-art sprites and sprite sheets, with chroma keying (removing a solid-color background), clean outlines, edge cleanup and batch processing built in. It is a Pro tool, so it needs a paid Sorceress membership. You can read the overview on the True Pixel page.

Two ways it fits a CSP workflow:

• Paint big, convert small. Paint a character or prop at illustration size in CSP, which is where the program shines, export it, and convert it to a pixel sprite. Then open the result in CSP and do the final hand polish: fix eyes, clean a stray double, adjust the palette.
• Animate as video, output a sheet. If you have an animation as a video clip, True Pixel converts it into a pixel-art sprite sheet, so you skip hand-redrawing every frame and spend your time on touch-ups instead.

If you do not have a character to start from at all, Auto-Sprite v2 covers the earlier steps: it generates a character with AI, animates it with AI video, then converts that clip into a game-ready sprite sheet. For converting AI-generated images or videos into crisp pixel art, Pixel Snap is another option. The tools guide lists how every Sorceress tool connects, and if you draw on a tablet app instead, the same principles appear in our guide on making pixel art on Ibis Paint.

Clip Studio Paint vs other pixel art options

CSP is not the only way to make pixel art, and it helps to know where it sits.

Option	Strengths	Weak spots for pixel art
Clip Studio Paint	Great for painting, color sets, animation timeline, you may already own it	Needs setup; doubles cleaned by hand; sprite sheet layout is manual
Aseprite / LibreSprite	Built only for pixel art and sprite animation	Weak for painted illustration; another program to learn
Photoshop / Procreate	Familiar to many artists	Same anti-aliasing and interpolation traps as CSP; you need the same pencil-style setup
True Pixel	Converts images or video to pixel sprites and sheets, batch processing	A converter, not a hand-drawing editor; pair it with an editor for final polish

The skills transfer. Anti-aliasing off, 1px tools, a limited palette and nearest-neighbor export work the same in Photoshop, Procreate or any other editor. Even pixel art in games like Minecraft follows the same block-by-block logic.

Common mistakes and the workflow at a glance

Most beginners who ask how to make pixel art in Clip Studio Paint run into the same handful of problems:

• Drawing big, then shrinking. Downscaling a 512×512 drawing to 32×32 produces mush. Draw at target size, or use a converter built for the job.
• One tool with anti-aliasing still on. Usually the fill bucket or selection. Check for faint semi-transparent pixels by placing the sprite on a bright background.
• Pen coloring the wrong pixel. Brush size not exactly 1, stabilization above 0, or drawing while zoomed out. Zoom in to 800%+ and tap instead of drag.
• Rotating or free-scaling art. Anything other than 90° turns or whole-number scaling breaks pixels. Redraw instead.
• Too many colors. Use a color set and limit yourself. Fewer colors read better at small sizes.
• Uneven sprite sheet spacing. Every frame must sit in an identical slot or the engine slices it wrong.

The full pipeline in order:

1. Set units to px and create a canvas at your game’s sprite size.
2. Turn on a 1px grid and open a second window at 100%.
3. Build a 1px Dot pen and hard eraser with anti-aliasing and stabilization off.
4. Block the silhouette, then outline with clean, one-pixel lines.
5. Color from a limited palette and shade from one light source.
6. Animate on the timeline with identical frame sizes.
7. Export PNGs at 100% for the game, or at whole-number scales with nearest neighbor for sharing.
8. Lay frames into an evenly spaced sprite sheet, or convert bigger art and video with True Pixel and polish in CSP.

That is how to make pixel art in Clip Studio Paint that survives the trip into a real game: fewer settings fighting you, sharper sprites, and a clean sheet your engine can slice on the first try.