Design a Digital Planner in Affinity Suite

* INDEX Design a GoodNotes Planner in Affinity Suite
In these tutorials about designing a GoodNotes digital planner, you will learn how to use the Affinity Suite software, as well as build several reusable templates that can be used to create any number of planners.
Building the Digital Planner Inside Page Master
At this point in the Design a Digital Planner in Affinity Suite tutorial series, we are ready to build the inside page master.
Designing a Digital Planner - First Steps
So you want to make your own digital planner for GoodNotes. But, where do you start? I've done a lot of research and I've found that, so far, there aren't any set rules. Each digital artist has their own preferences. However, there are a few common factors.
Digital Planner Cover Template - Planner Cover
Let's continue working on our digital planner cover template in Affinity Publisher.
Digital Planner Cover Template - Planner Rings
In this tutorial, we will complete our digital planner cover template in Affinity Publisher. Concentrating on the cover layout, we are ready to add the Picture Frame placeholders to the template layout for the binder rings.
Digital Planner Cover Template Affinity Suite
In this tutorial, we will begin building a template for assembling a digital planner cover in Affinity Suite.
Digital Planner Ring Template - Affinity Designer
When designing your digital planners, you can include the same features as physical planners. Your planner can have section tabs with hyperlinks, binder rings, elastic bands, section dividers and much more. In this tutorial, you will make your own digital binder rings in Affinity Designer.
Digital Planner Ring Template - Color and Details
In the last tutorial, we created the basic shape for a digital planner binder ring in Affinity Designer. Let's continue working on the binder ring by adding color and details.
Digital Planner Ring Template - Color Variation
In the last two tutorials, we built a planner ring for our digital planner. Now, let’s add some shadows and take a look at a variation in color.
Digital Planner Template Sections
Before we can add the tabs and hyperlinks in to our planner, we need to decide what pages we want to include.
Dot Seamless Repeat Pattern - Affinity Designer
In this tutorial, we will use the Live Repeat Pattern Preview template to design a dot pattern repeat template.
From Digital Planner Cover to Full Digital Planner
Now, we will start with this front cover template, add a back cover and inside planner pages with hyperlinked tabs, and end up with a new template for exporting a complete digital planner PDF for sell in your shop.
Full Digi Planner PDF Template - Anchors
At this point in the Design a Digital Planner in Affinity Suite tutorial series, we will add some new pages to the Pages panel and create the hyperlink and anchors for these pages.
Full Digi Planner PDF Template - Back Cover
Now we will use this Front Cover master page to create a second master page for the back cover design.
Full Digi Planner PDF Template - Export PDF
It will be a PDF file that you will import in to GoodNotes as your digital planner.
Full Digi Planner PDF Template - Front Cover
We will be opening a copy of the template and creating our first master page for a more complete digital planner template.
Full Digi Planner PDF Template - Inside Page
At this point in the Design a Digital Planner in Affinity Suite tutorial series, we will build the Master Page for the inside pages of our Full Digi Planner PDF Template.
Full Digi Planner PDF Template - Links
At this point in the Design a Digital Planner in Affinity Suite tutorial series, we will continue to work on the page anchors and hyperlinks.
Full Digi Planner PDF Template - Links on Pages
At this point in the Design a Digital Planner in Affinity Suite tutorial series, let's continue working on the Index page links. At this point we had created the first hyperlink rectangle. Before we attach a hyperlinks, let's duplicate this layer 21 times.
Full Digi Planner PDF Template - Page Hyperlinks
At this point in the Design a Digital Planner in Affinity Suite tutorial series, we have created the page anchors and attached each anchor to a hyperlinked tab. Now we will add more hyperlinks on to the Index and Year-at-a-Glance pages. You will learn the following.
Full Digi Planner PDF Template - Page Side Tabs
At this point in the Design a Digital Planner in Affinity Suite tutorial series, we are ready to add the tabs in to our planner, starting with the calendar side tabs.
Full Digi Planner PDF Template - Page Top Tabs
At this point in the Design a Digital Planner in Affinity Suite tutorial series, we have created the side tabs. Let's continue the process for the six section top tabs. We will also make a smaller tab that will go to the Index page.
Full Digi Planner PDF Template - Planner Pages
There are several types of hyperlinks in Affinity Publisher. For the tabs in our digital planner template, we will use the Anchor hyperlink.
Full Digi Planner PDF Template - Side Tab Labels
At this point in the Design a Digital Planner in Affinity Suite tutorial series, we will work on the labels for our digital planner tabs. As stated previously, we have side tabs for the Year-at-a-Glance calendar page and for each monthly calendar page.
Full Digi Planner PDF Template - Test & Export
Our last steps are to test the hyperlinks on the Index and Year-at-a-Glance pages and export our finished template.
Full Digi Planner PDF Template - Top Tab Icon
At this point in the Design a Digital Planner in Affinity Suite tutorial series, we are ready to add labels to the top and side tabs. We will start by creating an icon for the Index tab.
Full Digi Planner PDF Template - Update Graphics
At this point in the Design a Digital Planner in Affinity Suite tutorial series, we have completed the master pages and assembled the document pages for our digital planner. Let's replace the blank placeholder graphic with graphics that reflect the purpose for each of the pages.
Full Digital Planner - Inside Page Master Page
Let's continue to work on our Inside Page master page for the Full Digi Planner PDF Template. As stated previously, the Inside Page master will have two Picture Frame placeholders. by adding the second Picture Frame for the Inside Page Placeholder graphic.
Intro Design a Digital Planner in Affinity Suite
In these tutorials about designing a digital planner, you will learn how to use the Affinity Suite software, as well as build several reusable templates that can be used to create any number of planners.
Live Repeat Pattern Preview Template - Artboards
In this tutorial, we will build a template in Affinity Designer that we can use to easily create seamless repeat surface pattern designs specifically for digital planner covers, dividers and other design assets.
Live Repeat Pattern Preview Template - Symbols
In this tutorial, we will continue to work on our live repeat pattern preview template, using the Symbols feature in Affinity Designer to drive the live preview.
Top Ten Articles
Previous Features
Site Map
Content copyright © 2018 by . All rights reserved.
This content was written by . If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.