Step 1: Plan one clear reveal
Decide what a viewer sees first and what they discover second. The payoff can be an alternate expression, a second character, a product feature, a spoiler, a punchline, a code, or a before-and-after change. Keep it focused. One clear change is easier to mask, preview, explain, and test than several unrelated hidden details.
Make sure the visible state still works as an image. Leave a recognizable subject, setup, silhouette, brand element, or piece of context on the timeline. If the first state looks empty, people may assume the upload failed. The reveal should add meaning, not rescue an incomplete composition.
Step 2: Choose a compression-safe source
Use a JPG, PNG, or WebP file no larger than 10MB. A strong subject, clear shape, and readable contrast survive feed resizing better than tiny lettering or subtle gradients. Keep important content away from extreme edges because timeline crops and post layouts can differ by device.
RevealStudio scales very large sources to a browser-friendly working size while preserving the aspect ratio. This keeps masking and previews responsive and avoids uploading the image to a server. The working file remains suitable for social publishing, but the editor is not intended to replace a print-resolution image suite.
Step 3: Paint and refine the mask
Upload the image and paint over the region that should become transparent. Increase brush size for broad areas and reduce it around faces, lettering, interface details, or product edges. Brush hardness changes the transition. High hardness creates a clean boundary, while lower hardness creates a softer fade for hair, lighting, smoke, and painted textures.
Use the eraser to restore pixels that were masked accidentally. Undo keeps recent masking steps, and reset clears the complete mask. If most of the canvas should be hidden, paint the small visible subject instead and turn on reverse selection. This often produces a cleaner result with fewer strokes.
Step 4: Pick a template and tune parameters
Start with Standard when you are unsure. Anime Reveal increases contrast and saturation for line art and colorful illustration. Glow Reveal emphasizes bright effects and high-energy memes. Dark Reveal works better for shadow-heavy images that should remain restrained. Each template changes real editor parameters and can be adjusted afterward.
Set Reveal Strength first because it controls how strongly the mask changes transparency. Add Blur only when the hidden detail needs softer edges or reduced visual noise. Use Contrast to separate light and dark regions, and Saturation to protect or mute color. Change one control at a time so the preview shows which adjustment helped.
Step 5: Compare both preview states
The timeline panel shows the transparent output against a checkerboard. The long-press or expanded panel shows the complete processed image. Check whether the first state remains understandable and whether the second state contains a clear reward. The panels use the same template and parameter state that will be used for generation.
If the two states look almost identical, increase reveal strength, mask a larger meaningful region, or add contrast. If the timeline state looks broken, erase part of the mask, lower the strength, or leave a stronger visual anchor. Evaluate the preview at feed size, not only while zoomed into individual edges.
Step 6: Generate and keep the PNG master
Select Generate Result after the mask and previews look intentional. The result card reports the dimensions, PNG format, approximate file size, and alpha status. Downloading saves reveal-output.png directly from the browser. The original image and mask are not sent to an image-processing server by default.
Keep this downloaded PNG as the master. Do not convert it to JPG, because JPG removes transparency. Some messaging apps, schedulers, and optimizers can flatten alpha even when the image still looks normal. Transfer it as an original file when possible, and re-export from RevealStudio if another app changed it.
Step 7: Write the caption and test the post
Use one direct instruction such as “tap and hold to reveal,” “long press for the alternate version,” or “press the image to see what changed.” Add a spoiler warning when needed. For product posts, include one clear next action after the reveal instruction instead of several competing links.
Publish a low-risk test before using the image for a major launch, commission, or campaign. Check mobile and desktop if the effect is important. X controls the final crop, compression, background, and preview behavior, so testing remains part of the workflow even when the local PNG is prepared correctly.
