Skip to main content

Creating Project Mockups

Test the whole composition cheaply, before you commit to detail

In This Lesson

What a Mockup Is

A mockup is a rough, low-detail version of your piece that tests the big decisions — composition, scale, balance, color mood — before you invest hours in careful masking and retouching. It's deliberately quick and ugly. Its whole purpose is to fail cheaply: to reveal that the horizon is too high or the subject too small now, when moving it costs seconds, not after you've spent a day blending its edges.

🎨 An Analogy

A mockup is an architect's cardboard model. Nobody frames it — but building it stops you pouring the foundation of a house whose rooms don't work. Better to crush a cardboard model than a finished wall.

Start with Thumbnails

Before GIMP, make a few tiny thumbnail sketches — matchbox-sized, on paper or a scratch canvas — of different arrangements. Working small and fast frees you to explore several compositions in minutes without attachment. Pick the strongest one or two to take forward. This is where you decide the fundamental layout: where the eye lands, how elements lead into each other, where the negative space sits.

Blocking In with GIMP

Bring your chosen thumbnail into GIMP as a rough block-in, using everything you've learned but at low fidelity:

  • Set the canvas to your final size and aspect ratio (a starter template helps).
  • Drop in your assets on separate layers, scaled and positioned roughly — no careful masking yet.
  • Use quick, loose selections or reduced layer opacity to judge placement.
  • Block in the rough color/value mood with a couple of adjustment or fill layers.

💡 Keep It on Layers

Because every element sits on its own layer, the mockup is fully rearrangeable — slide the subject, swap a sky, rescale a texture in seconds. That same layered file often becomes the skeleton you refine into the final piece, so you lose nothing by starting rough.

Composition Checks

Use the mockup to run objective checks while changes are still cheap:

  • Rule of thirds / focal point — turn on View → Guides and confirm the eye lands where you intend.
  • Value squint test — view small or desaturated to check the light/dark structure reads without color.
  • Balance and flow — does the composition feel weighted correctly; do elements lead the eye through it?
  • Crop options — try a couple of crops before committing.

Iterate Before You Refine

Expect to make several mockup passes. Cycle quickly until the composition is genuinely working, and only then pour in detailed work:

flowchart LR A[Thumbnails] --> B[Block-in mockup] B --> C[Composition checks] C --> D{Working?} D -->|No| B D -->|Yes| E[Refine to final]

Loop on the cheap mockup until it works, then commit to detailed refinement.

⚠️ Don't Polish a Broken Composition

Detailing an arrangement that doesn't work is the most common way to waste time. Flawless masking can't save a weak layout. Fix the big shapes in the mockup first; refinement should only ever enhance a composition that already reads.

Get Feedback Early

The mockup stage is the cheapest moment to hear "the subject feels lost" or "it's too busy on the right." Show your rough to someone and act on it before investing in detail — you'll practice this properly in Friday's critique lesson. Early feedback on a mockup costs you a layer shuffle; late feedback on a finished piece costs you a rebuild.

Practice Activities

  1. Thumbnail it. Sketch 3–5 quick compositions for your final project and pick the strongest.
  2. Block it in. Build a layered low-detail mockup in GIMP at final size, positioning your assets roughly.
  3. Check and iterate. Run the composition checks (guides, value squint, crops) and do at least one revision pass.

Summary

✅ Key Takeaways

  • A mockup is a rough, low-detail test of composition — designed to fail cheaply.
  • Start with fast thumbnails, then block in on separate layers at final size.
  • Run objective composition checks — guides, value squint, balance, crop.
  • Iterate the mockup until it works before pouring in detailed refinement.
  • Get feedback early, while changes still cost seconds.

➡️ What's Next

With planning done, Tuesday dives into advanced technique: High-End Photo Retouching Techniques.

Additional Resources