Coming Soon: To Scale Frame Mockups in Affinity Designer for iPad

Do you sell your artwork online, and want to help your potential buyers visualize your work more effectively, while also making your listings stand out with mockups?

Do you already use mockups, but wish you could create your own custom designs that are more cohesive with your style, and show it in it’s best light?

Or, maybe you just want to create a gallery wall in your own home, and want to save time and frustration by creating a quick mockup.

In this class, I’ll show you how to use Affinity Designer for iPad V2, to create your own, unique to scale mockups for your wall art. Whether you’re selling your work, sharing on social media, or decorating your home, you’re in the right place.


Hi everyone!

I’m Tracey… a photographer, illustrator, and Top Teacher on Skillshare!

I’ve been selling my photographic, and illustration, work online for almost 15 years, on both Etsy, as well as my own website. Using to scale mockups that complement my work, has not only helped my listings stand out, it’s helped potential buyers better visualize it, up on a wall, in a variety of sizes. This has not only led to larger prints being purchased, but, in many cases, multiple prints, rather than single.

In this class, we’ll walk step by step through the most efficient way to create to scale, realistic frame mockups by assigning a drawing scale using Affinity Designer’s Measure tool.

Why Create My Own Frame Mockups?

With all of the mockups for sale, you might be wondering why create your own mockups, rather than purchase them? Great question!

While Photoshop mockups can be used, and Smart Objects are recognized, sometimes they don’t work exactly the way they were intended and you have to do a lot of rework before the mockup can be used. Creating your own mockups in Affinity Designer means you can rest assured they will work in the entire Affinity suite.

This allows you to create mockups that complement your work, allowing potential buyers to see it in it’s best light.

With a quick photo of their space, and some measurements, you can create a variety of options for your buyers, allowing them to make a more informed decision. More often than not, for me, this lead to me selling larger prints, and sets rather than single images.

Being able to mockup the space allows you to work efficiently, with less frustration and, if you’re like me… less holes to fill later!

What You Will Learn...

In this class, we will cover…

  • Best practices for sourcing images for your mockups 
    • We will explore the various free use image sites, such as Unsplash, Pixabay and Pexels, as well as Designer’s own Stock Studio.
    • We’ll discuss the do’s and don’ts when using free use images for mockups
    • We’ll cover what to look for, and what to avoid, when choosing images for the background of your mockup.
  • The basics of drawing to scale
    • I’ll show you how the Measure tool and Drawing to Scale works, and why you want to set a scale when creating your frame mockups
  • How to create a single, to scale frame
    • We’ll create a base of vector layers for a frame, mat and a placeholder for our images
    • We’ll cover best practices for saving the flat version of your frame mockup to your assets, and linking them across all of your Affinity apps, so you can create mockups in the future, without having to start from scratch and,
    • I’ll show you how to quickly add texture, and build up dimension, using the Appearance Panel, Fill tool, Vector Flood Fill and Contour Tools.
  • How to create a realistic, to scale shelf mockup for close up views of your images
    • I’ll show you how to build up the vector base, shadows and add texture to your to scale shelves to give them a realistic feel. 
    • We’ll discuss how to create shadows for frames that are supposed to “lean” against a wall and,
    • I’ll show you how I add additional elements to finish off my shelves, and give them a warm, comfortable vibe, without overpowering the work
  • How to efficiently create a multi frame set, or gallery wall to scale
    • I’ll show you how you can easily set your frames at perfect distances using the Transform panel and,
    • How to create a set of frames that will fill the space, without overwhelming it.
  • We’ll talk about what you would need to create custom mockups for potential buyers 
    • I’ll walk you through the measurements, and other information, you’ll need to create the mockup so they can see your work up on their walls.

When you’re finished with class, you’ll have everything you need to continue to create your own realistic, to scale mockups and build a library of mockup assets that you’ll be able to use in the future.

What You Will Need for Class...

  • Affinity Designer V2
    • I will be creating my to scale mockups using the iPad version of Affinity Designer V2. If you are on the desktop version, the process is the same so, as long as you know where the tools are located, you can easily follow along.
  • Images for your mockups
    • It will be helpful if you have a few images handy when creating your mockups. If you don’t, you can pull images from the Stock Studio.
  • Free use images for your backgrounds
    • Don’t worry! We will be going over sourcing background images in the class. When we do, just pick a handful of your favorites, to build your own mockups.

For those on V1 of the app, I’m sorry but the Measure Tool was only made available as of V2, in both the iPad and desktop apps.

Who This Class is For...

Please note, while this class is geared towards beginnersit does assume that you have some familiarity with Affinity Designer V2, either iPad or desktop. We will not be going through the entire interface in this class, so it will be helpful if you are able to navigate the site.

Fun Freebies...

When you take this class, you will receive:

  • set of metallic gradient swatches that I have created just for this class
  • set of 20 real wood and metal texture frame styles that I’ve created. I will show you how to use them to quickly add texture and dimension to your frames with a single click.
  • PDF class guide with tips and tricks on creating your own frame mockups

I will show you how to download and import both in the third video in the class. You can find the link to the downloads in the PDF I’ve shared in the Projects & Resources of the class.

Receive Notification When the Class is Live!

Want to know when the class is live? Click the button below, and hit Follow on my Skillshare profile. New members will receive one month, at no cost to them, to explore unlimited classes from me, and thousands of other teachers. Happy Creating!

Leave a Reply

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