How to Make Pixel Art in Photoshop (The Adobe Path)

Every 2026 search for how to make pixel art in Photoshop lands on the same fork. The first reader is a graphic designer who already pays for Adobe Creative Cloud, has Photoshop docked on the second monitor every day, and wants to know which dialogs and which tool settings turn the same software they use for photo work into a real pixel-art workstation. The second reader is a hobbyist game dev or jam participant who does not own Photoshop yet, has seen tutorials that assume Photoshop, and wants to know if it is worth the $22.99 a month subscription or if there is a cleaner free path that produces equivalent sprite-sheet output. Both readers deserve the same honest answer: Photoshop ships every primitive a pixel artist needs — Nearest Neighbor interpolation, the Pencil tool, custom Swatches palettes, indexed-color PNG export — and a browser-native alternative also exists that costs nothing. This post walks the full Photoshop pixel-art workflow step by step, then puts the equivalent browser pipeline next to it for the second reader. Every menu path, tool name, and price in this post was verified against the live Adobe documentation and the live Sorceress source on June 8, 2026.

The honest Photoshop pixel art workflow in 2026

Pixel art in Photoshop has a quiet reputation problem: most beginners try once, get smeared blobs instead of crisp pixels, and conclude that Photoshop is the wrong tool. Photoshop is not the wrong tool. The default settings are tuned for photo retouching, which is the opposite of pixel art — photo work wants smooth interpolation, anti-aliased brushes, and millions of colors; pixel art wants exact integer scaling, hard-edged single-pixel marks, and a 16-to-64-color locked palette. The good news is that every required setting lives inside Photoshop already. The bad news is that Adobe does not surface a one-click Pixel Art Mode, so the workflow is the artist’s job to assemble. The four primitives in the right order are: switch Image Interpolation to Nearest Neighbor, switch the active drawing tool from Brush to Pencil, build a custom Swatches palette, and export through Image → Mode → Indexed Color plus File → Export → Save for Web (Legacy) as PNG-8.

The background primer for any pixel-art tutorial sits at the Pixel art Wikipedia entry: pixel art is a raster art form where individual pixels are intentionally placed on a small grid, with every pixel readable as a deliberate authoring decision. The technical primitive that makes pixel art readable is nearest-neighbor interpolation — the simplest rescaling algorithm, which copies the source pixel value to every output pixel inside its scaled neighborhood. Bicubic interpolation (the photo-retouching default) averages neighboring pixels to produce smooth gradients; nearest-neighbor preserves the hard edges that make pixel art look like pixel art instead of a low-resolution photograph. Photoshop ships nearest-neighbor in three places (Preferences default, Image Size dropdown, Free Transform dropdown), but the default in every dialog is the photo-tuned Bicubic variant. Switching the default once is the first move of the entire workflow.

Step one: switch Photoshop’s Image Interpolation to Nearest Neighbor

The first move of the entire pixel-art workflow is a one-time preference change. On Windows, open Edit → Preferences → General. On macOS, open Photoshop → Settings → General (the menu was renamed from Preferences in 2022 to match the platform convention but the dialog is identical on both platforms). The first dropdown in the dialog reads Image Interpolation, and the default is Bicubic Automatic. Change it to Nearest Neighbor (preserve hard edges) and click OK. Photoshop will then default to nearest-neighbor for every later Free Transform resize, every Image → Image Size rescale, and every paste-and-fit operation that triggers an internal interpolation pass. The setting persists across restarts because it is stored in the Photoshop preferences file, not in the document.

The reason this preference change matters for every pixel-art job is that Photoshop runs an interpolation pass under more conditions than most users realize. Free Transform a layer at 200% → interpolation. Image Size from 64x64 to 1024x1024 → interpolation. Paste a small selection into a larger canvas with Edit → Paste Special → Paste In Place → interpolation. With Bicubic as the default, every one of those operations softens the pixel art. With Nearest Neighbor as the default, every operation preserves the pixel-grid integrity. The dialog also exposes more granular variants — Bicubic Smoother (enlargement), Bicubic Sharper (reduction), Bilinear — but for pixel art, the only correct choice is Nearest Neighbor.

The single most common Photoshop pixel-art mistake is skipping this step, drawing the sprite at native pixel size, then resizing for preview through the default Bicubic dialog and concluding the sprite looks wrong. The sprite looked fine; the resize destroyed it. Set the preference once on day one and the rest of the workflow stays clean. The same Nearest Neighbor option also appears as a per-operation dropdown inside Image → Image Size (the Resample dropdown) and inside the Free Transform top options bar, so individual operations can override the default if needed. The preference is the safety net.

