Posted on Leave a comment

Procreate Mockups: 4 Easy Steps to Create Stunning Designs on Your iPad

procreate mockups ipad hero

Want to know how to use Procreate mockups to elevate your design presentations, right from your iPad? Whether you’re working on a wedding invitation, a product label, or a printable card, mockups made for Procreate make it easy to create stunning visuals without opening Photoshop.

In this step-by-step guide, weโ€™ll show you how to use procreate mockups from Custom Scene using the 5x7in Invitation and Envelope Mockup as an example. These techniques can be applied to any Procreate-compatible mockup from Custom Scene.

Browse the full Mockups for Procreate collection

Whatโ€™s the goal? To help you use Procreate mockups to bring your designs to life with ease and styleโ€”no Photoshop, no desktop. Weโ€™ll guide you step-by-step using the 5x7in Invitation Rounded Corners and Envelope Mockup as an example.

Whoโ€™s this for? Designers, stationery artists, calligraphers, or creators who want to present their work in a professional mockup format, using only their iPad and Procreate.

What will you learn? How to import your design into a Procreate mockup, customize finishes like foil, edit colors, and export high-quality visuals. These steps apply to any Custom Scene mockup for Procreate.

Procreate mockups tutorial cover showing iPad with wedding invitation mockup and Procreate app
Pin this for later!

Step 1: Preparing Your Files and Mockup

Before we begin, make sure youโ€™ve got:

  1. Your design saved as a PNG or JPEG.
  2. The Procreate version of the mockup downloaded on your iPad

Opening the Mockup on iPad

  1. Open the Files app and locate your downloaded ZIP file.
  2. Tap to unzip the file.
  3. Tap the .procreate file, and it will automatically open in the Procreate app.

Step 2: Importing and Placing Your Design

Add Your Invitation Design

  1. With the mockup open, tap the Layers panel.
  2. From the mockup group, locate the layer labelled [YOUR DESIGN HERE].
  3. Tap the layer > choose Clear to remove the placeholder.
  1. Go to Actions (the wrench icon) > Add > Insert a file or photo.
  1. Choose your design and it will drop into the canvas.

Fit Your Design to the Card Area

  1. Enable Snapping and toggle on Magnetics to help align your design.
  1. Tap the Transform tool (arrow icon).
  1. Manually scale and position it to fit the 5x7in area exactly.

Tip: Unlike Photoshop smart objects, mockups on iPad require manual placement, but you still have full control. If youโ€™re using an iPad with Apple Pencil, use two fingers to resize and rotate with precision.

Step 3: Customizing the Mockup on iPad

Change Color Using Fill Layer

To customize editable layers (like card backgrounds, envelopes, or any item):

  1. Choose your desired hue from the colors panel.
  2. Tap the layer labeled Change Color.
  3. Select Fill Layer โ€” Procreate will fill only the existing artwork on that layer, keeping transparency intact.
  1. To change the color again, repeat steps 2โ€“4.

Why this works: These layers typically have Alpha Lock enabled (indicated by a checkered thumbnail). Alpha Lock prohibits editing on transparent areas, so Fill Layer only affects pixels that already exist. Thereโ€™s no need for masking, as the locked transparency ensures your edits stay neatly within the original shape.

Apply Foil or Print Finishes

  1. In the Layers panel, locate the โ€œFoil Effectโ€ layer under the card group.
  2. Tap on the [YOUR DESIGN HERE] layer and Clear the placeholder layer.
  1. Insert your design again using Actions > Add and position it as before.
  1. Optional: Mask it with the foil layer for realism
    • Select the Card (Foil) layer > tap Select.
    • Return to [YOUR DESIGN HERE] > tap it > tap Mask.

This gives your design a luxe metallic effectโ€”perfect for wedding stationery mockups.

Adjust the Envelope

  • The envelope is made of two groups: the paper and the flap.
  • To simulate a tucked card:
    1. Select both envelope layers by swiping right.
    2. Use the Move tool to shift or rotate them.

