Gang Sheet Builder Guide
A complete walkthrough of every tool and setting in the DTF gang sheet builder — from uploading your first file to submitting a print-ready order.
Uploading Designs
The builder accepts PNG, JPG, and WEBP files. PNG with a transparent background is best for DTF — it gives you the cleanest results and skips the need for background removal.
Selecting Designs
Click any design on the canvas to select it. A purple dashed border appears around it, and its controls show up in the left sidebar.
- Click a design on the canvas to select it
- Click its name in the design list (below the upload zone) to select it from the list
- Click any empty area of the canvas or press Esc to deselect everything
- Shift + click additional designs to add them to the selection
- Click and drag on empty canvas to draw a rubber-band selection box — any design it overlaps gets selected
- Ctrl+A selects every design on the sheet at once
Resizing & Rotating
Select a design — four white square handles appear at the corners. Drag any handle to resize the design.
- Normal drag: resizes proportionally, maintaining the original aspect ratio
- Hold Shift while dragging a corner: free-stretch mode — resizes independently in each direction, letting you squish or stretch the design
With a single design selected, the sidebar shows W (in) and H (in) fields. Type an exact number to set a precise size in inches. Changing one dimension scales the other proportionally.
- Click the ↻ 90° button in the sidebar to rotate 90 degrees clockwise
- The free-rotate handle appears as a curved arc above the selected design — drag it to rotate to any angle
Positioning Designs
Drag any design to move it. The sheet is 16" wide and grows downward as you place designs lower.
- Designs cannot overlap each other — if you drop one on top of another, it snaps back to where it was
- Use arrow keys to nudge a selected design by 0.1" at a time
- Hold Shift + arrow key to nudge by 1" at a time
- When multiple designs are selected, dragging one moves the whole group together
Background Removal (Chroma Key)
If your artwork has a solid-color background instead of a transparent one, the Chroma Key tool removes it — turning that color transparent so only your design prints.
Select a design and look for the Chroma Key panel in the sidebar below the resize fields.
The color swatch shows the current target color (defaults to white). To change it:
- Click the color swatch to open a color picker and choose manually
- Or click the eyedropper icon, then click anywhere on the design to sample that exact color — this is usually the most accurate method
Tolerance controls how closely pixels must match the target color to be removed. A higher tolerance catches more shades of that color.
This is the most important setting. It controls which matching pixels get removed.
Removes outer background only
Starts from the outside edges of the image and removes only pixels connected to that border. Stops when it hits a different color. Use this for logos and designs where the background color does not appear anywhere inside the artwork.
Removes everywhere it matches
Removes every pixel matching the color across the entire image — edges and interior. Use this when the background color also appears inside the design (for example, white lettering on a background where the background itself is also white).
Click 🪄 Remove Color. The canvas will briefly flash to show what changed — transparent areas appear as a gray checkerboard. If the result looks wrong, click ↩ Restore to go back to the original, then adjust the color or tolerance and try again.
Trim Transparent Edges
After removing a background, there's often a border of empty transparent space around the artwork — the original canvas area where the background used to be. ✂️ Trim Transparent Edges crops that away so the design element fits the artwork exactly.
This matters for two reasons:
- The size fields (W/H) and the space designs take on the sheet are based on the image bounds, not the visible artwork inside them. A 5" design with a 1" transparent border is actually taking up 5" of sheet space.
- After trimming, you can resize the design to the dimensions you actually want for the printed artwork.
Clean Ghost Pixels
Some images contain pixels that look invisible on screen but aren't truly transparent — they have very low opacity (under ~10%). DTF RIP software often converts these semi-transparent pixels to solid black or white when generating the print file, creating dark or light halos around your designs.
These ghost pixels typically come from:
- Anti-aliased edges (the browser smooths jagged edges by blending them with partial transparency)
- Soft-masked or feathered selections in Photoshop
- PNG files exported with partial transparency at the edges
Click 🧹 Clean Ghost Pixels to scan every pixel in the design. Any pixel with less than roughly 10% opacity is cleared to fully transparent. Pixels above about 94% opacity are snapped to fully opaque. This gives the RIP software clean, definitive edges with no ambiguous partial pixels.
Multi-Select & Bulk Actions
When two or more designs are selected, the sidebar switches to a summary bar showing how many are selected, plus two bulk action buttons.
- ⧉ Dup All — duplicates every selected design at once, offset slightly so they land beside the originals
- ✕ Del All — removes all selected designs in one step
- Drag any one design — moves the entire group together, maintaining their relative positions
Keyboard Shortcuts
All shortcuts are active while the canvas is in focus and you're not typing in an input field. On Mac, ⌘ works wherever Ctrl is listed.
| Shortcut | Action |
|---|---|
Ctrl+Z | Undo |
Ctrl+Y | Redo |
Ctrl+A | Select all designs |
Ctrl+C | Copy selected designs |
Ctrl+X | Cut selected designs |
Ctrl+V | Paste copied or cut designs |
Ctrl+D | Duplicate selected designs |
Delete | Remove selected designs |
Esc | Deselect everything |
↑↓←→ | Nudge selected 0.1" |
Shift+Arrow | Nudge selected 1" |
Shift+Click | Add or remove from selection |
Ctrl+= | Zoom in |
Ctrl+− | Zoom out |
Ctrl+0 | Fit sheet to window |
Auto-Arrange
The ⚡ Auto-Arrange button (in the top bar) automatically repositions all your designs to pack them as tightly as possible on the sheet. It runs a bin-packing algorithm that tries many rotations and placements to minimize wasted space and sheet length.
- Any manual positioning you've done will be replaced — Auto-Arrange moves everything
- The sheet length updates automatically to fit the arranged result
- You can undo Auto-Arrange (Ctrl+Z) and then manually tweak placements
Sheet Length & Pricing
The sheet is always 16" wide. The length adjusts automatically as you add and position designs — it grows to fit everything with a small buffer below the lowest design.
- Minimum sheet length is 10 feet
- Maximum is 100 feet
- Pricing is volume-tiered — $37 for 10 ft ($3.70/ft), dropping to $3.00/ft at 100 ft ($300 total). A 20 ft sheet is $70, a 50 ft sheet is $160
- The price shown in the sidebar updates in real time as you add designs and change the sheet length
- You can manually set the sheet length using the dropdown in the sidebar if you need a specific length
Submitting Your Order
When your sheet is ready, click Continue to Checkout → in the top-right corner.