Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196

Tutorial: Design a newsletter in Pages

Learn some simple design tricks and apply them to a family newsletter

When it comes to ‘design’, there are a few basic rules that should be adhered to in order to create a product that is eye-catching, legible and well-balanced. By following a few simple steps, you’re going to learn some of these design skills and become versed in how to apply them to your own creations. In this case, we’re going to create the ultimate family newsletter, using the same rules that are applied to newspapers, books and magazines worldwide. Although it will take a bit of practice to define your skills, it’s easy to learn the basics and once you have mastered them, you can apply them to virtually everything that you do from now on, from using grid structures to using typography effectively, this tutorial will help you create much more professional-looking work. Before you start, you may find it helpful to sketch out on paper how you want your newsletter to look, from where each story will go, to where you will place images.

1: Blank template
Open Pages and choose a blank page from the template chooser. First of all, we’re going to create the masthead so head up to the Shape menu.

2: Masthead
Use the colour palette to give your shape a background colour and then use the Text box to create the text and the Font palette to format it.

3: Subhead
Make sure the main text is big and the chosen font is legible, then add a small subhead underneath, such as the date and type of periodical.

4: Main story
All newspapers start with a big story, so create a big headline using the format bar to style the text, we’ve used the same font as the masthead but in bold.

5: Qualifier and body text
Add a short qualifier after the headline in smaller text, then add the body copy in even smaller text. Use the layout Inspector to add columns.

6: Add images
You need a big lead image for your front cover, so open the Media panel and drag your chosen image across. Use the guides to align each element.

7: Frames
Using the Graphic Inspector, give your image a frame for a more three-dimensional look . Go to Edit>Mask to change how the image sits within the frame.

8: Rotate
Hold down the Command key and hover the mouse over a corner point to rotate the image inwards – this leads the viewer into the page.

9: Make it work
Make your story work harder by adding smaller images, picture captions and a pull-quote. All these elements help to capture the viewer’s attention.

10: Secondary story
Add a smaller, secondary story at the bottom of the page to add dynamism. Add a background to make clear that it’s a separate story.

11: More pages
From the Sections menu add a new blank page for your inside front cover. Adopt the same principles that we have used for the front cover.

12: Duplicate
When you’ve finished that page, it may be easier to duplicate the page and work over the top. Select it from the panel, hold down Ctrl and select Duplicate.

Click Image to Enlarge