Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
How to use Backgrounds in Affinity Designer
  • By Design Bundles
  • 01 Dec 2016
  • 5 Mins
  • Affinity Tutorials

How to use Backgrounds in Affinity Designer

This Affinity Designer tutorial will show you how to enhance your designs using awesome backgrounds!

In Affinity Designer you can quickly add a background to your design. Backgrounds add texture, color and character to designs and images. You can use them for wedding invites, sublimation designs, replacing photo backgrounds and so much more. In this tutorial we will give you a quick guide on how to use backgrounds in Affinity Designer.

How to use Backgrounds in Affinity Designer 11

For this tutorial we will be using a summer SVG bundle and this beach sublimation design. Before we begin, make sure that you have unzipped the files to your PC.

Step 1 - Open the SVG File

You can use a SVG or PNG design but preferably one that has a transparent background. This is so you don’t have to worry about cutting out the design from its background.

We do have a great tutorial on removing and changing a background in Affinity Designer if needed.

How to use Backgrounds in Affinity Designer 11

Next, we want to resize the canvas so everything can fit together. We also resized our design to fit on the page by clicking on the Move Tool top left. Then clicking + dragging the corner node to resize.

How to use Backgrounds in Affinity Designer 11

Step 2 - Import the Background

You can add a background either by using the drag and drop method or copy and paste. If using copy and paste, open the background in Affinity Designer. Then, go to Edit > Copy. Go back to the SVG file and select Edit > Paste.

How to use Backgrounds in Affinity Designer 11

You will notice that the background we chose has a transparency. This is not always the case with backgrounds but does allow for use in various applications. It will not make a difference when saving as a JPEG.

You may need to resize the background to fit as needed.

How to use Backgrounds in Affinity Designer 11

As we want the background to be behind the SVG, we need to change the order of the layer. Go to the top toolbar and click on Move to Back.

How to use Backgrounds in Affinity Designer 11

The result should look similar to the image below.

How to use Backgrounds in Affinity Designer 11

Step 3 - Edit Design Further if Needed

You can edit the design further if needed. The word “Salty” is a bit too light against the background. We clicked on the layer, then went to the Color Panel at the top and adjusted the color.

How to use Backgrounds in Affinity Designer 11

Our design is now ready for use in other projects but we need to save it first. Go to File > Export and select the file format of your choice. We chose the JPEG format then clicked Export.

How to use Backgrounds in Affinity Designer 11

Here is how our final image looks.

How to use Backgrounds in Affinity Designer 11

Affinity Designer makes it so easy to add a background to your project. Adding a background is done non-destructively so you are able to edit or replace it at any point. We hope that you enjoyed following this tutorial and learned something new to boost your crafting.


6 Related Affinity Tutorials

It’s great knowing how to use templates in Affinity Designer if you’re stuck on coming up with your own design and because it can help you save some time. Whether you’re looking for a template to create a brochure for an event, a card for a special ...

In Affinity Designer text can be enhanced using the Layer Effects panel. The panel is loaded with options for blurring, bevel, 3D and more. The Layer Effects panel works non-destructively and can be edited at any point. We will show you how to apply Layer Effects to text in Affinity ...

In today’s tutorial you are going to learn how to use textures in Affinity Designer. Textures can be added in various ways to give different results. We will show you how to add a texture overlay for a very cool, mysterious and vintage feel to the image.We are ...

Text Styles are presets that can be applied quickly and efficiently to a large amount of text. This is essential for projects that use text and require the ability to update across the platform. In this tutorial we will give a brief overview of how to use Affinity Designer Text ...

If you want to learn how to use an SVG file in Affinity Designer, then this tutorial is just for you. A SVG file usually contains individual pieces of the design, each on their own layer. We will show you how to access and use these layers in order to ...

Affinity Designer has a vast array of tools for creating and editing designs. One of these tools is the brush tool. Brushes are available for purchase in both vector format and raster format. They both work in a similar way however there are a fewdifferences.Locating the Brush ToolAfter opening ...

You may also like

Help Center
ol image