Step two: pick the Pencil tool (not the Brush tool) for hard pixels

Photoshop ships two tools that look almost identical in the toolbar — the Brush tool and the Pencil tool — and they share the same keyboard shortcut B. The Brush tool ships with anti-aliasing on by default, every stroke softens the edge across two or three pixels to look smooth at large sizes. That is the opposite of what pixel art wants. The Pencil tool draws a single hard-edged pixel per click with no anti-aliasing, no softness, no opacity falloff. To cycle between them, hold Shift + B and watch the toolbar icon change — the brush has a smooth tapered tip, the pencil has a sharp diagonal tip. Cycle until the toolbar shows the pencil.

With the Pencil tool active, set the size to 1 px in the top options bar. The size selector accepts integer values from 1 to 5000 px; for native pixel-art work, 1 px is the default and 2 px is occasionally useful for thick outlines. Set the Hardness to 100% (it defaults to 100% for the Pencil tool but the slider is visible if you opened the brush picker recently). Set Mode to Normal and Opacity to 100%. The pencil-tool defaults are already correct for pixel art — you mostly need to confirm them after using the brush tool for a photo job in the same session.

The same toolbar group also contains the Color Replacement tool and the Mixer Brush tool. Both anti-alias by default and should be avoided for pixel-art work. The matching Eraser tool (shortcut E) has a Mode dropdown in its top options bar with three options: Brush, Pencil, Block. Set Eraser Mode to Pencil so the eraser removes one pixel per click with no soft edge — otherwise the eraser will feather the area you tried to erase and leave half-transparent pixels behind. The Block mode draws a 16-pixel square stamp and is occasionally useful for clearing a large area but rarely for sprite work.

