How to Create Mockups in Affinity Photo: The Ultimate Guide

Affinity Photo is a powerful image editing software that allows you to create beautiful mockups. In this guide, we will show you how to create stunning mockups using Affinity Photo. We will also take a look at the different types of Mockup templates and Mockup objects.

Furthermore, are you facing difficulties when searching for free mockup templates? No worries, we got you! We will go through the entire process, from finding and downloading mockups, to opening them in Affinity Photo and how they can be edited. Let’s get started!

What are Mockups in Affinity Photo?

Mockups are simply images, models or prototypes that show how a final product or design will look. Mockups are very useful for teaching, marketing and manufacturing purposes. They are mainly created to get feedback, to promote, and to make changes before the final product is created.

Since Affinity Photo doesn’t offer mockups, you can download them from other sources such as GraphBerry, Mockup World, Iconfinder, Placeit, and more. You can also create them from scratch as per your requirements.

Types of Mockup templates

There are a variety of mockup templates available that you can use to design through Affinity Photo. The common Mockup Templates are:

  • Wireframes– They are low fidelity but show structure.
  • Product Mockups– Used for websites or apps. Used for marketing purposes as well.
  • User flows– Shows how a user will navigate through your product
  • Maps– Shows the hierarchy of your product through UI UX patterns for devices.
  • T-shirt– used for marketing purposes for advertisements or contract negotiations.
  • Screens– used for websites or apps to show the design of the screen beforehand working on building it.
  • Logo– used for marketing purposes, business identities, and recognition.
  • Stamps– used for marketing purposes and considered a very versatile tool.

When creating a mockup, the first thing you need to do is choose the right template. There are many different types of mockup templates available. They are all created for a specific purpose.

For example, if you want to create a mockup of a website, you would use a website mockup template. If you want to create a mockup of a product, you would use a mockup template with that product.

There are also many different sizes and orientations of mockup templates available, so you can choose the one that best fits your needs.

Once you have chosen the right template, it’s time to start customizing it. Affinity Photo offers a wide variety of tools and features that you can use to customize your template and eventually your mockup.

Additions to Mockups

A variety of object can be incorporated into mockups to make them appear more realistic and to enhance their quality.

The most common objects added to mockups are:

  • Text– Adding labels or descriptions to the mockup.
  • Images– Include pictures to enhance the mockup.
  • Logos– Promote a brand and increase the authority of the design.
  • Buttons– Add interactivity to the mockup.
  • Maps– Show location data on the mockup.
  • Charts– Provide statistical data on the mockup.

When adding objects to your mockups, it’s important to keep in mind the overall goal of the mockup.

For example, if you’re creating a mockup to show off a new product, you’ll want to make sure that the object you’re adding is relevant to the product. If you’re creating a mockup to show off a new website design, you’ll want to make sure that the object you’re adding is related to the website.

Where can we find free mockups?

Free mockups are found in many places on the internet. There are several websites that offer a wide variety of free mockups, ranging from devices to packaging:

GraphBerry is a great place to start if you are looking for free mockups. This website offers a wide variety of free mockups, ranging from devices to packaging. Iconfinder is another great website for finding free mockups. This website has a wide selection of icons that you can use in your designs.

Another great place to find free mockups is Mockup World. This website offers a constantly-updated library of free mockups, and it is definitely worth checking out if you are in need of some high-quality mockups.

Finally, if you are looking for specific types of mockups (such as iPhone mockups), a quick Google search will usually reveal a few good options.

How to download Mockup files in Affinity Photo

To download the mockup files, simply visit the specific website. Choose a mockup and click on it. A new window will appear with a few options with a preview of the mockup.

Simply click on the “Download” button, and the file will be downloaded on your computer.

Once you have downloaded the mockup files, you can open them in Affinity Photo. To do this, simply double-click on the file, or open Affinity Photo and go to File > Open.

How to Create Mockups in Affinity Photo: The Ultimate Guide

Let’s take a look at how to create SmartObjects in Affinity Photo

You can make customized mockups using this method. We will give you an example!

Start by opening the image in Affinity Photo by going to File and selecting Open. Alternatively, you can drag and drop the image as well.

Next, place the design onto the document. Go to the File menu, and select Place.

How to Create Mockups in Affinity Photo: The Ultimate Guide

Navigate to the file location, select the image and select Open.

Resize to adjust the artwork document as per requirement.

Here on, you can use a few tools to adjust the image for a better outlook.

In this case, we are using the Perspective Filter. Go to Layer > New Live Filter Layer > Distort > Perspective.

Adjust the corner handles of the design to change its perspective in relation to the background image.

There are many other live filter options you can apply to improve your mockups, such as Blur, Sharpen, etc. Try them out and see what works best for your design.

So there you have it! A guide on how to create mockups in Affinity Photo.

Let’s take a look at how to make a mockup with a PSD SmartObject

To import Photoshop files with embedded smart objects correctly, they have to be enabled from Affinity Photo’s preferences.

  • Go to Edit > Preferences
  • Go to General category > Enable “Import PSD smart object where possible.”

Open the PSD file in Affinity Photo.

Edit the document with the content you want to place.


There you have it! A guide on how to create mockups in Affinity Photo. You now know all the basics, including examples of websites where to find mockups, how to download them and a few examples guiding you on how to create them. Download a few mockups from the websites stated above and get going with this guide to create splendid mockup templates.

Similar Posts