In this tutorial, we will be designing a clean and elegant wedding invitation in Photoshop. To do this we will be using the beautiful Victoria script typeface from Blessed Print and a wedding invitation mockup from the Design Cuts Marketplace. The font we will be working with is from The All-Purpose Creative’s Design Kit – our latest bundle completely bursting at the seams with hundreds of beautiful resources! Each pack in this new collection has been lovingly put together by the designers to help save you heaps of time and get you working straight away on all of your creative projects. If you’re all ready to feel the love then fire up Photoshop and let’s begin!
HAVE YOU SEEN OUR YOUTUBE CHANNEL?
Watch the video tutorial below and subscribe to our YouTube channel for regular updates direct to your inbox.
Here’s a look at what we’ll be creating:
Follow along with this tutorial: Download the freebie files
This freebie pack is just a small sample of what you can expect to find in The All-Purpose Creative’s Toolkit for just $29! You will find everything from logo creation kits, floral elements, PS effects, watercolors, vintage brushes, fonts, and so much more! All available for 98% off!
Step 1: Elegant Wedding Invitation
To get started, let’s open the ‘vp1.psd’ file from Tabita’s Shop in the freebies folder. This is one of several beautiful peony wedding invitation mockups you will find in the full product from the Design Cuts Marketplace that you can check out here.
Once you have opened the PSD file let’s double click on the second layer which is a Smart Object that allows us to customize the design of our invitation.
We are now inside of the Smart Object and this is where the fun begins! Let’s start off by clicking on the Adjustment Layer icon and adding a ‘Solid Color…’ Adjustment Layer as shown here:
For the fill, let’s use an off-white cream color such as the hex value ‘#F8F6F2’ and then press ‘Return’ or click ‘OK’ twice to apply the changes and close out of both panels.
Step 2: Floral Background
Next, go to the File menu and choose ‘Place Embedded …’ from the dropdown menu.
For this step, we will use the ‘Rose 10.png’ file from ‘Vector Hut’. This is a nice rose illustration that we will be using in the background of our invitation, and it’s just one of many superbly detailed and high quality illustrations you can expect to find in the full design bundle! Now once you have the file selected, simply click ‘Place’ from the bottom right corner.
Please note: Unfortunately, we are unable to offer the Rose Illustration included with this tutorial, but there is an array of options available on the internet by searching for ‘free rose illustrations black and white’. We hope you can find a suitable one!
After bringing in the rose illustration, scale it up from the center by dragging outwards from any of the four corners of the bounding box while holding the Alt/Option+Shift keys together until it’s about the same size as the example below:
Press ‘Return’ to apply the transformation and size change and then double click on the layer to open the Layer Style panel and check off the ‘Color Overlay’ option.
For the fill color, let’s use the hex value ‘#E5A4C0’ and then click ‘OK’ or press ‘Return’ twice to close out and apply the changes.
Step 3: Grouping The Background
Select the first Smart Object layer (this should be the ‘Rose 10’ layer) and then hold the Shift key and select the bottom ‘your design’ layer so all three layers are selected simultaneously as shown here:
With your layers selected, press Command/Ctrl+G to place them into a new folder and double click the ‘Group 1’ text to rename the folder ‘BACKGROUND’ placing all of the layers into this new folder.
Step 4: Alicia Text
Create a new layer and switch over to the Type Tool (T) before clicking your cursor in the middle of the canvas and towards the top. From here we will type out the name ‘Alicia’ and then open up the Character panel (found under the Window menu). Let’s change the typeface to the Victoria script (may show up as ‘BP-Victoria’) and then make the type about ’70 pt’.
If we return to the Window menu and choose the ‘Glyphs’ panel we can highlight the uppercase ‘A’ in the name and then see a nice variety of alternatives for this letter. In this case I will be using the second alternate in the top row as shown below:
Let’s also click and drag to highlight the last ‘a’ in the name and then choose an alternate for the lowercase letter as well.
Back in the Character panel we can highlight the whole name and change the ‘Color’ to the hex value ‘#224171’ as shown here:
Step 5: Vince Text
Create another new layer and then use the Type Tool (T) once again to type out the name ‘Vince’. Here we will be using the same settings that we used for the ‘Alicia’ text.
Once again, highlight the uppercase ‘V’ in the name and then open the ‘Glyphs’ panel where we can see a nice variety of alternatives for this character. Here I will be using the alternate character highlighted in the image below:
Now for the lowercase ‘e’ at the end of the name we can select a nice alternate character that has a bit of a hook to it like the one shown here:
Step 6: Catchword
Let’s make another new text layer between the two names and type out the word ‘and’ in all lowercase. Using the same ‘BP-Victoria’ typeface, make the word about ‘21.67 pt’ with the same blue fill color that we used before – ‘#224171’.
After placing the word ‘and’ in between the two names, press the letter ‘U’ on the keyboard to switch to the Rectangle Tool. In the top toolbar we want to check to make sure that our ‘Fill’ color is the same blue as our text.
From here, click and drag on your canvas to create a thin, medium length line to the right of the word ‘and’ like this:
Select the first line and press Command/Ctrl+J to duplicate it, and then hold the Shift key and the left arrow to slide this copy over to the opposite side.
Step 7: Name Group
Next, select the ‘Alicia’ text layer, or which ever layer is at the top of your Layers Palette, and then hold the Shift key and select the bottom layer just above your ‘BACKGROUND’ folder.
With your layers selected, press Command/Ctrl+G to place them into a new folder. Double click on the ‘Group 1’ text and then change the folder name to ‘NAMES’ as shown below:
Step 8: Secondary Text
Create another new layer and use the Type Tool (T) to type out ‘REQUEST YOUR PRESENCE AT THEIR WEDDING’ with a line break after the word ‘PRESENCE’. Return to the Character panel and change the typeface to a condensed sans serif font such as ‘Acumin Variable Concept’ in a regular condensed style. If you don’t have this particular typeface you can use any other nice looking condensed sans serif. Let’s change the size of the type to about ‘8.88 pt’ and change the line spacing to ‘11.62 pt’ with the same solid blue color we used earlier (‘#224171’).
Press Command/Ctrl+J to duplicate the layer and then hold the Shift key and the down arrow to slide the text down towards the bottom leaving a good amount of space in between. Next, double click inside of the text box with the Type Tool (T) and change the text to read ‘OCEAN VIEW HOTEL’ then add a line break and continue with ‘SAN DIEGO • CALIFORNIA’ as shown below:
Step 9: Save The Date
Create a new layer and then between the two pieces of secondary text from the previous steps, type out the word ‘Sunday’ using the ‘BP-Victoria’ typeface. For this we will make the size of the text about ’17 pt’ and use the same blue fill color as before. Just like we did with the names, you can experiment with a different uppercase ‘S’ and lowercase ‘y’ using the Glyphs panel.
Add another text layer just to the right of the word ‘Sunday’ and type out the number ‘8’. We will keep all of the settings the same here except we want to increase the size of the text to about ‘46.39 pt’ as shown below:
Select the ‘Sunday’ layer and press Command/Ctrl+J to duplicate it, and then hold the Shift key and the right arrow to move it to the other side of the number ‘8’. Click inside of the text box and change the text to read ‘November’ with a nice looking ‘N’ and lowercase ‘r’.
Step 10: 2019
Select either of the condensed sans serif text layers and duplicate it by pressing Command/Ctrl+J and then move this copy just below the number ‘8’ and click inside of the text box to change it to ‘2019’. We can leave the other settings here the same.
Step 11: Time Of Day
Create another new layer and use the Type Tool (T) to type out ‘FIVE O’CLOCK IN THE EVENING’ in all uppercase letters. Click your cursor two or three times inside of the text box to highlight the entire line of text and then use the Character panel to change the typeface to a thin slab serif font – here I am using a typeface called ‘Emy Slab’ but feel free to use any other slab serif such as ‘Rockwell’ or something similar. Let’s go ahead and change the size of this text to about ‘9.41 pt’ and use the same blue fill color that we have used for the rest of our text.
Step 12: Time & Date
Next, select the layers between the ‘NAMES’ folder and the ‘BACKGROUND’ folder so all of the text layers are selected together.
With all of these text layers still selected, press Command/Ctrl+G to place them into a new folder and double click the ‘Group 1’ text to rename the folder ‘TIME & DATE’ as shown below:
Step 13: Custom Card Color
Now that we have designed the front of our invitation, save the Smart Object by pressing Command/Ctrl+S and then once it has saved press Command/Ctrl+W to close the window and return to the main mockup PSD file. Once you are back inside of the mockup, double click on the color thumbnail of the ‘BACK CARD’ layer highlighted here:
Change the fill color to the hex value ‘#EC82AA’ and then press ‘Return’ or click ‘OK’ to apply the color changes.
We have now wrapped up our elegant wedding invitation design and mockup! To create our invitation we’ve used a gorgeous peony wedding mockup from Tabita’s Shop that we’ve combined with the Victoria script typeface from Blessed Print. Remember that the resources we have used for the tutorial are just a tiny sampling of the stunning array of high quality resources you will find in this all new design bundle! The All-Purpose Creative’s Design Kit is just what you need to spark your creativity and ensure that you are prepared with everything you need to tackle your next design project.
Remember that whether it’s your outcome for this tutorial or something new you’ve made, we’d love to see your designs on our Facebook page.
Please leave a comment if you have any questions or suggestions. I always look forward to hearing from you!
There’s still time to check out The All-Purpose Creative’s Design Kit featuring beautiful design resources from artists such as The Artifex Forge, Blessed Print, Eclectic Anthology, Lisa Glanz and many more for an unbeatable price of just $29!