Digital Planner Cover Template - Planner Rings
- Save your project in both the default .afpub format and the .aftemplate template format
- Use StudioLink to switch between workspaces within Publisher
- Use the Symbols panel to create a symbol and eleven instances (copies)
For this series of tutorials, we are using the GoodNotes Portrait Letter page size for our template. Most disc-based physical planners of this size, such as Staples Arc, Levenger Circa, Office Depot OfficeMax TUL and The Happy Planner, have eleven discs or rings. So we will give our digital planner the same number of rings. After making a few digital planner covers for sale, you will realize that placing eleven rings and spacing them evenly along the edge of the cover is a task that calls for Designer's Symbols feature.
Affinity Designer SymbolsHow does the Symbols feature work? By converting the first binder ring Picture Frame placeholder in to a Symbol and making ten copies, called instances, of that Symbol, we will have our eleven rings. As this will be a reusable template, we will add the Binder Ring Placeholder .png that you have downloaded in to the first Picture Frame before converting it to a Symbol. For each new design, we can easily replace the placeholder graphic for all eleven of the evenly spaced rings at the same time. By making that change to one Symbol, all of the other Symbols will update to reflect that change.
Let's Get Started
- Open your working file in to Affinity Publisher.
- With the Front Cover Placeholder layer active, use the Picture Frame Rectangle tool to draw a small rectangle at the top left of the Canvas. Name the new layer Ring.
- In the Transform panel, the Width should be 272 pixels and the Height should be 88 pixels. Set the X position to Zero and the Y position to 176 pixels (see screenshot).
- With the Ring layer active, click the Properties button from the Context Toolbar and choose the first option, Scale to Max Fit (see screenshot).
- Click the Place Image tool in the Tools panel and select the downloaded Binder Ring Placeholder .png. You should see the .png graphic inside the Picture Frame and as a sublayer of the Ring layer (see screenshot).
- To switch to the Affinity Designer workspace, click the Designer Persona icon in the Toolbar (see screenshot).
- From the Menu Bar, click View - Studio - Symbols, to open the Symbols panel.
- With the Ring layer still selected, click the Create icon in the Symbols panel.
- In the Layers panel, you will see a new Ring (Symbol) layer, with the Ring (Picture Frame) as a sublayer (see screenshot).
- From the Layers panel, right-click on the Ring (Symbol) layer and choose Duplicate (see screenshot).
- With the Move tool active, select the bottom Ring (Symbol) layer in the Layers panel. Go back to the Canvas and drag this ring below the first (see screenshot).
- Select the last ring at the bottom of the Canvas. In the Transform panel, set the Y value to 2644 pixels (see screenshot).
- In the Layers panel, select all of the Ring layers. From the Menu Bar, click Layer - Alignment - Distribute Vertically (see screenshot).
- From the Toolbar, click the Publisher Persona icon.
- In the Layers panel, select all eleven Ring layers. Right-click and choose Group. Name the new group layer Left Side Binder Rings (see screenshot).
- Click File - Save to save the working template document in the default .afpub format.
- From the Menu Bar, click File - New to open the New Document dialog. Click Templates on the left (see screenshot).
- Click the Add Folder button to open the file browser window and give your new template folder a name and location. Click Create to close the window.
- Back in the Publisher workspace, click File - Export as Template (see screenshot). Publisher will open your new template folder. Let's keep the same name for our template as our working file, Digi Planner Cover PDF. Click Save and the template will be stored in our template folder with the special template file extension .aftemplate.
Let's add the Binder Ring Placeholder .png.
Let’s go to the Designer workspace and make this a Symbol.
You will see a new Symbol thumbnail named Ring added to the Symbols panel (see screenshot).
Now that we have our Symbol, let’s duplicate it ten times, which will give us eleven instances of the Symbol.
On the Canvas, you will get a second ring on top of the first.
Repeat this step nine times, duplicating the bottom-most Ring (Symbol) layer each time (see screenshot).
By setting the Y values for the first and last binder rings, we are telling the software the total vertical space for the eleven rings. Now we can space all of the rings evenly within this vertical space.
You will see the placeholders move in to a perfectly spaced list (see screenshot).
We are finished with the Symbols feature, so let's return to the Publisher workspace.
Let's clean up the Layers panel a little by grouping all of the Ring layers together in to a group layer.
That’s our template. It’s ready for you to replace the placeholder graphics with your design cover and ring graphics. Let's save the file.
Now, we will save the file as an Affinity template in the .aftemplate format. If you haven't saved any templates yet, you first need to create a folder for storing the template files.
Now, we can save our template.
Note: To open your template for a new project, just click File - New and go to the Templates window in the New Document dialog. Just select the template thumbnail and click Create. Publisher will open the template as a new untitled document (see screenshot).
What's Next for the TemplateNow that we have a working cover template, saved as an Affinity template, we can use this template to export digital planner covers for sale in our shop. We will also use this template as a starting point for building a complete digital planner template, including a dashboard, tabbed section dividers, styled pages, calendar pages and more.
Design a Digital Planner in Affinity Studio - Tutorial Series Index
Screenshots used by permission of Serif (Europe) Ltd. This article is not endorsed by Serif Ltd.
More Affinity Suite Tutorials
Powered by Creative Market
Editor's Picks Articles
Top Ten Articles
Content copyright © 2019 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.