Create a Summer Music Festival Poster in Adobe Illustrator and Photoshop
WHAT WE’RE CREATING:
Hello designers! Dawid here with an Illustrator and Photoshop tutorial showing you how to create a poster advertising a Summer Music Festival. This design is all about having fun with different fonts and colors. Get ready for a typography feast!
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 includes incredible resources from Callie Hegstrom, Font Forecast and My Creative Land.
The freebie pack is just a tiny taste of the resources available in The Exceptional, Best Selling Font Selection for just $29 (that’s 99% off). With this bundle, we’ve listened to the Design Cuts community and have included tons of fantastic script, brush, hand written and sans serif fonts from world class font designers.
Step 1: The Base
Open Illustrator and go to File > New. In the New Document dialog box name your file “Summer Music Festival”. Enter a width of 18 inches and a height of 24 inches. Set your Resolution to 300 ppi and your Color Mode to RGB.
Click OK to create the document.
Save your file.
We’ll start with a simple, temporary background that will make the design process visually a bit cleaner. Grab the Rectangle Tool. Click on the artboard and enter 18in for width and 24 in for height.
Fill the rectangle with a dark grey color. I used #26203A. Don’t forget to remove the stroke. Align the rectangle with the artboard so it covers it completely.
Double click the layer with the rectangle and name it “Background”. Since the background rectangle will be just a visual aid, you can lock the layer.
Step 2: The Colors
This project is not just a typography feast, but also a color feast so now let’s create color swatches for the project.
Alt or option click the Create a new layer icon in the layers panel and name the layer as Swatches.
With the Rectangle Tool create 6 rectangles. Each one of them will have a different fill color and no stroke:
The first rectangle will have a E7644F fill.
The second one will have a F3AD94 fill.
The third one will have a FFD154 fill.
The fourth one will have a 44C0C2 fill.
The fifth one will have a 332E7D fill.
The last one will have a D973A9 fill.
Now grab all rectangles and head over to the swatches panel and from the context menu choose “New color group”.
In the box that pops up enter “Summer Music Festival” as the swatch group’s name.
Step 3: The Main text
Now the text part begins. Alt or Option click the Create new layer icon in the Layers panel and call the layer “Main text”.
From the Tools panel select the Type tool and from the control Panel click the Character link. If you can’t see it, head over to the Window menu > Type > Character.
Set the font to Sofa Sans Mono by Facetype at 42 pt. This font, and all the others, can be found in the Exceptional Font Bundle.
Set the kerning to Optical and select All caps.
Grab the Type tool and select the first letter “T” and then delete it. Head over to the Type menu and choose Glyphs.
Set the kerning to Optical and make sure All caps is deselected. Click on the artboard and type in “Hello!” Click on the blue swatch to add the fill to the text.
Click on the light peach swatch to add the fill to the text.
Press Shift+D on your keyboard to change the Drawing mode to Draw Behind. Grab the Rectangle tool and draw a rectangle beneath the word “Music”. Change its color to yellow.
Position the word “Music” in the center of the rectangle.
Now select the fonts creating the word “Summer” and clone them down by dragging them while holding down the Alt or Option key if you are on a Mac. Separate the words and change the word “Summer” to “Festival”. Change its color to yellow.
Now type in the letter “A” using the cloned Les Tulipes Pro Sans Fill and match it with the letter “A” in the word Festival.
In the next few steps we’ll be using glyphs you can find in the Freebie Pack.
Here you will find glyphs converted into simple objects you can add to the design.
Copy the glyphs to your design. The position and rotation are a matter of your artistic choice: there is no right or wrong here.
You can adjust the ornaments just like you would adjust regular objects. Add different colors to them, resize and rotate them to your liking.
Now let’s add the line ornaments. In the Freebie Pack open the Moonstruck Swashes Extra file. Copy the glyphs to your design.
For now just add two lines and position them between the words “Hello!” and “Summer!”
Add fill colors to the curls and when you are done gab all of them and initialize the Reflect tool again by pressing the O key on the keyboard. Click somewhere in the middle of the word “London”, hold down the Alt or the option key and drag the ornaments to the other side.
Now from the Freebies Pack open the Brushability file. Select the arrow ornament and copy it over to your design. Give it a dark peach fill and light peach stroke. Increase the stroke value to around 4 – 6 pts.
Position the arrow so it points from the word “Summer” to the word “Music”.
Choose a nice, long swoosh from the Brushability file. Position it under the date. Adjust the size if needed. Lastly, fill it with a light blue color.
With the group selected double click on the Rotate tool and enter -10 degrees for the rotation value. You can try repositioning the group slightly to the left and top.
Step 4: The Bands
In this step we are going to add the names of the bands and each name will be written in a font that is reflecting the band’s style. All of these fonts can be found in our Fonts Bundle.
Let’s start with creating a new layer.
Alt or Option click the Create new layer button. Name the layer “Bands”.
Change the word “Adela” to “Enterpol”. Set the font to Rawson Regular from Latiotype at 51 pts. Make sure that the All Caps button is selected. Give it a light blue fill and position in vertically in the middle of the word “Adela”.
Make sure that the All Caps button is deselected. Give it a light peach fill and position it vertically in the middle of the word “Enterpol”.
Head over to the Brushabillity file and choose one of the longer ornaments. Copy it over to your design.
Adjust its size and align it vertically in the center in relation to the bands’ names. Give it a peach fill.
Change the size to 32 and make sure the All Caps option is selected. Change the fill color to light blue and align the text vertically with the ornament.
Step 5: The Microphone
Let’s take a quick break from the fonts and create the microphone.
First Alt or Option click on the Create new layer icon in the layers panel. Name the layer “Microphone” and click OK.
From the Tools panel grab the Rounded Rectangle tool. Click on the artboard and enter 4 inches for width, 7.5 inch for height and 2 inches for the corner radius. Click OK and fill the rectangle with a yellow color.
Fill the outer shape with the same color as the rounded rectangle. Move it slightly up so the space near the bottom of the microphone is even.
Shift click on the newly created rectangle and the outer shape. Head over to the Pathfinder panel. If you don’t have it up, just go to the Window menu and choose Pathfinder.
From the panel choose the Minus Front command.
Now copy the rectangle to your clipboard (Ctrl/Cmd+C) and make it slightly taller. Drag it by its top or bottom handle while holding down the Alt or Option key.
Grab the Ellipse tool. Holding down the Shift key create a perfect circle that is slightly bigger than the middle rectangle and move it to the side.
And if you can’t see the Smart Guides, make sure they are on by going to the View menu and choosing Smart Guides.
First ungroup the rounded rectangle part of the microphone (Ctrl+Shift+G). Then grab the Ellipse tool and create a small perfect circle near the top left corner of the upper part of the microphone.
Fill it with a plain white color and clone it to the right.
Next go to the Object menu and choose Expand. In the dialog box that pops up simply press OK.
If there is too many ellipses, double click on the Blend tool in the Tools panel and decrease the amount of steps.
Most probably you are going to have to move some things around to align the elements and clean the design a bit up. But the microphone part is done!
Step 6: The Dots
Before we bring this design over to Photoshop, let’s work on the background a bit.
First Alt or Option click on the Create new layer icon in the layers panel. Name the layer “Dots” and hit OK.
When you are done, you can fill them with different colors.
You also might want to consider turning the visibility of some of the other layers off. This can help you in positioning the dots.
This part is done!
Step 7: The Background
Now let’s create the background effects. For that we’ll bring the design over to Photoshop.
Go to the File menu and choose Export and then Export As. From the list choose Photoshop PSD and click Export.
Make sure not to select Flat Image. We want Illustrator to keep all the layers. Just click OK and open the file in Photoshop.
In the Layers panel remove the background path. Instead place a concert image using the Place Embedded command found in the file menu. I am using Desi Mendoza’s image fetched from Unsplash.com.
Adjust its size and position so it fills the entire background.
In the layers panel create a New layer above the placed image. From the Color Selector tool choose a dark blue color. I am using #060645. Lastly, press Alt or Option + Backspace keys to fill the layer with the foreground color.
Drop this layers opacity to around 75%.
Grab the Gradient tool from the Tools Panel.
Select one of the default gradients, called Spectrum. As for the type of gradient choose conical.
Drop the opacity to around 75% and the fill of the gradient layer to around 50 to 60%.
Lastly, double click the gradient layer to open the Layer Style dialog box. Choose Satin and click OK.
We’ve created a fun, a bit messy, Summer Music Festival Poster. Along the way we’ve used some simple Illustrator and Photoshop techinques that allowed the fantastic fonts really stand out.
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 Exceptional Best-Selling Font Selection where you’ll discover a range of world class fonts, available for 99% off the regular price.
2 Lovely Comments from our Community: