How to create Pop Art Style Poster in Photoshop

May 16th, 2008 by ART-D Posted in Adobe Photoshop, Photo Editing

   

In this tutorial we’re going to learn how to retouch a portrait and create pop art style background from different shapes. Layered PSD file included. Let’s get started!

Final Image Preview

How to create Pop Art Style Poster in Photoshop CS3
Create a new document (Ctrl+N) in Adobe Photoshop with the size 1280px by 1024px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with #EADCBC color the new background layer.

How to create Pop Art Style Poster in Photoshop CS3
Next we’ll use the Pen Tool (P), set the drawing mode on Shape Layers in Options bar and represent the next shape on the background. The color is #BCA26D.

How to create Pop Art Style Poster in Photoshop CS3
Using the Rectangle Tool (U), try to represent a lot of colored small stripes which must be inclined a little by selecting the Free Transform (Ctrl+T) command.

How to create Pop Art Style Poster in Photoshop CS3
Applying the same tool, try to add several more stripes.

How to create Pop Art Style Poster in Photoshop CS3
The same Rectangle Tool (U) should be used for representing above the already made top yellow stripe another one that should be inclined too with Free Transform (Ctrl+T) command.

How to create Pop Art Style Poster in Photoshop CS3
Click Add a layer style icon from bottom part of the Layers panel to select Drop Shadow for the layer containing the pink stripe

How to create Pop Art Style Poster in Photoshop CS3
We’ve got the next shadow:

How to create Pop Art Style Poster in Photoshop CS3
Using the Rectangle Tool (U), we shall represent one more stripe, situated diagonally. The layer’s color in this case is #F10C85. The stripe should be inclined too, applying Free Transform (Ctrl+T) command.

How to create Pop Art Style Poster in Photoshop CS3
Click Add a layer style icon from bottom part of the Layers panel to select Drop Shadow:

How to create Pop Art Style Poster in Photoshop CS3
Add Stroke

How to create Pop Art Style Poster in Photoshop CS3
We’ve got the next result:

How to create Pop Art Style Poster in Photoshop CS3
Try to represent inside the large stripe several thinner stripes, selecting the same tool for drawing them.

How to create Pop Art Style Poster in Photoshop CS3
Use the Rectangle Tool (U) to draw several thin stripes between the already made ones.

How to create Pop Art Style Poster in Photoshop CS3
We’ve got the next result:

How to create Pop Art Style Poster in Photoshop CS3
Try to insert on the document several more stripes, as those from below:

How to create Pop Art Style Poster in Photoshop CS3
Click Add a layer style icon from bottom part of the Layers panel to select Drop Shadow for the layer containing the stripe with the color #A17425:

How to create Pop Art Style Poster in Photoshop CS3
Add Inner Shadow

How to create Pop Art Style Poster in Photoshop CS3
We’ve got the next effect:

How to create Pop Art Style Poster in Photoshop CS3
We may insert the same way several white stripes, applying the previous method:

How to create Pop Art Style Poster in Photoshop CS3
We’ve got the next result:

How to create Pop Art Style Poster in Photoshop CS3
Set the Foreground color to #F10C85. Select the Custom Shape Tool (U) in the Tools bar, in the Options bar click the Shape to open the selection menu. Find 5 Point Star shape at the bottom of the menu, and then double-click a shape thumbnail to select it.

How to create Pop Art Style Poster in Photoshop CS3
Click and drag to draw the shape

How to create Pop Art Style Poster in Photoshop CS3
For this layer click on Add a layer style icon from bottom part of the Layers panel and select Stroke:

How to create Pop Art Style Poster in Photoshop CS3
We’ve got the next effect:

How to create Pop Art Style Poster in Photoshop CS3

How to create Pop Art Style Poster in Photoshop CS3
Select the last applied Custom Shape Tool (U) to draw a Star shape above the first one, colored this time with #6A2700.

How to create Pop Art Style Poster in Photoshop CS3
Click and drag to draw the shape:

How to create Pop Art Style Poster in Photoshop CS3
For this layer click on Add a layer style icon from bottom part of the Layers panel and select Stroke:

How to create Pop Art Style Poster in Photoshop CS3
We’ve got the next result:

How to create Pop Art Style Poster in Photoshop CS3

How to create Pop Art Style Poster in Photoshop CS3
Click the Horizontal Type tool (T). Select a font, size and color in the Character panel. I have used Creampuff font.

How to create Pop Art Style Poster in Photoshop CS3
Click in the image and type Pop Art text. Press Enter to apply the text.

How to create Pop Art Style Poster in Photoshop CS3

How to create Pop Art Style Poster in Photoshop CS3
Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow:

How to create Pop Art Style Poster in Photoshop CS3
Add Stroke:

How to create Pop Art Style Poster in Photoshop CS3
We’ve got the next effect:

