Next lesson playing in 5 seconds

  • Overview
  • Transcript

3.2 Creating an Art Deco Flyer in Photoshop

In this lesson, we'll tackle this cool flyer design with the help of more amazing tools in Adobe Photoshop. Using beautiful fonts and vector art patterns from Envato Elements, you'll learn how to make a retro, Art-Deco-inspired birthday invitation flyer.

3.2 Creating an Art Deco Flyer in Photoshop

Hello, everyone and welcome back to this course. In this next lesson, we'll learn how to create an Art Deco inspired flyer using incredible premium fonts and design assets. Let's begin, start with a new A4 size in Adobe Photoshop. Again, I'll switch the unit of measurement to inches and the color mode to CMYK. Just like in our previous design, we'll need to set up the appropriate crop marks or bleed lines first for printer efficiency. Hold Ctrl+R to access the Rulers option, then go to View > Show, making sure that the Smart Guides are selected so that they're all ready to go. Now we can create the guidelines for our bleeds. Remember our reference numbers from before? Let's use them again. Go to View > New Guide and create a vertical guide at 0.125 inches. Then create another new vertical guide at 8.143 inches. Go to View > New Guide again to create our first horizontal guide at 11.568 inches. Then finish the setup with a last horizontal guide at 0.125 inches. Remember to stroke these guidelines so you have physical markers for the bleed lines. Use the Zoom Tool to zoom in, select the Rectangular Marquee Tool, and create the first rectangular selection in the upper left corner. Now pan over to the other sides to create more selections. Hold the Shift key to add on to the selection we already created until all four corners are selected. To stroke them, right-click and select Stroke, adding a black stroke of 2 pixels. Deselect the crop marks when you're through, and remember to rename and color code the layer. Let's begin this Art Deco design with a dark background. Create a new layer, and use the Paint Bucket Tool to fill the layer with black. Then place this layer into a new group named Background. Traditional Art Deco styles use amazing linear patterns to create geometric compositions. So for the background, we'll be using this incredible pack of Islamic Vector Art Patterns from Envato Elements. I've decided to go with pattern 29 ,which features a unique angular pattern that reminds me of Art Deco buildings. Let's plug it in. We can do so easily with the PNG version because of its transparent background. So hold Ctrl+A to select the pattern, then copy and paste it onto a new layer above the background. Feel free to rename the layer before we add some color to it to help it stand out. For a beautiful gold effect, right-click the layer and go to Blending Options. Create a gold color overlay using this bright orange color. Once you already have one effect applied, you can add more by double-clicking the Effects Filter on the Layers Panel. Now add a thin black stroke with a size of 3 px to the pattern. Instantly, the pattern looks a lot more crisp and clean. Since the background is so dark, it might be hard to see the original crop marks, so let's change this quickly before moving on. Select the Crop Marks Layer and right-click to go to Blending Options. Add a white color overlay to help the crop marks appear more visible. For this flyer, it's essential that we get into the habit of using the Move Tool in collaboration with the up, down, and right and left arrow keys. Select the Move Tool and use the left arrow key to move the pattern layer over to the left. Keep hitting the left arrow key until you're happy with the position. Let's continue by adding a new group dedicated to shapes. First, I'll create a border similar to the one in our last design, just a little thicker. Select the Rectangle Tool, and create a new white rectangle with a stroke of 80 pixels. Switch the stroke fill to black from the Properties Panel for a clean, black border. During this design, you may have to zoom in and out to get a good idea of how it's coming along. The pattern, for instance, tends to look a little distorted from far away. So just make sure you zoom in every once in a while to double check and see if everything is going well. Now that we have our pattern set, we can move on to the other shapes. Select the Ellipse Tool and click on the canvas to bring up the dialog box. First, create a black circle with a width and height of 2717 by 2480 pixels. Remove any stroke from the circle and resize it to be much smaller with the Free Transform Tool. This first circle will hold the main title of our flyer, while all the other shapes are for the event details. Now select the Rectangle Tool and create a black rectangle, remove the white stroke, then reposition and resize the rectangle so that it's underneath the ellipse. Use the Rectangle Tool again to create a skinny gray rectangle above the previous one. This will hold the official party date. Try not to get too caught up in the arrangement of these shapes or colors just yet. Half the battle is getting everything onto the canvas, so once that happens, then we'll be able to finely tune all the positions. Next, we'll need a new shape for the first line of our invitation. Select the Rounded Rectangle Tool and create a shape at 2554 by 828 pixels. Set the stroke to none before resizing the sheet, and position it at the top of the flyer. Center it with the Move Tool. Our design looks a little dark at the moment, so let's adjust the lighting. First, we'll need to change the black shapes to brighter colors for a more charcoal tone, so select each black shape and change the fill to this dark grey color. Do this for each one using the same charcoal hue. Create a new group named Lighting and add a new layer. Drag the group under the Shapes group for a better position. Now paint some light. Set the foreground color to this rich brown hue, then select the Brush Tool and use a soft round brush to paint brown light onto the flyer. And softly fill in the top of the flyer with a few sweeping passes. We need to reposition this group again for better organization. Drag the Lighting group into the Shapes group and place it underneath the Rectangle Border. Decrease the size of your brush and paint the same color onto the black circle and curve it around the ellipse. Adjust the intensity at anytime using a soft eraser brush with low opacity. Finish the light by painting two bright spots on the lower rectangle. Then set the Layer Blend Mode to Linear Dodge Add and lower the opacity to 9%. Toggle the visibility of this layer and it now looks like we've turned the lights on. I think this looks pretty good so far, so we can move on to the text. Creating a group dedicated to the text layers. Since this is for a birthday celebration, select the Text Tool and start by adding the words, you are invited to my, at the top, in gold. Then make sure the font is set to Grodna Regular, with a size of 25 point. Place it on the rounded rectangle and center it with the Move Tool and arrow keys. Then right-click the Layer and go to Blending Options, adding a linear gradient overlay with the following colors and settings. Create a reflected gold-tone inspired by the original Art Deco style. Double-click the Effects again and add a quick black stroke of 1 pixel. Continue adding more text, this time I'll use the Rolla Regular font to write the word 25th in gold at a size of 100 point. Now right-click the text and go to Blending Options, adding a gold linear gradient with slightly brighter colors. Out of all of our text, 25th becomes the most ornate. So next, add a black stroke of 4 pixels to clean it up, then add a bevel and emboss layer style with the following options to make look more 3D. To improve the word's contrast against the grey circle, create a black drop shadow. Adjust the distance, spread, and size as follows for a clean result. Now write the word birthday using the same font, this time at a size of 60 point. Change the font color to a medium grey value for a nice subtle change. The next font we'll need is a pretty cursive font named Bambi. Use it to write the word celebration and change the color fill back to gold. Let's return to the original font now, Grodna, for the remaining text. Write the official date in gold on a new text layer, changing the size to 35 point. Add a quick drop shadow with Blending Options for a clean effect, then move on to the other details. Write the name of your venue at a size of 50 point, then add a gradient overlay using the first gold gradient we started with. Double-click the effects again to add a black stroke of 1 pixel. Now create the text layers for the feature performances, special guest, and the guest name. Use a darker gold in a size of 20 point for the first two, then adjust the words for John Smith to the original gold color with a size of 40 point. Clean up the name with a black stroke of 1 pixel. At any time during this course, feel free to fill in the flyer with a text you prefer. It's usually a good idea to say what you can expect to happen at the party. So, now we'll write the words music, food, dance, and party at the same font size of 40 point. Add a gradient overlay to this text, setting the color to a gold linear gradient with a slight change of colors. Let's finish the text section with our last line, include the time and a quick phone number to RSVP. Right-click and go to Blending Options, creating another new gradient overlay, this time with deeper gold tones to soften the edges. Then add a quick black stroke of 1 pixel. Now we'll add a few lines to separate the texts. Select the Line Tool and create a line across the top with a brown stroke of 7 pixels. Then change the stroke options to a smaller dashed line. Hold Ctrl+J to duplicate this layer, dragging down the copy underneath the venue name. Continue readjusting these elements with the Move Tool and arrow keys for a better fit. Create a smaller line above the event time, set it to a brown stroke of 3 pixels with a small dashed effect. The last line we'll create is a combination of shapes underneath the word celebration. Start by typing out a bunch of forward slashes, a total of about 20 of them, in gold, at a font size of 15 point. Center the slashes, then create a new dashed line with the same gold color at a stroke of 20 pixels. Position the dashed line so that it slices the forward slashes for a nice little decoration. We are almost done. Lets add some drop shadows to a few shapes. Create one last new group for the final details. Select the rounded rectangle shape and right-click to go to Blending Options. Add a black drop shadow with the following settings for a much crisper look. Now right-click the layer and copy the layer style so you can then paste it onto the grey circle. Create a new layer and in the Final Details group. Set the Layer Blend Mode to Overlay and use a soft round brush to paint white at the very top and bottom of the flyer. You can continue painting on this layer or set another new layer to overlay to paint a quick spotlight over the word 25th. Adjust the layer opacity as needed. Finalize your flier with a few adjustment layers to color correct to design. Create a new adjustment layer of color balance, set the midtones to -2, -52, -40, and the highlights to -37, -14, and 1. Duplicate this adjustment. Changing the midtones to -100, -27, 70, and the highlights to -12, -4, and -71 for a much cooler result. Here is our final design. Feel free to check it out against different backgrounds to make sure the lighting is right. You can customize it even more by updating the text, adding a gradient map layer adjustment, or just by switching a few colors around for the other details. Organize your file even further by color coding each group. Really great job everyone, I hope you've enjoyed these lessons. Let's move on to the last video of this course where we'll go over a final recap of everything we've learned.

Back to the top