1. Design & Illustration
  2. Invitation Design

How to Create a Wedding Program Fan Template

by
Read Time:11 minsLanguages:
Final product imageFinal product imageFinal product image
What You'll Be Creating

In this tutorial, you will learn how to create a wedding program fan template in Photoshop. I will explain everything in so much detail that everyone can create the wedding program template, even those who have just opened Photoshop for the first time.

Do you want to save time with a ready-made design? Check out this Wedding Wreath Wedding Invitation Template over on Envato Elements, where you can find thousands of awesome wedding program examples!

wedding wreath wedding invitation templatewedding wreath wedding invitation templatewedding wreath wedding invitation template

What You Will Learn in This Wedding Program Fan Template Tutorial

  • How to create a wedding template frame
  • How to create a wedding template's front page content
  • How to create a wedding template's back page content
  • Wedding program ideas

What You'll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating a Wedding Program Template

First, create a new file. Go to File > New and set the Width to 5.5 inHeight to 8.5 in, and Resolution to 300 px/in.

creating new wedding template filecreating new wedding template filecreating new wedding template file

2. How to Create the Wedding Template Frame

In this section, we are going to create the wedding template frame. Go to File > Place Embedded, select the frame_1 frame of the wide floral frames, and click Place. Then, set the Angle to 90° and the Width and Height to 133.40%, and position the photo as shown below. Name this layer Frame.

placing frameplacing frameplacing frame

3. How to Create the Wedding Template's Front-Page Content

Step 1

In this section, we are going to create the front-page content of the wedding template. Choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to Regular, size to 40 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Leading to 55 px and Tracking to 200. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 829 px and Y: 587.78 px.

creating new text layercreating new text layercreating new text layer

Step 2

Now select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Brignola, font style to Script, size to 150 px, alignment to Center, and color to #000000. Then, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 817.16 px and Y: 841.76 px.

creating new text layercreating new text layercreating new text layer

Step 3

Select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to Regular, size to 40 px, alignment to Center, and color to #000000. Then, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 824 px and Y: 946.28 px.

creating new text layercreating new text layercreating new text layer

Step 4

Now select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Brignola, font style to Script, size to 150 px, alignment to Center, and color to #000000. Then, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 824.16 px and Y: 1071.76 px.

creating new text layercreating new text layercreating new text layer

Step 5

Select the & layer, choose the Rectangle Tool (U), click anywhere inside the canvas to create a new rectangle shape layer, and set the Width to 358 px and Height to 2 px. Then, set the Fill Solid Color to #000000 and Stroke Solid Color to No Color. After that, position this layer with the coordinates X: 602 px and Y: 944 px and name it Horizontal_Line_1.

creating new rectangle shape layercreating new rectangle shape layercreating new rectangle shape layer

Step 6

Now press Control-J on your keyboard to duplicate this layer and drag this new layer just below the & layer in the Layers panel. Then, position the new layer with the coordinates X: 1047 px and Y: 944 px and name it Horizontal_Line_2.

duplicating layerduplicating layerduplicating layer

Step 7

Select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to Regular, size to 40 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Leading to 55 px and Tracking to 100. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 826 px and Y: 1303.78 px.

creating new text layercreating new text layercreating new text layer

Step 8

Now select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to SemiBold, size to 50 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 200. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 830 px and Y: 1514.63 px.

creating new text layercreating new text layercreating new text layer

Step 9

Select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to Regular, size to 40 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Leading to 55 px and Tracking to 100. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 827.75 px and Y: 1678.78 px.

creating new text layercreating new text layercreating new text layer

Step 10

Now select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to Italic, size to 40 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Leading to 55 px and Tracking to 100. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 826 px and Y: 1967.72 px.

creating new text layercreating new text layercreating new text layer

4. How to Create the Wedding Template's Back-Page Content

Step 1

In this section we are going to create the back-page content of the wedding template. Go to Image > Duplicate to duplicate the front-page design file, and in the newly opened file, delete all the layers in the Layers panel except the Background and Frame layers.

duplicating fileduplicating fileduplicating file

Step 2

Now choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to SemiBold, size to 50 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 200. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 828 px and Y: 552.63 px.

creating new text layercreating new text layercreating new text layer

Step 3

