Combining screenshots is easier when you choose the frame shape before filling it with images. This guide covers the complete process for two to four screenshots.
1. Choose the frame shape first
- Open Layout on desktop or the Layout sheet on mobile.
- Choose Split for a side-by-side comparison or Vertical when the top-to-bottom order matters.
- Choose Grid when you plan to show three or four images in a compact 2×2-style board.
- Start with the shape that makes the final composition easiest to picture. You can compare the other presets after adding the screenshots.
2. Add and order the screenshots
- Put the most important view first, such as a full-body shot or the main pose. Keep alternate views and close-ups after it.
- Open Photo, then select the empty slot to add a file. The upload order becomes the initial composition order.
- Use a card's order controls to move an image one position at a time.
- Use Change when you want to replace one screenshot without rebuilding the composition. Each file can be up to 50MB and is optimized in the browser.
- Once the screenshots are in place, compare the layout presets. Your images and per-image adjustments stay with the project.
3. Choose a canvas ratio
- On desktop, open Layout and choose Auto first if you want to inspect the natural size of the selected layout.
- Choose 16:9 for a conventional wide canvas.
- Choose 2:1 when the images should form a long horizontal strip.
- On mobile, change this from Export → Ratio Settings. The export ratio and the on-screen preview zoom are separate controls.
4. Tune the gaps and seams
- Choose None under Transition when you want a clear gap between frames.
- Adjust Image Gap from 0 to 100px until the spacing is even.
- Choose Soft Blend when you want neighboring images to overlap.
- Adjust Blend Width gradually. A very wide blend can cover important details near the edge of a frame.
- Add Border Width when the composition needs a consistent outer margin.
5. Correct each crop
- Select one image card at a time.
- Use the Selected image scale slider or enter a value between 50% and 300%.
- Drag the selected image on the canvas so faces, weapons, and outfit details are visible.
- Scroll over the selected image for quick zoom adjustments.
- Use Reset if one image becomes difficult to frame, then adjust it again from the default position.
- Turn on Lock Image Position after all cards are aligned.
6. Add the finishing layers
- Choose a background under Surface finish: White, Light Gray, or Transparent.
- Keep Film Grain at 0% unless a small amount of texture helps unify the screenshots.
- If needed, open Signature → Text and add a character name and server label.
- If you have a Free Company mark, add it from Signature → Logo Upload and keep it away from the main subject.
7. Save and review
- Use Fit to view or the zoom controls in the dock below the canvas, then check that the first card is still the visual lead and that no face or important detail is clipped.
- Click Save PNG on desktop or use Export → Save PNG on mobile.
- Open the downloaded PNG once before posting. If an edge is clipped, return to the active image card and correct its scale or position.