Next lesson playing in 5 seconds

  • Overview
  • Transcript

2.2 How to Create a Music Festival Flyer in Photoshop

In this lesson, you'll learn how to create a music festival flyer perfect for summertime. Using 3D assets, fonts, and amazing Photoshop actions from Envato Elements, we'll make a cool music festival flyer in Adobe Photoshop.

2.2 How to Create a Music Festival Flyer in Photoshop

Hello everyone, and welcome back to this course. So far we've learned some of the basic guidelines of standard flyer designs as well as a quick overview of our first creation. Now, let's jump into creating this cool music festival flyer with a fun retro 90s feel. Get started by opening a new document in Adobe Photoshop with a standard A4 size. First, I'll switch over to inches for the unit of measurement. Then I'll set the color mode to CMYK color to make it the appropriate format for printing. One of the many benefits of presets is that everything is mostly filled out to what you already need. So with this in mind, I'm happy with my other settings for resolution and orientation and we'll go ahead and create this new document. Once your new document is open, it's important to make sure your workspace is setup appropriately to help facilitate this flyer design. A few things that will help us during this process are guidelines for the crop marks, or bleed lines, smart guides and having access to the rulers option. To reveal the rulers on your screen, hold Ctrl+R. At any point during this course, if you find the ruler is too distracting, just use the same keystrokes, Ctrl+R, to hide the rulers away. Next, we'll show the smart guides. They can help you see the distance displayed between paths and figure out the spacing between objects. To enable this option, go to View, Show, Smart Guides, making sure there's a check mark next to it. Create a new layer in the Layers panel, then go to View, New Guide. We'll be creating four vertical and horizontal bleed lines using the same numbers we created earlier. First, create a vertical guideline at a position of 0.125 inches. Then go to View, New Guide again, and now create another vertical guideline at 8.143 inches. Repeat the process for the remaining guides. Go to View, New Guide, and switch the orientation to Horizontal for horizontal guide. Position the first horizontal one at 0.125 inches. Then go back again and position the second horizontal guide at 11.568 inches. Now that we have all four guidelines, we need to create physical crop marks so the printer knows where to trim. Select the zoom tool and zoom into the upper left corner. Grab the rectangular marquee tool and create a rectangular selection in the upper left corner. Continue selecting the other corners of your document by holding the shift key as you select the other three. Once all the corners are selected, right click and choose Stroke. Add a black stroke of two pixels before hitting OK. Then deselect the selections. Pretty simple, right? Organize this layer by keeping it at the top of the layers panel. Rename it crop marks, and feel free to add a color to the layer to distinguish it from the rest. I'll go with red. Now let's move onto creating the beach background. To build our own sunny beach scene from scratch, we'll be using simple photo compositing techniques. First, create a new group named background, then add a new layer. Open the tropical beach photo and hold Ctrl+A to select the image. Now copy and paste it onto the layer you just created. Resize it for a smaller fit by holding Ctrl+T to free transform. Since I only want the left side of the sand and palm tree showing, I'll position the image like so. Next, let's add the 3D beach ball. First, make sure you've already downloaded all the angles you'll need for these 3D objects. Then open the 3D beach, ball hold Ctrl+A to select it, and copy and paste it on to a new layer above the beach image. Select the move tool and use the arrow keys on your keyboard to position the ball in the right spot. I'll be using this technique consistently to finely tune the position of each object, then name the layer beach ball. For a little more depth of field, let's blur the ball. With the layer selected, go to Filter, Blur, Gaussian Blur, adding a radius of eight pixels. Now, select the rectangle tool. Set the Fill to none, and the Stroke to white. Create a rectangle with a stroke of ten pixels that will act as a border around all our elements. Then set the layer blend mode to soft light. Let's add more shapes into the mix. Create a new group named Shapes. I'll generally be organizing this file by section and not necessarily the layer type, so just keep that in mind for easy organization. Select the ellipse tool and create a large circle with a blue fill and no stroke. This isn't the final color yet so it'll just be a place holder for now. Position a circle right above the sand. Then set the layer blend mode to linear burn. Let's add the image of our model next. Use the rectangular marquee tool to make a quick selection of the model then copy and paste it on to a new layer above the circle. Lower the opacity so that you can see the blue circle behind it. The circle will act as a background for the model instead of the original pink color. To remove this bright pink completely here's a little trick. First add a layer mask to the model. Then set your foregrounding background colors to black and white, and use a hard round brush with 100% opacity to paint black onto the layer mask. See how it starts to remove the pink background like an eraser? Working around the circle gets a little tricky, so let's make it easier. Select the ellipse layer and right click to rasterize the layer. Now use the magic wand tool to select the circle. Right click to select the inverse. Once the selection is inverse, we can remove the background pretty easily, just select the model's layer mask again to mask away the rest of the pink background entirely. Take your time with this step, it will require you to work around the pigtail hairstyle, so zoom into those sections and lower the size of the brush to mask away these stubborn crevices. Continue this process for the pink areas within the circle. Here's the result so far. Great work. Let's spice up the flyer with a few retro 90s elements. The 90s was all about abstract shapes and bright colors, so we'll use the custom shape tool to add more in. Select the custom shape tool and go to the options from the drop down menu. Select the All option, then Append to make sure the tool loads with all the shape presets currently available in Photoshop. Then choose this shape that looks like waves. Set the fill to white and the stroke to none. Just like before, we can use the move tool to position each new object precisely where we want it using the up, down and left and right arrow keys. Continue the process with more shapes. Use the custom shape tool to create a circle frame with the same white fill. Hold Ctrl+J to duplicate this layer and position a much smaller version of this circle on the opposite side of the model. The next shape we need is a triangular frame. Use the custom shape tool to add this shape. Then flip it by going to Edit, Transform, Flip vertical. Position it below the smaller circular frame. Before we move onto adding more shapes, it's important that we start working on color adjustments. Create a new group named Adjustments, then add a new adjustment layer of gradient map. Set it to linear gradient with the following blue and red colors. Then set the layer blend mode to lighten, and the opacity to 60%. Add a second gradient map adjustment layer above the previous one. Make a white to salmon colored linear gradient before setting the blend mode to color burn. Harmonize these colors by changing the circles' hue. Select the elipse layer then use the magic wand tool to click on the circle. Switch to the paint bucket tool and fill the circle with a bright turquoise color. Add a new adjustment layer of curves to the adjustment group. Adjust the curves of the CMYK, cyan, magenta and yellow channels as shown to bring cooler tones back into the composition. Next, create a new layer and fill it with a bright green color using the paint bucket tool. Set the layer to saturation and the opacity to 30%. For a little more texture, let's add some diagonal lines to the background. Select the layer for the beach background and right click to go to blending options. Create a pattern overlay with this diagonal pattern preset, setting the opacity to 28%, the scale to 350% and the blend mode to divide. Now create another new group for more text and shapes. Copy and paste the silver onto a new layer in this group. Adjust the size with the free transform tool and position it to the lower right side of the circle. Change the color by right clicking the layer and going to blending options. Create a solid color overlay with this blue hue and set the blend mode to Color. Next, copy and paste the red pyramid onto a new layer above the tourist. With the layer selected, go to Edit, Transform, Flip Vertical, resize the shape and plug it in the upper left areas near the palm trees. To make a slightly brighter red color, right click and go to blending options, adding a red color overlay with the following settings. Now let's fill in the awkward spaces with more miscellaneous shapes. Select the Rectangle tool. Use it to create two new rectangles, one yellow and the other red, to match our current color scheme. These shapes may spill out into the bleed lines, but that's perfectly fine, as long as you make them long enough. The last geometric shapes we need will function as areas where the text has to pop out from the background. Grab the Ellipse tool, and create a circle with the same blue as the center. Position it above the wave shape, making sure it still overlaps the main circle. Now select the custom shape tool and create a rounded rectangle. Position it towards the bottom, in the center. With all our elements in place, we can now add the text. First, I'll create the text for the entry fee of $20. Select the text tool and set the font to Bebas Regular with a size of 10 pt. Write out the word ENTRY in all caps. Create a separate text layer for the $20, and this time, increase the size to 40 pt. Finally, tune the position like so with the move tool and arrow keys. Next, write out the official date. Switch the font to Century Gothic Bold with a size of 40 pt, then position it underneath the waves. With the same font as before, create a new text layer for the venue name, increasing the size to 48 pt. Now plug in the address and time right below it in the rounded rectangle, this time lowering the size to 14 pt. Then I'll quickly increase the font size to 15 pt in order to include more text details like the website address, and social media info. Now add the name of your special guest in Century Gothic font, bolded with a size of 35 pt. Change the color to the same light blue we've been using for more harmony. Then add the text WITH PERFORMANCES BY at a size of 18 pt. Position them both so that they're stacked on one another. The last time we'll be using the Century Gothic font is for the band name, The Girls. Set the color to white, the size to 24 pt, and write the name in all caps. To make the bar name stand out, use the rectangle tool to create a black rectangle around the name. Right click the layer and go to blending options adding a diagonal pattern overlay with the following settings. If you need to move multiple texts at a time select all the layers and use the move tool to push the text over with the arrow keys. Next, create blue text for the words SPECIAL GUEST above the performance name in all capital letters. Set the font to Forever Summer Marker and the font size to 24 pt. This is the same font we'll be using for the festival title. Write the word MUSIC at the top of the flyer at a size of 75 pt. Position it in the center above the model, then write the word FESTIVAL at a slightly bigger size of 110 pt. To make this title look even more unique, we'll add a quick 3D effect using this 3D text creator Photoshop Action from InVital elements. Once you've downloaded and installed the action, go to window, Actions. With the festival layer selected, scroll down and hit this downshaded option before pressing Play. Instantly, this action creates a 3D text effect you can easily adjust yourself. Great job so far, our music festival flyer is almost complete. Now it just needs a few more details to bring the best out of this style. I'll be applying additional glitch effects for this step on the model, the beach background, and the beach ball. Select the model layer and hold Ctrl+J to create a duplicate. Then right click and select Blending Options, unchecking the magenta and yellow channels under Advanced blending. Now select the move tool and tap the right arrow key a few times to push the model copy over. Make this a pretty subtle effect to keep from distorting the model's face. Then we'll do the same for the beach background. Create a copy of the beach background layer. Right click and go to Blending Options, this time, unchecking the K channel. Again, use the move tool and arrow keys to move the background to the right side in a simple yet subtle way, cool effect, right? We'll bring it all home by distorting the actual image. Grab the rectangular marquee tool and make a simple selection near the trees. Use the move tool and arrow keys to move this piece just a little over to the left. Repeat this process a few times until you're happy with the result. It's a subtle effect, but well worth it in the end. Now, make a copy of the beach ball and repeat this process. This time, copy and paste one of the selections onto its own layer before going to filter, distort, wave. Click the randomized button a few times until it distorts the ball with a few bouncy waves. Because this piece is on a separate layer, you can continue to move it over until you find a spot that works best for you. Finish this flyer with a quick adjustment layer of color balance. Set the midtones to -26, -32, 16, then the highlights to five, zero and -93. I really hope you've enjoyed making this result. It's been a lot of fun so far working with different and vital elements assets for a complete retro 90s vibe. Let's get started on the next flyer challenge, where we'll create an art deco inspired flyer in the next lessons.

Back to the top