Design Tutorial 2: Avant-Garde Club Flyer Photoshop Tutorial

alternative club flyer design

Time Needed

2-3 hours

Skills

Pathfinder cut-out

Integrating 3d vector elements into Photoshop

Using filters/effects/blending modes

Integrating hand-drawn elements

Resources Used

Girls Profile Stock by Tanit Isis

http://browse.deviantart.com/resources/?qh=&section=&q=burlesque#/d3ak4g2

Texture stock by deliquescedesign

http://browse.deviantart.com/resources/?qh=&section=&q=garden+lights#/d33ythj

<< PSD File>>

Background

This nightclub flyer took a slightly more avant-garde design route. It was my intention to create a design with a “Lady Gaga” theatrical feel to it. I wanted to create something modern and geometric but I also wanted to incorporate some hand-drawn, “human” elements. There are no complex techniques involved in this design but I think the overall effect is pretty impressive

 

psd_tutorial_1

1__Using your Pathfinder tool, carefully cut-out the girl from her dark background and place in a new file at your desired size

 

club_flyer_pic_3

2__Create a new layer in front of the girl and paste the hand-drawn font into the design. Choose the magic eraser tool from the tool menu and click on the white area to erase the background and make the text a floating shape.

 

club_flyer_psd_4

3__The hand-drawn font was created in black pen. To transform the text from black to white, go to image> adjustments> invert

 

club_flyer_psd_5

5__ Paste the hand-drawn pattern into the design in a new layer behind the girl.

 

club_flyer_6_psd

6__Create a new layer in front of the pattern. Go to the gradient tool. Choose linear gradient with a white to clear gradient. Drag the gradient from the top of the design to the bottom. We want to “knockout” the top of the pattern and leave a blank canvas to add our following design elements on.

 

club_flyer_7_psd

7__Create a dark grey or black layer. Go to filter>render>clouds to transform this layer to a cloudy pattern.

 

club_flyer_design_8_psd

8__ Go to filter> blur>clouds to transform the cloud layer to a radial pattern. Set the blur method to “zoom” and the amount to around 85.

 

club_flyer_9_PSD

9__When the effect has been generated, go to your blending mode menu (top of your layers panel) and choose difference from the drop-down menu. You may need to experiment with the position, scale, and opacity of this layer to get an effect you’re happy with.

 

club_flyer_10_psd

10__Create a new layer and flood it with the Technicolor gradient in the gradient editor preset menu (make sure you have chosen angle gradient from the global gradient menu to get the right effect.)

 

club_flyer_11_psd

11__Using your circular marquee tool, select different sized circles from the layer and cut and paste these circles into your design, experimenting with the scale, positioning and opacity.

 

club_flyer_12_psd

12__Position your newly created circles in front and behind your girl figure.

 

cluB_flyer_12_1_psd

13__Create two larger circles and use your hue/saturation tool (ctrl+u) to control the color on these interlocking shapes. You want these shapes to give the lettering contrast.

 

club_flyer_13_1_psd

14__From your toolbar, choose the circle frame shape from your custom shape menu. Place your “halo” shape behind the girl’s head.

 

club_flyer_14_psd

15__If you want to edit the circle stroke circumference, go to your toolbar, and use your direct selection tool to select the inside shape. Use the transform function to change the inner circumference.

 

club_flyer_13_1_psd

16__Go to your effects menu (layer style menu) and add a black to grey gradient overlay. Set the gradient overlay to (black) #0e0d0e to (grey) #545255

 

17__Cut and paste the circle shape. Use your direct selection tool again, to re-size the circumference of your inner circle. Change the gradient overlay to (black) #161617 to (grey) #939096. Reverse the angle of the gradient in the gradient menu.

 

18__ Create a white rectangle shape. Go to filter>pixelate>mosaic.

 

club_flyer_15_2_psd

19__This adds a simple multiplied image effect. Rotate at an angle and add to your design.

 

20__To add more geometrical shapes, repeat steps 10 and 11 and create another circle. This time, we will use our marquee tools to cut a circle and rectangular shape out of the center of our circle to give it a cool geometrical effect.

 

21__Copy, paste, and enlarge this same shape. Place in a layer behind the girl. Use our marquee tool to quickly delete one side of the circular shape.

 

22__If you want to add 3D shapes, you will need to use Illustrator. Draw some simple rectangular and circular shapes and make them into 3D elements by using the extrude and bevel feature in the effects menu. Add a perspective value in this menu to create depth.

 

23__Copy and paste these shapes as a pixel layer into our main Photoshop document, rotating and resizing as you go.

 

24__Draw some flat white circles with the shape tool. Create a “lens flare” type effect by overlaying one on the other.

 

25__Draw some flat black circles with the shape tool. Place around the image.

 

26__Create a new layer. Use the polygonal lasso tool to select a triangular area of the canvas. Drag a blue (#39959f) to clear gradient from the top edge to the bottom.

 

27__Copy and paste this layer multiple times, using our hue/saturation tool (ctrl+u) to change the hue each time.

 
<

28__Create a new layer. Use a big “fuzzy” pen to draw magenta (#c829c6), yellow (#e7ec60), and blue (#2b9bda) on the left hand side of the girl.

 

29__Go to your blending mode menu (top of your layers panel) and choose screen from the drop-down menu.

 

30__Add the hand-drawn ink-splodge under your girl figures left eye.

31__Place the special texture layer on top of your layers. Experiment with the placement of this layer – Copying and placing to get the best textured effect.

33__Go to your blending mode menu (top of your layers panel) and choose screen from the drop-down menu.

34__ To finish, add a curves adjustment layer to the whole document (click on the half-moon icon at the foot of the layers menu and select curves) drag the curve pointers until you are satisfied with the result.

email
, , , , , ,

About ben

Ben Fellowes is a seasoned designer, writer, and marketing expert. He's designed and produced content for some of the worlds top agencies and marketing companies. He's currently working (and getting his fair English skin burned) in Southern California! He loves art, punk rock, horror films, Sci-Fi, comic books, real beer, cooking, eating, laughing, and crying (sometimes!)

View all posts by ben

2 Responses to “Design Tutorial 2: Avant-Garde Club Flyer Photoshop Tutorial”

  1. lennyredfurn@gmail.com'
    Lenny Redfurn Says:

    I frikkin love this! You are a talented designer. Thanks for this tutorial it’s so sexy and cool!

    Reply

  2. aaronseelbinder@gmail.com'
    Aaron Says:

    Are you available for club fliers? Aaron Seelbinder on Facebook

    Reply

Leave a Reply

CommentLuv badge

Comments links could be nofollow free.

Web Statistics