Photoshop tutorials – how to design a wedding order of service booklet

2
1737

Learn how to design a Wedding Order of Service booklet in Adobe Photoshop with our expert, easy-to-follow video tutorial

This video is part of our Adobe Creative series of design tutorials. Please make sure to subscribe to the Solopress YouTube channel so you don’t miss out on future guides.

How To Design A Wedding Order Of Service Booklet

Head to the Solopress website to download the free Photoshop A4 template guide as a base for your Wedding Order of Service.

Open the Photoshop file, we have created a guide layer that will help you design your Order of Service – this includes the bleed area, trim and safe area.

Bleed Area – Anything here will be trimmed off, but remember to extend any colouring or images into this bleed area to avoid white lines appearing during the print finishing stages.

Trim – Your job will be cut on the solid black line, any images or text placed in this area may be trimmed off incorrectly.

Safe Area – Keep all your information insides the white area. Remember to use high-resolution images (300dpi) for the best results.

Create a new guide by clicking and dragging on the vertical and horizontal Ruler (if your Ruler does not appear in Photoshop press Command + R).

Create 4 new guides on the safe area line. In this video I have created 2 lines that run through the centre vertically and horizontally, you can set these to the exact measurement by clicking View – New Guide then entering 105mm for vertical and 148.5mm for horizontal.

11

In this video, I’m going to create a 1920’s “Great Gatsby” themed Order of Service, filled with vintage glamour.

Let’s get started!

Now you’ve got your guides in place, we can now get started on the background. To make a solid colour background click Layers-New Fill Layer-Solid Colour. In this demonstration I’m using a fill colour instead of an image because I am going to add shapes and patterns to give it depth.

3

Using the Shapes Tool (found in the Tool Bar) I make a rectangle with no fill and a thick stroke. This is going to act as my border.

To fill the area inside my border, I’ve pre-prepared a background mesh to fill the area inside the rectangle. To insert images, simply drag it from your Explorer (Windows) or Finder (Mac) folder. To resize, pull the corners until it fits, to keep the original aspect ratio hold the “Shift” key whilst you pull the corners.

To add extra depth, I’m going to add another rectangle to sit the text on. I’ve drawn only half of the rectangle because I’m going to distort the shape, then copy and connect it together to make a tapered shape. After placing my half rectangle, I select Edt – Transform – Distort. This allows me to pull at the corners and change the angles of the shape. After performing that action, I duplicate the layer by right clicking on the layer and selecting Duplicate. With the new layer selected I go to Edit – Transform – Flip Vertical to flip the image upside-down. Now just to connect the two in the middle, highlight both of the layers, right click and select “convert to smart object” to merge the two into one layer, making it easier to work with.

13

I now wanted to layer more rectangles, to copy I select Duplicate again and again until I have all of the layers that I want. In between I want to change the colour to an embossed gold. On the layers that I want to change I right click on them and select “Blending Options”. To get the sheen effect I use a Gradient Overlay and select two different shades of gold. Then to give it depth I use the Emboss option.

14

To give a bit more detail, I’m going to add some decoration to the corners by dragging pre-prepared images onto my project.

To add extra decadence to the design, I’ve made an art-deco cinema sign to put the date in at the top.

Now let’s add text, you can add text using the Text Tool (Found in the Tool Bar). I’ve chosen two art deco fonts to use on this project. After all of my writing is complete, I can use the same metallic effect that I made for the borders on the font, using exactly the same method.

To stick with the theme, for the back page I am going to add a silhouette of the happy couple.

Now the outside of the Order of Service is finished, I need to make the inside, but I want to use exactly the same theme inside. To do this as quickly as possible, Save the current project, then Save it again but under a different name (using Save As). After it’s saved under a different file name, simply delete the layers you don’t need, then ta-da, you’ve quickly laid your foundation for the inside.

So for the inside I’m going to use the same gold bordered rectangle for both pages, I simply Duplicate the rectangle and drag it over to the other side of the page.

Carry on adding text, images and any other items you wish until your finished!

Before getting it printed, REMEMBER to delete the template layer on both of your project files. Save it as a PDF in the Save As menu and select High Print Quality.

15

There you have it old-sport, a hotsy-totsy Order of Service for your wedding! Now let’s all get zozzled and do the Charleston!

16

If you have any comments or questions regarding designing a Wedding Order of Service booklet, please use the comments section below and we’ll do our very best to answer your queries.

For more expert video guides to professional creative and design applications, visit the Solopress YouTube channel or stay tuned to the Solopress Blog.

Thanks for watching our video tutorial.

2 COMMENTS

  1. Thanks for the straightforward and well written article. I’m new to Photoshop and it’s all quite overwhelming at the moment. This has helped immensely.

LEAVE A REPLY

Please enter your comment!
Please enter your name here