Preparing studio ·

Camera
Lighting
Wind
Output
Interface

Drag to rotate · Scroll to zoom

Drop artwork to choose a placement

Loading

Artwork

Choose a placement

Artwork preview

Left and right refer to the wearer. Back-neck artwork on hoodies may sit beneath the hood.

Ivan Vidovic is an artist and designer based in Portland, Oregon, whose work moves between 3D, animation, visualization, fabrication, and digital tools. Curiosity and continual learning sit at the center of his practice. He is drawn to mathematics, light, sound, physical systems, and the ways different forms of knowledge connect. Rather than working within a fixed discipline, he follows ideas wherever they lead and learns what is necessary to make them possible.

Quick guide

ORB Garment Studio

· Public Beta

Place artwork on a garment and export a mockup, or explore variations with color, texture, and lighting. Capture snapshots as you go, compare designs side by side, and export mockups, print artwork, or editable projects when you’re ready.

Drag to rotate · Scroll or pinch to zoom · Reset view to recenter

Snapshots & Review
Capture a variation
Use + beside Snapshots to keep an editable version of your design with front and back previews. Open Review to compare your collection.
Front & back
Click or tap a shirt to flip it. The Front/Back control sets every design to that side; flipping an individual shirt clears its highlight.
Size & spacing
Size runs from 0 (small) to 100 (large). Size snaps to whole columns that fill the row. Smaller settings fit more designs per row, down to a usable minimum tile width. Larger settings use fewer columns without exceeding native image resolution, accounting for screen pixel density. An incomplete last row remains left-aligned. Spacing shrinks shirts inside fixed tiles without rearranging the grid or moving labels.
Review background
Use the square swatch beside Fit all to choose a background color. Labels and selection outlines adapt for contrast. Use the reset icon beside the swatch to follow the UI theme again. Your choice remains while this page is open.
Review order
Newest first restores chronological order from latest to oldest. Reverse flips the current order; Shuffle randomizes it. These controls change only the review arrangement and keep your active card selected. Your order remains while this page is open. Delete all removes the collection after confirmation; your current design and downloaded files remain.
Fit all
Use Fit all to arrange the collection within the viewport without changing its order. Large collections may still need scrolling at minimum size. Your adjustments remain while this page is open; refreshing starts with automatic fitting and 10% spacing.
Card actions
Hover or focus a card to open, rename, download, or delete it. On touch screens, use its actions icon. Smaller desktop tiles show the same actions in two rows on hover or keyboard focus. The outline marks the active card; click empty space to deselect.
Continue editing & export
Open design restores that snapshot for editing or exporting through Save Image or Export All. Opening a snapshot does not add another snapshot. Use Capture to keep a new variation. A card’s download action saves its editable .orb project.
Storage & backups
Snapshots stay in this browser at this site address. They do not sync between devices and may be lost if browser storage is cleared. Download the designs you want to keep as .orb files for portable backups.
Saving & Exporting
Save / Open / New
Save downloads an editable .orb project with its used artwork and preview settings. Use Open or drop the project into ORB to continue editing. New starts a fresh design while keeping the library.
Browser recovery
ORB attempts to remember your work in this browser. Hover, focus, or tap the status icon beside the design name for details. Use Save for a portable backup; another browser or site address has separate storage.
Save Image
Downloads the current camera view as a PNG.
Export All
Choose what to include under Mockup Images, Print Artwork, and Studio Project, then select Download Selected Files. The editable .orb project is optional.
Mockup Images
Select full views and placement close-ups, Square / Portrait / Wide, image size, and Transparent / White / Scene background. Choose Current Design or Selected Snapshots, with neutral or saved lighting. Snapshot batches use named folders. Motion and animated lighting hold steady across the views.
Individual graphics
Includes treated PNGs and original source files. Patterned versions are included where enabled. Hidden layers are included and identified in the reference file. Include unused library graphics when you want to carry the rest of the library in a saved project.
Layered PSD layouts
One document per occupied print surface. Front and back placements share their respective layouts; sleeves, neck tags, and hood panels have separate layouts. Only visible artwork is included. Named layers retain order, placement, and rotation, with aligned untreated layers in a hidden group. Linked lockups retain their group names.
Physical print size
Set canvas dimensions and artwork width in Print Artwork. Torso layouts start at 12 × 18 inches and 300 PPI. Artwork width scales the composition proportionally; Fit to canvas fits it without stretching. Canvas size and artwork size are separate.
What gets printed
Ink color, masks, edge treatment, and enabled textures affect treated artwork. Garment folds, lighting, gloss, and UV/glow illumination appear in mockups only. PSD layers are rasterized; original SVGs remain separate.
Printer handoff
Confirm physical size and file requirements with your printer. These RGB files do not automatically create ink separations or an underbase. Print layouts retain artwork beyond panel edges, so check mockups for seam and hood coverage.
Artwork & Placement
Import & library
Use transparent PNG or SVG for artwork without a background. JPG and other supported images also work. Drop images or folders, browse files, or paste with Ctrl / ⌘ + V. Expand Artwork Library to browse, then click a graphic to choose its placement. The count shows available artwork; the small availability dot disappears after your first expansion.
Shared libraries
A shared library link adds browsable graphics without replacing your design. Selected originals download as needed; used originals are included in saved projects and artwork exports.
Layer controls
Click a layer name to open its controls. Add here adds another graphic at that placement. Replace changes the source; Move selects another placement; Duplicate creates an independent copy.
Order & visibility
Drag the grip, or focus it and use the arrow keys to reorder. Higher layers appear on top. The eye hides a layer; × removes it. Use the pencil or double-click the name to rename. Undo and Redo restore design edits.
Inspect placement
Click a thumbnail or View to focus that artwork. Left and right refer to the wearer. Detail offers close-ups, including hood and sleeve views where available.
Switch garments
Front and back compositions retain their spacing and proportions. Folds, seams, and hoods can affect visibility. Check placement after switching and adjust the affected layers as needed.
Sizing & sleeves
Fit visible artwork ignores transparent image margins. On supported long sleeves, choose Patch or Full sleeve and adjust the result.
Controls
Drag sliders, type values, or scroll over a control. Shift + scroll makes larger adjustments. Reset restores that control’s default.
Color & Print Textures
Original / Tint / Solid
Original retains source colors. Tint colors lighter areas while keeping dark shading. Solid uses one ink color and the mask controls. Tint and Solid remember separate colors.
Color tools
Click a swatch to edit or use the eyedropper to sample. Recent colors are shared between pickers. A dot beside a layer name shows its custom Tint or Solid color.
Solid masks
Auto selects a mask for the artwork. Brightness makes light pixels ink and dark pixels transparent; Invert reverses this. Alpha uses source transparency regardless of color. Invert does not affect Alpha.
Mask & edges
Cutoff removes faint coverage; Softness adjusts its transition. Spread thins or expands edges. Edge softness softens the boundary. Expansion stays within the source image bounds.
Dots / Lines / Grain
Dots and Lines have spacing plus dot size or line width. Grain uses organic noise with a grain-size control. Tone response follows the artwork’s shading or transparency; Erosion removes additional ink.
Pixel
Pixel scale turns the artwork into square blocks before color treatment.
Maze & Branching
Scale, Thickness, and Density control the structure. Use the shuffle icon for a new variation. Natural branching grows a connected network across the artwork; Repeat uses a repeating texture.
Rounding
Rounds the combined artwork and erosion while keeping crisp edges. Higher values remove fine detail. Edge softness is applied afterward. Variation and rounding are saved and used in treated exports.
Fine detail
Zoom in to inspect small patterns. Preview and export resolution limit the detail they can show. Enlarging a low-resolution source cannot restore missing detail. Texture patterns are not calibrated screen separations.
Gloss / UV / Glow
Artwork glossiness is shared across layers; fabric finish is separate. Enable UV reactive or Glow in the dark per layer to preview specialty inks. UV responds to UV lighting; glow is more visible in darker lighting. These illumination effects are not baked into print files.
Lighting & Preview
Cameras & orbit
Choose Camera presets or Detail close-ups. Drag to rotate, scroll or pinch to zoom, and double-click fabric to focus that spot. Zoom out or Reset view to return toward the garment center. A layer’s Done button leaves artwork inspection.
Wind & Present
Still, Gentle, and Breezy control fabric motion. Present hides the interface and uses the Presentation settings below Environment. Drag to rotate and scroll or pinch to zoom. Automatic rotation slows smoothly while you interact and gradually resumes from your new angle. Use Exit Present or Esc to restore your editing camera and lighting. The gear beside Present opens those settings and collapses other sidebar sections.
Choose lighting
Use the visible Lighting buttons for Neutral, Studio, Day, Night, UV, Runway, Afterglow, or Projector. Fine-tune the chosen preset in Environment.
Presentation sequence
Choose lighting presets, arrange their order, and set hold and fade times. Fades blend two live lighting views. Add a library graphic behind the garment, choose its color, opacity, size, and position, and set a starting camera and rotation speed. Presentation defaults to current view and lighting with basic rotation and no sequence lights selected. Each subsection’s reset icon restores only that subsection: Lighting clears the sequence, Background removes presentation customization, and Motion & camera restores current-view rotation at its original speed. Presentation settings and the chosen graphic save with your .orb project.
Night & Runway
Night adds passing headlights and brake lights with traffic controls. Runway combines moving spotlights and camera flashes; Activity controls pace and Flash intensity controls brightness. Pause holds the current moment.
Afterglow
A circling light previews glow artwork. Charge speed sets the cycle; Fade seconds controls the simulated fade. Pause holds the light and glow.
Projector patterns
Choose Neuro Noise, Warp, God Rays, Mesh Gradient, Grain Gradient, Radial Bloom, or Stripes. Pattern-specific controls appear when relevant. Scale defaults to 100; type values for precise sizing. Speed controls motion; Pause holds the projection.
Projector colors
Choose Solid, Gradient, or Flow, select a palette, and adjust 2–12 colors. Edit individual swatches or shuffle one color or the entire palette. Flow animates palette colors. Projection changes the mockup lighting only.
Light position & shadows
Fix lights in scene keeps the rig stationary as you orbit. Otherwise it follows the view. Self-shadows show folds and overlapping fabric; disabling them can improve performance.
Background & theme
Environment controls the backdrop and grid. Creative lighting can use a dark backdrop; regular lighting restores your previous background. Theme changes the interface. Match fabric to theme also changes fabric color until you choose a color manually.
Common Questions
How do I compare different designs?
Capture variations with + beside Snapshots, then open Review to compare them and flip between front and back. Reopen a design to refine it or export. .
Are snapshots backed up or available on another device?
They are stored in this browser, not synced online. Download individual snapshots as .orb projects to keep portable copies, then open those files on another device. Mobile supports the men’s tee.
Which file goes to my printer?
Use layered PSD layouts for arranged print artwork, or individual graphics for separate designs. Include mockups as placement references and confirm the required format and size with your printer. .
What is in the package?
The options you select in Export All: mockups, layered PSDs, individual graphics, and an optional editable .orb project.
Why does flat artwork look different?
Flat artwork includes color and print treatments. Folds, scene lighting, gloss, and UV/glow illumination belong to the garment preview.
Why does artwork look soft?
Check the original image resolution and chosen physical print size. Fine patterns also need enough pixels to resolve. A larger export cannot recover missing source detail. .
Will my work be here next time?
Automatic recovery depends on browser storage and the same site address. Download a .orb project with Save to keep a portable copy. If a warning appears, read the status tooltip and save your work manually.
Why is artwork hidden or clipped?
Check layer visibility and order, placement, and coverage by folds or the hood. After switching garments, inspect the affected layers and adjust their position and size. .
Can I use my own garments?
Custom garment modeling and ORB integration are available as a paid service. about your project, or click the ORB logo for portfolio, Instagram, and email links.
Keyboard Shortcuts