Customize the Background

  1. Choose a new color from the picker, or long-press to grab a hue from your design.
  2. Select the Background color layer.
  1. Optional: Unlock the layer ON/OFF Background layer to toggle layer opacity to soften the effect.

Enhance Shadows & Lighting

  1. Locate the ON/OFF Overlay group. Unlock it to make it editable.
  1. Adjust opacity to control shadow intensity and overall drama.
  2. At the top, toggle the ON/OFF Filter, which applies a subtle color and brightness correction across the scene. Switch it on or off as desired.

This gives your mockup a final polished look, ensuring professional-looking contrast and lighting.

Step 4: Finalizing and Exporting

Fine-Tune for Realism

  • Subtlety is keyโ€”lower the opacity on shadow layers if your card appears too dark.
  • Keep lighting and foil shine natural by comparing against reference photos or real product shots.

Export Your Mockup

  1. Go to Actions > Share.
  2. Choose JPEG for portfolio and web.
  3. Choose PNG for transparent backgrounds or social media.

Want multiple finishes? Duplicate the mockup in Gallery:

  • Swipe left > Tap Duplicate.
  • Change background, texture, or foil.
  • Export each version individually.

Want to Try It Yourself?

This tutorial was made to be hands-on. To help you follow along, you can get the exact mockup used in this guide for just $3. Just use the code below at checkout:

Use code: TUTORIAL
โ†’ Get the mockup here: 5x7in Invitation Rounded Corners and Envelope Mockup

Plus, for a limited time, take 50% off all Procreate mockups across the site with code:

Use code: PROCREATE50
โ†’ Browse the full collection: Mockups for Procreate

Found this tutorial helpful? Share it with a friend and help them save too.

Can You Do Mockups in Procreate?

Yes, you absolutely can. While Procreate doesnโ€™t support Photoshop smart objects, you donโ€™t need them to create polished, professional-looking mockups for Procreate directly on your iPad.

With organized layers, editable textures, and smart layer labeling, mockups for Procreate work seamlessly, especially when youโ€™re using mockups designed specifically for iPad workflows. If youโ€™re looking for ready-made templates, weโ€™ve got you covered.

Browse the full Mockups for Procreate collection

โš ๏ธ Important Disclaimer: Canvas Size & Layer Limits in Procreate

Although Procreate mockups offer an impressive iPad-native experience, it’s essential to know that Procreate imposes canvas size and layer limitations based on your iPadโ€™s RAM and canvas dimensions.

  • Each mockup in the Custom Scene for Procreate collection is created at 2732โ€ฏร—โ€ฏ2048โ€ฏpx at 300โ€ฏDPI, matching the full resolution of a 13โ€‘inch iPad Pro M4.
  • Newer iPads with more RAM (like Mโ€‘series models) can handle many layers at this size, but older iPads may struggle, particularly at high resolution.

Procreate dynamically adjusts layer limits based on your device and canvas size. For example:

  • A smaller canvas uses less memory and allows more layers.
  • A 2048โ€ฏร—โ€ฏ2742โ€ฏpx canvas on a 2020 iPad Pro might permit over 50 layers, while on an older iPad Air it may support only a handful.

What this means for you:

  • If your iPad is older, you may run out of layers when using high-res mockups.
  • You can manage layer count by flattening, merging groups, or simplifying your mockup before import.
  • Procreateโ€™s built-in Layer Limit Calculator (Help > Maximum Layer Limit) lets you check ahead of time

Why Procreate Mockups Are a Must-Have

Whether you’re a stationery designer, illustrator, or small business owner, Procreate mockups give you complete creative control without the complexity of desktop tools. You can test colorways, show client proofs, and generate scroll-stopping social posts, all from your iPad.

And with Custom Sceneโ€™s mockups for Procreate, every file is built for a smooth, intuitive experience. Youโ€™ll find clearly labeled layers, built-in foil and texture effects, editable color zones, and realistic lightingโ€”all ready to go, so you can focus on showcasing your design without getting bogged down in setup.

You donโ€™t need a studio. You donโ€™t even need Photoshop. Just open the file, drop in your design, and export.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.