Digital Planner Rings - Color and Details
- Work with Stroke and Fill color and gradients in the Context Toolbar and the Color panel
- Draw with the Pen tool
- Work with the Effects panel and layer effects
Add A Gradient
- Select the shape with the Move tool. From the Context Toolbar, click the Stroke Color Swatch to open the dialog and click the Null icon (see screenshot).
- Click the Fill Color Swatch and select the Gradient tab in the dialog (see screenshot).
- Select the left end Color Stop and then click the Color Swatch below to open the Color dialog.
- Choose RGB Hex Sliders from the pop-up menu.
- Change the hex code to a dark gold Color #83631E.
- Repeat the previous steps for the right end Color Stop.
- Select the Midpoint Marker on the Gradient path and click the Insert button, to add a new Color Stop (see screenshot).
- Click the new Color Stop and the Color Swatch. Set the hex value to a lighter gold #EBDC79 in the Gradient tab (see screenshot).
- With the Gradient tab still selected, drag the left Midpoint Marker further to the left along the Gradient path (see screenshot). Move the right Midpoint Marker to the right.
You will see two Color Stops at the ends of the Gradient path and one Midpoint Marker in the center.
You now have three Color Stops with a Midpoint Marker between each. Let’s add more of the lighter gold color by moving each Midpoint Marker closer to the end Color Stops.
Add A Highlight Layer
- With the Move tool, click on the empty space outside of the Canvas to deselect the layers.
- With the Pen tool, draw a thin shape over the center of the ring (see screenshot).
- Set the Stroke to Null and the Fill to white (#FFFFFF) in the Color panel on the right side of the workspace (see screenshot).
- Rename this layer to Highlight in the Layers panel (see screenshot).
- From the Menu Bar, click View - Studio - Effects, to open the Effects panel. From the Effects panel on the right, select the Gaussian Blur layer effect (see screenshot).
- Return to the Layers panel and click the fx icon on the Highlight layer, to open the Layer Effects dialog. For the Gaussian Blur, set the Radius to 3 pixels and check the box for Scale with Object.
- Close the dialog (see screenshot).
- With the Highlight and Ring layers selected, set the Width to 245, the Height to 64, X to 14 and Y to 7 pixels.
If you need to resize the ring for another design, the Scale with Object option allows the Layer Effect to resize in the same proportions.
Now we need to resize the ring to the exact dimensions and position for use in the Cover Template.
Add the Holes
- Select the Ellipse tool and draw a circle at the right end of the ring shape. Set the Stroke to #999999 and the Fill to #333333 (see screenshot).
- Name this new layer Right Hole.
- In the Context Toolbar - Stroke panel, set the Width to 1 pt and set the Align value to Align Stroke to Inside (middle icon) (see screenshot).
- Drag the Right Hole layer under the Ring layer (see screenshot). On the Canvas, center the hole under the end of the ring.
- In the Transform panel, set the Width and Height to 80 pixels, X to 188 pixels and Y to 4 pixels.
- Right-click the Right Hole layer and choose Duplicate from the menu. Drag the new circle to the other end of the ring (see screenshot) and name the duplicate layer Left Hole (see screenshot).
- In the Transform panel, set the Width and Height to 80 pixels, X to 4 pixels and Y to 4 pixels.
Back | Next
Design a Digital Planner in Affinity Suite - Tutorial Series Index
Screenshots used by permission of Serif (Europe) Ltd. This article is not endorsed by Serif Ltd.
More Affinity Suite Tutorials
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.