Sticker Mockup
Sticker Mockup shows your artwork as a 3D die-cut sticker. It adds a border that follows the shape of your design, applies a finish such as glossy or holographic, and lets you peel up a corner and turn the sticker to see it from any angle.
Open it from the Pixel Studio home page, or go to pixelstudio.oddomens.com/sticker-mockup/. It needs a browser with WebGL, which all current desktop browsers have.
Load your artwork
- Under Source Content, click Upload File.
- Pick a PNG or SVG.
Use a PNG with a transparent background, or an SVG, so the border follows the outline of your design. Large images are scaled down to fit within 512 pixels for the preview.
To remove the artwork, click the trash button next to Image loaded.
Settings
Material Settings
Finish Type:
| Finish | Look |
|---|---|
| Matte (Flat) | No shine. |
| Glossy Foil | A smooth, shiny surface. |
| Shiny Metallic | Strong metallic reflections. |
| Standard Holographic | A rainbow foil that shifts as you turn the sticker. |
| Cosmic Glitter Holo | Holographic with glitter sparkle. |
| Cracked Ice Holo | Holographic in a shattered, faceted pattern. |
Effects & Layout
| Control | Range | What it does |
|---|---|---|
| Die-Cut Border | 0–100 px | The width of the border around your design. 0 removes it. |
| Border Color | Any color | The border color. White by default. |
| 3D Lift & Curl | 0–60% | How far a corner of the sticker peels up. |
| Curl Angle | -180° to 180° | Which direction the curl comes from. |
| Background | Any color | The color behind the sticker, under Environment. |
Move the view
| Action | Result |
|---|---|
| Drag | Rotates the view around the sticker. |
| Scroll | Zooms in and out. |
| Right-drag | Moves the view. |
Saving an image
Sticker Mockup doesn't have an export button. To save the mockup, take a screenshot of the preview.
Your settings and artwork aren't saved. Reloading the page starts over.