Designing a Retro Flyer with Photoshop

Written ByIrene ThompsoninNews


Designing a Retro Flyer with Photoshop

Creating retro designs is pretty easy when you’re using Adobe Photoshop. Here, you will learn how to do this yourself based on a primary image. We will start with setting up a proper print-ready design then proceed to image processing and finish with the right design details for our flyer. Let’s get started.

STEP 1

Open Photoshop and create a new document (CTRL+N). Now, in the window that opens, you will need to setup the flyer dimensions. The values depend on the size and orientation of the flyer that you need. For this tutorial, we will be using these settings.

a.     Width: 8.5 inches

b.     Height: 5.5 inches

c.     Resolution: 300ppi

d.     Color Mode: CMYK

retro flyer 1

STEP 2

The next step is to add margins and guidelines. We first add our margins. Go to View -> New Guide…  Once the window opens, you can set the guideline that you want to create. You will need to enter its orientation and then the distance from the edges. We will create four. Here are the precise values you should enter for each.

a.     Left Margin: Vertical – 0.125 inches

b.     Right Margin: Vertical – 8.375 inches

c.     Top Margin: Horizontal – 0.125 inches

d.     Bottom Margin: Horizontal – 5.375 inches

retro flyer 2 300x188

STEP 3

We then add an additional guideline set for the bleeds. Simply create four more guidelines using these values.

a.     Left Margin: Vertical – 0 inches

b.     Right Margin: Vertical – 8.5 inches

c.     Top Margin: Horizontal – 0 inches

d.     Bottom Margin: Horizontal – 5.5 inches

retro flyer 3

STEP 4

Finally, to make the bleeds visible, go to Image -> Canvass Size… add 0.25 inches to the width and height values. Also make sure that the center anchor is selected. This should add the bleed space uniformly on the edges of our flyer. Bleeds ensure that color covers the entire flyer with absolutely no undesirable white space when printed.

retro flyer 4

STEP 5

This sets up our flyer template correctly. Make sure to save this document now so that you have a good base to start with.

retro flyer 5

STEP 6

Great! Now we enter our flyer image. Just copy-paste it in. Remember to press CTRL+T to properly scale them to size. Hold down the shift key as you resize them to maintain their proportion. For our example, we are using this very impactful image here (We position it slightly off center to integrate our design.

retro flyer 6

STEP 7

Now, we create a new layer by pressing CTRL+SHIFT+N. Using the clone stamp tool, we clone the background and fill out the missing pieces of our image. First select the main image and hold the ALT key as you click on an area of the background. Then, select the new layer and then start painting, left to right inscribing the background as you go along.

retro flyer 7

STEP 8

Continue doing this until you have the whole design filled out with the appropriate background.

retro flyer 8

STEP 9

Next, using the rectangle shape tool we create three color strips for a design accent.

retro flyer 9

STEP 10

Next, with all the rectangles selected, we press CTRL+T. We then rotate the strips diagonally like so.

retro flyer 10

STEP 11

Now, we merge all three layers by selecting them, right clicking on them and then selecting the option “merge layers” in the context menu.

retro flyer 11

STEP 12

With the strip layer selected click on the “create layer mask” icon. Then using a soft black brush, “erase” part of the strip where the face is covered. This should reveal our face.

retro flyer 12

STEP 13

We then change the blend mode of the strips to “Color Burn” and reduce its opacity to 30%.

retro flyer 13

STEP 14

Then, we repeat the stripe process several times. Create a few more rectangle stripes again, change their blend mode to color burn and then set their opacity at various levels. Also take note that you can do the same trick of using a layer mask to erase part of the ribbon that is over our model. Just be creative at their placement.

retro flyer 14

STEP 15

Great! Now we add in our title text. Here we are using a bit of a creative style font from dafont.com.

retro flyer 15

STEP 16

We now add a few shape accents. Using some built in custom shapes we add a decorative accent on top of our title.  Just select the custom shape tool in the tools panel and then choose the custom shape from the shape gallery on top in the options bar.

retro flyer 16

STEP 17

Next, duplicate the shape by pressing CTRL+J. Move it to the bottom of the title. Then press CTRL+T to begin transforming it. Right click on the transformation box to bring up its context menu. Select “flip vertical” to turn the shape upside down.  This gives us the bottom accent of the title.

retro flyer 17

STEP 18

Then, we just add the rest of our text. We vary their colors a bit to make certain words stand out. It also gives a nice readable contrast to the details.

retro flyer 18

STEP 19

Now, for the final effect. We create a new layer again by pressing CTRL+SHIFT+N. Using a large and soft brush we pain up different color spots across our image like so.

retro flyer 19

STEP 20

Then, we change the blend mode of our color spots layer to “Overlay”. This adds the subtle burned color variation to our design.

retro flyer 20

FINAL IMAGE

We now have a nice retro-style print-ready flyer. You may use the same technique to design retro print-ready postcards or posters, simply alter the dimensions. Good luck!

retro flyer 21