How to create Pop Art Style Poster in Photoshop CS3
Find a stock photo with a model represented on it

How to create Pop Art Style Poster in Photoshop CS3
Create a new layer and then select the Rectangular Marquee Tool (M) on it. Right click on the picture, choosing the Color Range option. Pick with Eyedropper Tool the brightest zone on the girl’s shoulder and click OK.

How to create Pop Art Style Poster in Photoshop CS3
We’ll get the next selection:

How to create Pop Art Style Poster in Photoshop CS3
Fill the selection with the color #EADCBC. Press Ctrl+D to deselect.

How to create Pop Art Style Poster in Photoshop CS3
Make the girl’s layer active and select Pen Tool (P), set the drawing mode on Paths in Options bar and represent the next path. Right click on image and select Make Selection with Feather Radius – 0px.

How to create Pop Art Style Poster in Photoshop CS3
Fill the selection with color: #490F02. Don’t press Ctrl+D to Deselect. Now we need to choice Select>Inverse and press Delete to cut the background around girl. Now you can press Ctrl+D to deselect. Merge Down both layers into a single one (CTRL+E).

How to create Pop Art Style Poster in Photoshop CS3
For this layer click on Add a layer style icon from bottom part of the Layers panel and select Stroke:

How to create Pop Art Style Poster in Photoshop CS3
We’ve got the next effect:

How to create Pop Art Style Poster in Photoshop CS3
Select again the Custom Shape Tool (U) for drawing a lot of small white stars of different sizes. Turn around the new stars, selecting the Free Transform (Ctrl+T) command for this operation. Several of the layers containing the new stars should be placed lower than the layers containing the colored stripes, the same way shown below:

How to create Pop Art Style Poster in Photoshop CS3
Finished!

View full size here.

Download free Layered PSD file.

  •  

  •    
  •  

 

Tags: , , , , , , , , , ,

  • BENLEMLIH

    21/09/2009

    Wonderfull .. Easy and well explaind , thanks ;) !!!!

  • massafakka

    01/10/2009

    mhhh this is a nice and tasty one… thx v much… lu all!!! ;)
    UGA UGA!!!

  • lor

    01/11/2009

    Wow, Thank u:)

  • j.j

    22/12/2009

    Fill the selection with color: #490F02. Don’t press Ctrl+D to Deselect.
    Now we need to choise Select>Inverse and press Delete to cut the background around girl.
    Merge Down both layers into a single one (CTRL+E). Insert the new result on the picture.

    in this step.. i’m can’t get the same result.. some one please help me..

  • Pop art

    23/01/2010

    Thanks this has really helped out, nice simple tut!

  • Pop art portrait

    23/01/2010

    …Also this is a great technique to create canvas art

  • custom pop art

    19/04/2010

    Excellent tutorial, Many thanks

  • ghostface

    02/05/2010

    i have the same problem of jj

  • talia

    02/05/2010

    hi this looks really good but i just can find this picture you got! can you help

  • Nicolás Hip

    02/05/2010

    I followed all the step i finally i make my own popart picture, thanks a lot, it was helpfull!!!

    Hugs

  • Goodzondeck

    04/05/2010

    How do i go about changing the color of the picture? I Love the tut but thats the major part …

  • rosey234

    12/05/2010

    wow this is dumb

  • Sydney

    16/05/2010

    The only part I’m having trouble with this is the part when I draw the diagonal pink line, when I use the free transform path, and move the pink strip, another random pink strip appears covering the other strips. I tried everything I could but it wouldn’t work.

    I’m somewhat of a noob, so please help!

  • rogelio

    19/05/2010

    whew!!!! I like it!!! simple but cool

  • htshu

    01/06/2010

    oh my god, this was my first tutorial. I was almost done and suddenly i accidentally deleted the document!! I was so proud of it. It was such a good tutorial thank you for sharing. I hope you have another one that i can practice on.

  • Michael

    08/06/2010

    Hey thanks this is very helpful but please i skipped the part on how to use color range.. i cant find it can you help me how?

  • Rye

    13/06/2010

    Thank You Very Much for the tutorial, http://ryetot.deviantart.com/#/d2rpr1x
    here is my finished picture,

  • photo editor

    21/06/2010

    Too easy. Some aspects might do it much better…

  • keletso

    28/06/2010

    Thanks for tut, its amazing. i’ll try it out when get home.

  • agi

    28/06/2010

    so simple, but i like it, thanks!

  • Yebakbaby

    13/08/2010

    Can’t apply anything. :) I hate it.

  • Ali

    07/01/2011

    Hi very nice tutorial
    i have also some example

  • Shitter Pig

    16/01/2011

    i made it :/

  • Jade

    19/04/2012

    thank you so much . i learned a lot!

Do not let your fate down ,use our HP0-S27, 642-067 and 642-481.Our 646-671 and VCP-410 have all the necessary material helpful in passing the exam.