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.

13. In the Layers panel, rename the (Anchor) layer to Index (Anchor) (see screenshot).

Let's move the Anchor text to the very top of the page.


14. In the Transform panel, select the top left corner of the Anchor Point Selector.


15. With the Index (Anchor) layer still selected, set the X and Y values to zero in the Transform panel (see screenshot).

Now we will make the anchor text invisible.


16. With the Move tool, triple-click the anchor text to select all the text. From the Context Toolbar, select the Fill color box and set the Opacity to zero (see screenshot).


17. Repeat these steps for each inside page from Page 3 through Page 21, using the list as a guide (see list). After you load a new page in to the Layers panel and select the Artistic tool, you will need to reset the Opacity for the Fill color back to 100%.

Now let's go to the Inside Page master page and add the hyperlinks.


18. In the Master Pages panel, select the Inside Page master page.


19. In the Layers panel, open the Top Tabs group layer and then open the Index group layer. Select the top Tab layer (the colored tab).


20. Rename the layer from Tab to Index Tab (see screenshot).


21. On the Canvas, right-click on the tab and choose Interactive - Insert Hyperlink.


22. In the Hyperlink Properties dialog, set the Hyperlink Type to Anchor and the Anchor drop-down list to Index (see screenshot). Click OK.

Repeat these steps for each of the Side Tabs and the six custom section tabs on the top. Always select the top Tab layer, which is the colored tab and not the tab shadow layer. Remember that the front and back covers do not get hyperlinks.

Let's test the hyperlinks using the Hyperlinks panel.


23. Double-click the Front Cover thumbnail (Page 1) in the Pages panel ( not the Master Pages panel), to display the Front Cover in the Canvas.


24. To open the Hyperlinks panel, click View - Studio - Hyperlinks in the top menu.


25. In the Hyperlinks panel, select the Index Tab hyperlink. At the bottom of the Hyperlinks panel, click the Go To Target icon (see screenshot).

You should see the Canvas display the Index page (Page 2).


26. Moving down the list, select each tab hyperlink and click Go To Target. The corresponding page should display in the Canvas.


27. Click File - Save to save the working .afpub file.

In the next tutorial, we will replace the blank graphic in the Picture Frame Inside Page placeholder with a nicer design graphic that will better indicate it's purpose.

Back

Design a Digital Planner in Affinity Suite - Tutorial Series Index
More Affinity Suite Tutorials
Screenshots used by permission of Serif (Europe) Ltd. This article is not endorsed by Serif Ltd.

Powered by Creative Market