AiPro Institute™
Professional Prompt Engineering Library
Before & After Transformation Visual
Create compelling split-screen or sequential comparison images showcasing dramatic transformations, improvements, or change over time
✓ Tool Compatibility
The Prompt
COPY & CUSTOMIZE
Create before-and-after visual showing [subject] transforming from [initial state] to [final state].
TRANSFORMATION:
- Subject: [room, person, product, landscape]
- Before: [starting condition details]
- After: [end result improvements]
- Change Type: [renovation, makeover, restoration, upgrade]
VISUAL PRESENTATION:
- Layout: [vertical split, horizontal split, side-by-side]
- Labeling: Include clear "BEFORE" and "AFTER" text
- Camera Angle: Identical position and angle for both sides
KEY DIFFERENCES:
[List 3-5 most important visible changes]
OUTPUT: Single image with clear comparison showing dramatic, believable transformation while maintaining visual consistency.💡 Tip:
The more specific your before/after states, the more dramatic and believable the results. Fill [orange placeholders] with details.
The Logic (Why This Prompt Works)
Visual Consistency Anchoring: Maintaining identical camera angles, perspective, and framing prevents AI from generating two unrelated images. Consistency proves authenticity and allows viewers to focus on the transformation.
Contrast Amplification Psychology: The worse the "before," the more impressive the "after." Explicitly defining negative aspects of the before state and positive improvements creates maximum perceived value.
Layout Format for Scan Pattern: Split-screen layouts leverage natural reading patterns (left-to-right) to create automatic "time flow" progression.
Comparison Layout Types
Vertical Split
Left (before) → Right (after), natural reading flow, best for 2 states
Horizontal Split
Top (before) → Bottom (after), works for mobile formats
Side-by-Side
Separate panels with labels, clear distinction, easy comparison
Slider Style
Interactive-looking divider, modern presentation, engaging
Pro Design Tips
- Visual Hierarchy: Use size, color, and placement to guide eyes to the most important changes
- Consistent Framing: Exact same position, pose, or framing proves it's the same subject
- Highlight the Winner: Use subtle design cues to emphasize the "after" improvement
- Maintain Credibility: Too dramatic = not believable; find the balance
Output Preview
Example: Kitchen Renovation Before & After
"Create before-and-after visual showing residential kitchen transforming from outdated 1990s style to modern contemporary design. Subject: Standard kitchen (~200 sq ft). Before: Dark oak cabinets, beige laminate counters, fluorescent lighting, worn linoleum, cluttered. After: White shaker cabinets, marble quartz counters, LED lighting, wood-look tile, minimalist styling. Layout: Vertical split down center with thin white dividing line. Labeling: 'BEFORE' top left, 'AFTER' top right in bold sans-serif white text with dark badge. Camera Angle: IDENTICAL - standing in kitchen entrance, eye-level, centered on sink. Key Differences: Cabinet color (dark→light), countertop material, lighting quality, floor surface, organization."
Example: Fitness Transformation 6-Month Result
"Create before-and-after visual showing person's fitness journey from starting condition to 6-month result. Subject: 35-year-old male. Before: Higher body fat, less muscle definition, slouched posture, loose t-shirt. After: Visible muscle definition, leaner physique, confident upright posture, fitted tank top. Layout: Side-by-side panels, no divider, separate labeled images. Labeling: 'BEFORE - January 2024' and 'AFTER - July 2024' bottom center. Camera Angle: IDENTICAL straight-on full body shot, chest height, same distance, same neutral hands-on-hips pose, same background. Key Differences: Shoulder/arm definition, reduced waist, improved posture, visible abs, confident body language."