Camera · numbers above the letters

1
Front
2
Front three-quarter
3
Side
4
Back three-quarter
5
Back
6
Next available detail camera in menu order: Front, Back, Sleeves, Inside.
Shift + 6
Previous available detail camera.

Lighting · number pad

Numpad 1
Neutral
Numpad 2
Studio
Numpad 3
Outdoor day · Day
Numpad 4
City night · Night
Numpad 5
Black light · UV
Numpad 6
Runway
Numpad 7
Afterglow
Numpad 8
Activate Projector. Press again to cycle available patterns in menu order.

Editing & navigation

Ctrl / ⌘ + V
Paste a copied image into the library and choose its placement. Text fields keep normal paste behavior.
Ctrl / ⌘ + Z
Undo a design edit.
Ctrl / ⌘ + Shift + Z
Redo. Ctrl / ⌘ + Y also works.
Arrow keys
Rotate when the garment preview has keyboard focus.
↑ / ↓
Reorder a layer when its drag grip has keyboard focus.
F2
Rename the selected layer when focus is in Artwork.
Enter / Esc
Save / cancel while renaming a layer.
Esc
Close the info panel or detail menu, cancel placement picking, or leave Present mode.
Shift + scroll
Adjust a hovered slider or number field in larger steps.

Camera and lighting shortcuts are inactive while editing controls, using dialogs or the color picker, and during Present, loading, or export.

Esc to closeORB Garment Studio

Add artwork

Or choose a graphic from your library.

Save design

One editable file with this garment, all layers, artwork, and preview settings.

Used graphics are always included. Built-in 3D garments stay in the app.

Export Files

Export From
Mockup Images

Garment previews for sharing and presentation.

Camera Views
Placement Close-Ups 0 selected
Image Settings
Shape
Image size Longest edge · px
Background
Lighting
Print Artwork

Flat artwork for your printer, without garment lighting or folds.

Arranged artwork with treated and original layers.

Treated PNGs and original source files.

Studio Project

Reopen this file in ORB Garment Studio to continue editing.

Start a new design?

Save your current design before starting over?

Your artwork library stays available.