Put a character on a background
Combine a character with a background in one file. Solid backdrops (green, blue, black, white or any colour) are keyed out; drag and scale the character, then send the result to Process.
- Free
- Chroma key
- GIF and video
- Free placement
1Add your image or video
Choose a fileor drag it herePNG · JPG · GIF · WebP · ICO · TIFF · AVIF · MP4 · WebM
✓
Source checkAdd files to check format, size, duration and resolution before processing.
2Choose your Steam showcase
Match the type selected in your Steam profile. The preview shows the cut.
Which one do I have?
In Steam open your profile → Edit Profile → Featured Showcase and look at the showcase name:
- Workshop Showcase Workshop
- Featured Artwork Showcase Featured
- Artwork Showcase Artwork Split
No showcase yet? Pick one there first; Steam unlocks showcases from profile level 10.
3Style it
Optional. Everything you change here appears on the preview right away.
Free plan: the ShowcaseMaker mark is added automatically. With Pro you can use your own text or turn it off.
Font, size and opacity
Quality and formatFor experienced users. The defaults already fit Steam.
Smart compression to 5 MBAlways on for final Steam GIFs. The processor keeps the highest quality that fits the limit.
AUTO · ≤ 5 MB
Showcase preview
The selected showcase layout is shown directly on the frame. For video/GIF the first frame is used; drag the watermark to set its position.
Your showcase will appear hereAdd a file on the left to see how it will be cut.
File rotation
4Prepare the Steam files
Processing…
0%
Steam readiness report
Sign in before processing to receive a detailed Steam compatibility report after the ZIP is built.
1
Background
no file selected
A picture, GIF or video the character stands on
2
Character
no file selected
A cut-out PNG, or a picture / video on a plain backdrop
Add a background and a character
The preview appears here at once and shows the final placement.
Picture ready
The finished file appears here after “Compose”
Character backdrop
What is behind the character in its file? We remove it, the background stays.
Size and place
Cut-out edges
A green edge or a halo: raise the strength. Holes in the character: lower it.
Size of the file
Frames per second
GIF encoder
Compositing…0%
Still files give a PNG, a GIF or video in either file gives a GIF. Then cut it for Steam in Process.
Paste a link to a video, GIF or picture
File ready
What to save
Downloading…0%
Download only what you are allowed to use. For a Steam showcase 3–8 seconds of video are enough: shorter files are smaller and sharper.
Converted
Convert to
Width
Converting…0%
A copy is made, the original is not changed. A GIF is fitted under Steam's 5 MB; a video becomes silent.
What is in the file?
How much bigger
It runs on a GPU and takes 1–3 minutes, longer for video. You can close the tab: the result waits in Jobs and in My results.
Pro onlyActivate Pro to create seamless animations.
Source preview · 0.0 s
Fragment for the loop0.0 — 4.0 s
GIF preview plays normally; the selected fragment is applied when processing starts.
How should it loop?
Join smoothing
Format
Frame rate
The original is not changed. Free once a week with an account, without limits with Pro.
ZIP ready
What is HEX 21?
1
Steam checks the last byte of an uploaded artwork. For showcase files it has to be 0x21.
2
This tool changes only that byte. The picture, its size and its quality stay the same.
3
Files made in Process and in Rows and squares already have it. Use this for files made elsewhere.
Profile preview
Pick page mode → file per showcase → open in a new tab (animated GIF and MP4).
—
Showcases
Building…
0%
Upload to Steam
Semi-auto: results folder → Steam page → console code → upload.
Tip: log into Steam in the browser first. Paste the code once on the page, then pick files.
1. Results folder
After Process, unpack the ZIP downloaded automatically — those are your files.
2. Steam upload page
3. Console code (F12)
4. Which files to upload
Files: part_1 … part_5 (in order). ZIP is fine to unpack first.
Step-by-step
- Run Process and unpack the automatically downloaded ZIP
- Click «Open Steam page»
- Click «Copy code»
- On Steam: F12 → Console → Ctrl+V → Enter
- Upload files in the order listed above
Checking extension…
STEAMSHOWCASE HELPER
Upload without console setup
Choose a showcase type, then open file selection for automatic upload or use the manual Steam handoff.
- Choose one of the three showcase types below.
- Automatic: select files in the extension and start the queue.
- Manual: open Steam and choose the files yourself.
Automatic upload selects files inside the extension. Manual upload lets you choose them on Steam.
Steam Check is a Pro tool
Log in to a Pro account to inspect finished showcase files.
READY?
Steam admission report
The format, dimensions, weight, animation, HEX and completeness checks will appear here.
AI / PROFILE RATING
Profile Rating
Paste any public Steam profile. The doctor reviews its structure and visual consistency and suggests what to keep, change or add.
Free: one analysis per week · Pro: expanded access. The score is an AI estimate.
Your profile rating will appear here
Paste a link to a public Steam profile on the left and press “Rate profile”.
Paste a link to a public Steam profile on the left and press “Rate profile”.
AI / DESIGN SELECTION
Design Selection
Get three static showcase directions that match an existing public Steam profile.
Free: one selection per week · Pro: expanded access. Static references, not a generated profile. Results are AI estimates.
Three design ideas will appear here
Paste a profile link on the left, pick a style and press “Create 3 directions”.
Paste a profile link on the left, pick a style and press “Create 3 directions”.
01Public Steam profile
Paste a public Steam profile link. DNA will read its current public data and showcases; nothing is posted to Steam.
●Free, local to Showcase Maker, no AI API.
02Six profile signals
No signal decoded yetPaste a public Steam profile link, then start the analysis.
Archetype—
BASE
—
This is a creative fingerprint of currently public profile data, not a rating.
Steam backgrounds
Start with a background
Use your own image or video, or choose a Steam background. Then add a character, text and effects.
Select a layer, then drag it directly on the showcase. Guides show the exact Steam cut.
Arrow keys: move · Shift: 10 px · Ctrl/Cmd+D: duplicate
Next, preview the cut and create the files for Steam.
SHOWCASE / LIBRARY
My projects
Continue editing saved showcases. Free projects are deleted after 7 days; Pro projects remain until you delete them.
DeviantArt
Connect your DeviantArt account to publish directly to your Sta.sh.
DA: not connected
About the service
Steam showcases, made in the browser
Your access
Free and Pro
| Feature | Free | Pro |
|---|
All tools
How to make a showcase
Questions
Contacts and community
How it works
- Add a background
A picture for the scene behind the character.
- Add the character
A picture, GIF or video. Choose which backdrop to remove: auto, green, blue, white, black or any colour.
- Place it and make it
Drag and scale the character on the live preview, create the file and send it to Process.
What you get
- Clean keying
Soft edges, no flicker between frames and holes inside the figure removed.
- Animated characters
GIF and video characters stay animated over the background.
- Straight to Process
One click to cut the result into Workshop, Featured or Artwork files.
Questions and answers
My character has a white background
Choose White as the backdrop to remove; auto mode detects most solid colours by itself.
Can the character go off the edge?
Yes, placement is free, so part of the character can leave the picture.
What next?
Send the result to Process and cut it for any showcase type.
Other tools
Steam profile designerLayer editor: background, character, text and effects.FreeWorkshop showcaseOne picture across five Workshop panels, still or animated.FreeAI upscalex2 or x4 AI enlargement for art and anime.ProSeamless loopA clip that loops with no visible jump.Free once a week
All tools →