Official website for iCreate - the creative magazine for Mac users

FOLLOW US ON:

Nov 7, 2011

Tutorial: Design a newsletter in Pages

by Stephen Ashby

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

Tutorial: Design a newsletter in PagesTutorial: Design a newsletter in PagesWhen 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.

Tutorial: Design a newsletter in PagesTutorial: Design a newsletter in Pages

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.

Tutorial: Design a newsletter in Pages

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.

Tutorial: Design a newsletter in Pages

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.

Tutorial: Design a newsletter in Pages

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.

Tutorial: Design a newsletter in Pages

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.

Tutorial: Design a newsletter in Pages

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.

Tutorial: Design a newsletter in Pages

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.

Tutorial: Design a newsletter in Pages

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.

Tutorial: Design a newsletter in Pages

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.

Tutorial: Design a newsletter in Pages

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.

Tutorial: Design a newsletter in Pages

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.

Tutorial: Design a newsletter in Pages

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

Tutorial: Design a newsletter in Pages

  • Tell a Friend
  • Our Twitter provides the latest breaking apple news, reviews, tutorials and downloads online and our Facebook fan page is the best place to communicate with other iCreate fans.