The single keyboard shortcut sequence that puts the entire pencil-tool stack into pixel-art mode in three seconds: Shift + B (cycle to Pencil), [ (shrink size, repeat until 1 px), E then Shift + E until Eraser shows the pencil mode in the options bar. After that, the canvas behaves as a true pixel grid and every click drops one deterministic pixel of the foreground color. The anti-aliasing Wikipedia entry covers the technical reason this matters: anti-aliasing intentionally blurs edges to make them look smoother at distance, which is the right call for typography and 3D rendering but the wrong call for hand-placed pixel art where the artist has chosen each pixel deliberately.

Step three: build a custom Swatches palette and lock the color count

The defining constraint of pixel art is a small, locked color palette. A 16-color palette (PICO-8, Game Boy, NES sub-palette) reads as classic 8-bit; a 32-color palette (Endesga 32, modern indie) reads as 16-bit Super Nintendo / Genesis era; a 54-color palette (full NES) reads as authentic NES-era; a 256-color palette (any custom 8-bit-per-channel) reads as VGA-era. Pick a target color count at script-prep time, build the palette inside Photoshop’s Swatches panel, and refuse to pick a color from outside it. The locked palette is what makes pixel art look intentional instead of a low-resolution photo.

The build steps inside Photoshop: open Window → Swatches to surface the panel, click the small hamburger menu in the top-right corner of the panel, choose New Swatch Folder, name it after the palette you are building (PICO-8, Endesga 32, NES). The folder keeps the palette grouped and lets you switch projects without losing the working palette. To add colors one at a time, double-click the foreground swatch in the toolbar to open the Color Picker, type the hex value (PICO-8 black is #000000, PICO-8 dark blue is #1D2B53, PICO-8 dark purple is #7E2553, and so on for the full 16-color spec), click OK, then click the empty area inside the Swatches panel to save the new swatch into the active folder. Name each swatch as you save it so the panel reads as p8-black, p8-blue-dark, p8-purple-dark instead of a row of unlabeled colored squares.

Two faster import paths exist for the common palettes. First, the Swatches panel’s hamburger menu has a Load Swatches item that accepts the .aco (Adobe Color Swatches) or .ase (Adobe Swatch Exchange) file formats. Both formats are exported by every major pixel-art palette site (the canonical resources for PICO-8, Endesga 32, Sweetie 16, and Game Boy palettes ship .aco and .ase files in their download bundles). Drop the file into Load Swatches, the panel adds every color in order. Second, drag the active foreground color directly into the Swatches panel by clicking and holding the toolbar foreground swatch and dragging it into the panel — a faster gesture than the double-click-and-save flow if you are mixing the palette by eye.

The same palette-quantization primitive is covered in the color quantization Wikipedia entry: reducing a high-color image to a small palette is a discrete optimization problem solved by algorithms like median-cut, octree, or Wu’s variant of median-cut. Photoshop’s Indexed Color mode (the next step) runs an Adaptive (Wu’s median-cut) algorithm to compute the palette from an image; building the palette manually in Swatches first means you bring the algorithmic answer with you instead of letting Photoshop guess per-image. For pixel art that needs to look consistent across an entire sprite sheet (every enemy in the same palette, every tile in the same palette), pre-building the palette inside Swatches is the workflow that scales.

Step four: convert to Indexed Color and export as PNG-8

The export step is where most beginner Photoshop pixel-art tutorials go wrong. The default File → Save As → PNG path uses the modern PNG-24 export pipeline by default — 8 bits per channel times 3 channels plus an alpha channel — which is a fine format for photos but the wrong format for indexed pixel art. PNG-24 with alpha balloons the file size and stores per-pixel RGBA values instead of palette indices, which means the engine consuming the sprite has to dither or re-quantize on load. The correct path has two steps: convert to Indexed Color first, then export through Save for Web (Legacy) as PNG-8.

The Indexed Color conversion happens through Image → Mode → Indexed Color. The dialog asks four questions. Palette: choose Custom if you built a Swatches palette and want to load it as the indexed palette (the dialog has a Custom sub-dialog where you can pick the loaded swatches), choose Local (Adaptive) if you want Photoshop to compute a palette from the image, choose Local (Perceptual) for a perceptually-weighted variant. Colors: 16, 32, 64, 128, or 256 — match the palette you built. Dither: None for hard-edge pixel art (the right answer for sprites), Pattern or Diffusion for shaded pieces where you want algorithmic dithering to simulate intermediate colors. Matte: the background color to use for the semi-transparent edge pixels (usually transparent for sprites, white for tiles intended for a white-background engine).

Once the document is in Indexed Color mode, export through File → Export → Save for Web (Legacy). Save for Web (Legacy) is the Photoshop dialog that ships PNG-8 with the indexed palette embedded directly in the file. The dialog opens with a 4-panel preview — original, optimized, two-up, four-up — and a settings panel on the right. Set Format to PNG-8, set Colors to match the palette count, check Transparency, set Dither to match the Indexed Color setting. The file-size preview at the bottom-left of the dialog updates live as you change settings, so you can see the byte impact of every adjustment.

The technical primer on the file format sits at the Portable Network Graphics Wikipedia entry: PNG supports both indexed-color (PNG-8) and truecolor (PNG-24) variants. The indexed variant stores a palette of up to 256 colors and a per-pixel index into that palette, which is precisely the storage layout pixel art wants. The truecolor variant stores RGBA per pixel, which is wasteful for a 16-color sprite and forces every consuming engine to re-quantize at load time. The indexed color Wikipedia entry covers the historical context: indexed color is the canonical storage format for 8-bit and 16-bit era sprite work, and PNG-8 is its direct modern descendant.

The scaling-for-preview question comes up immediately after the export step. To show a 32x32 sprite at 256x256 in an itch.io page or a Steam screenshot, run Image → Image Size on the rendered preview (not the working file), set the Width and Height to integer multiples of the source (200%, 400%, 800%), and set Resample to Nearest Neighbor (hard edges). The Nearest Neighbor option is the same primitive set as the default in Step One but it is also exposed as a per-operation dropdown here so the Bicubic default does not sneak through on a single export. Always scale by integer multiples — non-integer scales (185%, 240%) shift pixel boundaries half-way across grid cells and produce uneven dot rows that read as scaling artifacts.

What Photoshop pixel art actually costs in 2026 (subscription math)

Photoshop is subscription-only and cannot be bought outright. The pricing in this section was verified on June 8, 2026 against the live Adobe pricing pages and the secondary tracking sites (StackCompare and CostBench, both of which audit the published Adobe rate cards monthly). The cheapest legal path to Photoshop in 2026 is the Adobe Photography Plan at $19.99 per month with annual billing, $239.88 per year. The Photography Plan bundles Photoshop, Lightroom, Lightroom Classic, and 20 GB of cloud storage — three apps for less than the price of the Photoshop Single App plan.

The Photoshop Single App plan is $22.99 per month with annual billing, $275.88 per year, or $34.49 per month if you pay monthly without an annual commitment. The Single App plan includes Photoshop, limited Lightroom access, and Fresco, plus 100 GB of cloud storage. Most pixel artists who only need Photoshop overpay by three dollars per month and miss out on the full Lightroom by picking the Single App over the Photography Plan — the Photography Plan is the better deal for a Photoshop-only user.

The full Adobe stack lives behind Creative Cloud Pro (formerly called All Apps) at $69.99 per month with annual billing, $839.88 per year. Creative Cloud Pro ships Photoshop plus 20+ other apps (Illustrator, Premiere Pro, After Effects, InDesign, Audition, Animate, and the rest of the Adobe catalog), 1 TB of cloud storage, and 4,000 generative-AI credits per month plus unlimited standard generations. Adobe also runs a Creative Cloud Standard tier at $54.99 per month annual ($659.88 per year) with the same app list but reduced AI credits.

The two discount paths most pixel artists qualify for: students and teachers get the Creative Cloud Pro tier at $19.99 per month for year one and $29.99 per month for years two and beyond (proof of enrollment required, verified annually). Adobe also runs a 7-day free trial of every tier — the trial requires a payment method on file and auto-converts to a paid subscription unless cancelled before day seven. The trial period is honest enough to test the full pixel-art workflow against a real project, but the auto-conversion catches a lot of beginners who forget to cancel.

The annual math against the browser-native alternative: 12 months at $22.99 is $275.88 per year, or $551.76 over two years, or $1,379.40 over five years. The Photography Plan reduces that to $239.88 per year ($479.76 over two years, $1,199.40 over five years). The Sorceress browser stack ships at $49 USD lifetime per the plans page verified June 8, 2026, plus optional credit packs ($10 / 1,000 credits, $20 / 2,000 credits, $50 / 5,000 credits, $100 / 10,000 credits, all no-expiry), with new accounts receiving 100 starter credits at signup per the home page hero. For an indie game dev whose pixel-art needs are episodic (a sprint of 200 sprites for a jam, then nothing for three months), the lifetime browser stack is the cleanly cheaper path.

The browser path: True Pixel, Quick Sprites, Pixel Snap as a Photoshop alternative

The Sorceress browser stack covers the same primitives as the Photoshop pixel-art workflow, with three differences a former Photoshop user notices on day one. First, the palette is pre-loaded — True Pixel at /pixel-art ships eight built-in palette presets verified against the PALETTE_PRESETS array in src/app/pixel-art/page.tsx on June 8, 2026: PICO-8 (16 colors), SWEETIE-16 (16 colors), Endesga 32 (32 colors), Game Boy (4 colors), CGA (16 colors), NES (54 colors), Grayscale (8 colors), 1-Bit (2 colors). Switching between palettes is one click in a dropdown instead of a Swatches panel rebuild. Second, the conversion is automated — True Pixel runs chroma key, palette quantization, edge cleanup, and batch processing on any image or video input, with the same Nearest Neighbor downsampling math but no manual Image Size dialog. Third, the price is zero per month — 100 starter credits at signup verified against src/app/_home-v2/_components/HomeHero.tsx, and most True Pixel conversions cost no credits at all (the credit-billed jobs live in AI Image Gen for source-character generation and in Quick Sprites for animated sprite sheets).

The True Pixel workflow for a Photoshop refugee: open /pixel-art in the browser, drop an image or video onto the canvas (drag-and-drop from the desktop, or upload an AI render from earlier in the day), pick a palette preset from the dropdown (PICO-8 or Endesga 32 read well for most fantasy art, Game Boy for retro green-tinted work, NES 54 for authentic 8-bit), set the target output resolution (16x16, 32x32, 48x48, custom), let the multi-pass edge-cleanup snap stray pixels to the grid, and export. The export gives you a PNG with the indexed palette already baked, no Image → Mode → Indexed Color dialog, no Save for Web (Legacy) picker, no PNG-8 vs PNG-24 decision. The same job that takes 5-10 minutes inside Photoshop takes 30-60 seconds inside True Pixel.

For animated sprite sheets — walk cycles, idle animations, attack frames, VFX loops — the Photoshop-equivalent surface is Quick Sprites at /quick-sprites. Quick Sprites runs the retro-diffusion/rd-animation model at 9 credits per generation (verified against TOOL_NAME = 'quicksprites', MODEL_ID = 'retro-diffusion/rd-animation', CREDITS_PER_GEN = 9 in the live /quick-sprites page source on June 8, 2026) and ships three animation-style presets verified against the ANIMATION_STYLES array: Four Angle Walking at 48x48 (the canonical four-direction walk cycle for top-down RPGs), Small Sprites at 32x32 (4-direction walking, arm movement, looking, surprised, laying down), and VFX Effects at 24-96 px (fire, explosions, lightning, particle loops). Each generation returns a packed sprite sheet with transparent background, sized for Godot / Unity / Phaser / RPG Maker drop-in.

For converting an AI-generated character into authentic pixel art — the workflow that drives most "how to make pixel art" searches in 2026 — the right Sorceress surface is Pixel Snap at /spritely. Pixel Snap is the AI-source-to-pixel-art pipeline: it cleans backgrounds, extracts video frames, snaps art to a true square-pixel grid, locks palettes, aligns animation frames, previews the result, and exports game-ready sprite sheets. The flow that fits the AI-first pixel-art workflow: prompt the character in AI Image Gen (one of the seven image rails: Nano Banana Pro, Nano Banana 2, GPT Image 2, Seedream 5 Lite, Flux 2 Pro, Z-Image Turbo, Grok Imagine), pipe the result into Pixel Snap, apply the palette lock and edge alignment, export the sprite sheet. The Photoshop equivalent of that pipeline requires three separate operations (open, Image Size with Nearest Neighbor, Image → Mode → Indexed Color) and a manual palette lookup; the browser stack handles the whole pipeline in one tool.

When to stay in Photoshop, when to switch to the browser

The honest answer for a pixel artist who already owns Photoshop and uses it daily for other work: stay in Photoshop. The workflow described in this post (Nearest Neighbor preference, Pencil tool at 1 px, custom Swatches palette, Indexed Color PNG-8 export) works fine, the keyboard shortcuts are already in muscle memory, and adding a second tool to the daily stack costs more friction than it saves. A graphic designer already paying for Creative Cloud Pro has no reason to open a second browser tab.

The honest answer for a hobbyist game dev who does not own Photoshop and is considering whether to subscribe: do not subscribe yet. The browser stack at Sorceress ships the equivalent primitives at zero per month, and for the indie-dev pixel-art job (a sprite sheet for a jam, a tilemap for a prototype, a placeholder enemy roster) the browser stack is the faster path. The Sorceress Lifetime tier at $49 USD covers the eventual upgrade to unlimited Pro access plus a credit pack if the project ever needs animated AI sprite sheets at scale, against $239.88 to $275.88 per year for the Adobe equivalent. The crossover point for the lifetime stack against Photoshop’s Photography Plan is roughly 11 weeks — after that, every additional pixel-art project on Sorceress is free.

The hybrid path some indie teams actually run: use Sorceress for the volume work (generating five-character enemy rosters, batch-converting reference photos to pixel art, building VFX packs through Quick Sprites) and use Photoshop for the hand-touch on the three or four hero frames that define the art direction. The two stacks compose — PNG sprites exported from True Pixel open inside Photoshop as a normal raster layer, and PNG sprites hand-pixeled inside Photoshop drop into Quick Sprites as a reference image for the AI sprite-sheet generator. The decision is per-asset, not per-project.

The honest verdict on how to make pixel art in Photoshop in 2026

How to make pixel art in Photoshop in 2026 has not changed since the early 2000s: switch Image Interpolation to Nearest Neighbor, switch the active drawing tool from Brush to Pencil at 1 px, build a custom Swatches palette, convert to Indexed Color, export through Save for Web (Legacy) as PNG-8. The four-step pipeline is stable, the menu paths have not moved, and the same workflow that shipped Cave Story-era indie games still ships modern indie games today. Photoshop is a fine pixel-art tool and the people who already own it should not switch.

What changed in 2026 is the alternative. The browser-native pixel-art stack at Sorceress True Pixel, Quick Sprites, and Pixel Snap now covers the same primitives at zero per month with a $49 lifetime upgrade path, ships eight palette presets pre-loaded, automates the chroma key + edge cleanup + palette quantization passes that Photoshop leaves to the artist, and integrates directly with the AI image and sprite-sheet generators that produce the source art most 2026 pixel-art projects start from. For a hobbyist game dev who would otherwise be paying $19.99 to $22.99 per month for a single feature of Photoshop, the browser path is the cleanly cheaper option. For a graphic designer who already pays for Creative Cloud, the Photoshop workflow described above is the right one.

The right move is to pick the path that matches your existing stack and not to over-think it. If Photoshop is already open every day, the workflow above is three minutes of preference changes away from a working pixel-art station. If Photoshop is a $275.88-per-year subscription decision you have not made yet, the browser stack at Sorceress covers the same ground at zero per month and ships eight palette presets and an AI sprite-sheet generator the Photoshop path does not. Both paths produce game-ready PNG sprites at the end; only one requires a Creative Cloud subscription.