Select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to Regular, size to 40 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 100. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 828.75 px and Y: 629.28  px.

creating new text layercreating new text layercreating new text layer

Step 4

Now select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to SemiBold, size to 50 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 200. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 828 px and Y: 762.63 px.

creating new text layercreating new text layercreating new text layer

Step 5

Select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to Regular, size to 40 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 100. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 826.75 px and Y: 839.28 px.

creating new text layercreating new text layercreating new text layer

Step 6

Now select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to SemiBold, size to 50 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 200. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 828 px and Y: 972.63  px.

creating new text layercreating new text layercreating new text layer

Step 7

Select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to Regular, size to 40 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 100. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 825.75 px and Y: 1049.28 px.

creating new text layercreating new text layercreating new text layer

Step 8

Now select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to SemiBold, size to 50 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 200. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 828 px and Y: 1182.63  px.

creating new text layercreating new text layercreating new text layer

Step 9

Select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to Regular, size to 40 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 100. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 828.75 px and Y: 1259.28 px

creating new text layercreating new text layercreating new text layer

Step 10

Now select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to SemiBold, size to 50 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 200. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 831 px and Y: 1392.63 px.

creating new text layercreating new text layercreating new text layer

Step 11

Select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to Regular, size to 40 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 100. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 826.75 px and Y: 1496.78 px

creating new text layercreating new text layercreating new text layer

Step 12

Now select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to SemiBold, size to 50 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 200. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 831 px and Y: 1657.63 px.

creating new text layercreating new text layercreating new text layer

Step 13

Select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to Regular, size to 40 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 100. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 826.75 px and Y: 1761.78 px

creating new text layercreating new text layercreating new text layer

Step 14

Now select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to SemiBold, size to 50 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 200. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 829 px and Y: 1922.63 px.

creating new text layercreating new text layercreating new text layer

Step 15

Select the Frame layer, choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to Regular, size to 40 px, alignment to Center, and color to #000000. Then, in the Character panel, check the All Caps option, and set the Tracking to 100. After that, click anywhere inside the canvas, type the text below, and position this layer with the coordinates X: 828.75 px and Y: 1999.28 px

creating new text layercreating new text layercreating new text layer

You Made It!

Congratulations, you have succeeded! You've learned how to make a wedding program paddle fan template and how to design wedding program fans. Here is our final design:

final resultfinal resultfinal result

5 Best Wedding Program Ideas

Want to see some of the best wedding program templates? Check out this list of wedding program examples from Envato Elements. Enjoy incredible wedding program fan templates!

Wedding Wreath Wedding Invitation Template (PDF, PSD)

wedding wreath wedding invitation templatewedding wreath wedding invitation templatewedding wreath wedding invitation template

This wedding invitation template has a beautiful design, and it's a great choice to inform your guests of your wedding day. The design is editable and customizable, and the layers are well organized. You can achieve many different wedding themes with this template.

Dark Watercolor Wedding Templates (PSD)

dark watercolor wedding templatesdark watercolor wedding templatesdark watercolor wedding templates

Here we have a wedding template pack that includes invitation cards, information cards, menus, RSVPs, and save the date templates, including eight cards in total. With some text and structure adjustments, you can use these templates not only for weddings, but also for birthdays or other celebrations.

Wedding Invitation Template (AI, EPS)

wedding invitation templatewedding invitation templatewedding invitation template

Here's another invitation template design including a wedding card, bridal shower, and engagement invitation. The layers are well organized, and you can easily change the fonts, shapes, and background color.

Wedding Invitation Template (PSD)

wedding invitation templatewedding invitation templatewedding invitation template

This wedding invitation template features a bright and colorful design. The files are professionally and cleanly structured, and there are A4 and A5 sizes included. The text is fully editable, and only free fonts are used.

Wedding Invitation Card Template (PSD, JPG)

wedding invitation card templatewedding invitation card templatewedding invitation card template

This is a multipurpose wedding invitation template. You can use it for save the date cards, anniversary invitations, or bridal shower or engagement invitations. It's easy to customize, and you can edit this Photoshop template even if you're not a professional designer.

Did you like this tutorial on how to create a wedding program paddle fan template? Then you may also like:

One subscription.
Unlimited Downloads.
Get unlimited downloads