Create a Retro Pop Art in Photoshop

Preparation

We will be using Keeley Hazell image again for this Retro Pop Art tutorial.

Click here to download Keeley Hazell image.

All rights of these resources belong to their respective owners.

Step 1 – Understanding Pen Tool

There are 2 types of path strokes, with and without Simulate Pressure.

Set the Brush to 1pt and draw a straight path with Pen tool. Right-click on the path and select Stroke Path. Select Brush, uncheck Simulate Pressure and you will get a line like the top example.

Select the Brush tool and open up Brushes palette located at top right of Options bar. Check on Shape Dynamics and enter the settings shown in the diagram. Close the palette once you are done.

Set Brush size to 3pt and draw a straight path with Pen tool. Right-click on the path and select Stroke Path. But check on Simulate Pressure this time. You will get a line like the bottom example.

Step 2 – Tracing the Figure

Create a new document of size 750×550 pixels. Drag Keeley Hazell image in and create a new layer above and name it as Outline.

Using the technique in Step 1, path the general outline with Pen tool. Set Brush to 1pt and stroke your path without Simulate Pressure.

Draw the paths for hair and other details. Set Brush to 3pt and stroke these paths with Simulate Pressure.

Step 3a – Painting Figure

Create a new layer below Outline and name it as Skin.

Set the foreground color to #E6B292. Using the Brush tool with a comfortable size (like 15-20pt), paint the skin as shown in the diagram.

Step 3b – Painting Figure

Create a new layer below Skin and name it as Hair.

Set the foreground color to #795229 and paint the hair as shown in the diagram.

Step 3c – Painting Figure

Create a new layer above Skin and name it as Shirt.

Set the foreground color to #9E5D18 and paint the shirt as shown in the diagram.

Step 3d – Painting Figure

Create a new layer above Shirt and name it as Face.

Set the foreground color to #000000 and paint the eyes, eyebrows, ear and nose.

Set the foreground color to #FFFFFF and paint the teeth then #EC6060 for the lips.

Step 4a – Adding Halftone Effect

Hide all the layers except for the original image of Keeley Hazell.

Go to Image > Adjustments > Desaturate. Then Image > Adjustments > Threshold. Set the levels to 80 and hit OK.

Step 4b – Adding Halftone Effect

Go to Filter > Pixelate > Color Halftone.

Set the Max Radius to 6 and Channel 1, 2, 3 and 4 to 0. You should get a nice black-white halftone effect like the one on the left.

Step 4c – Adding Halftone Effect

Select this halftone layer and arrange it to be the topmost layer on the panel. Set Blend Mode of this layer to Soft Light and Opacity to 50%.

Unhide all the other layers under it.

Step 5a – Adding Background

Create a new layer below everything and name it as Background.

Set the foreground color to #662855 and background color to #3B022D. Make a linear gradient across the screen diagonally.

Step 5b – Adding Background

Select the Custom Shape tool, click on Shape Layers and then choose Registration Target 2 from the preset list.

Set the foreground color to #4953BD and draw a big burst like the one in the diagram. Set the opacity of this layer to 30%.

Optional

I have added another halftone effect to the background to complete the design.

Hope you have enjoyed this tutorial and I wish you a Happy New Year!

Click here to view the final image.

Other Design Articles You May Find Interesting

154 Comments | Write a Comment

  1. khev... says:

    why can’t i pexelate may work! the halftone

  2. khev... says:

    why a can’t pixelate my work?

  3. Iwa peyek says:

    Dose anyone know, how to make halftone effect to the background to complete the design?

  4. sagar says:

    thanx bro for this tutorial..i really enjoyed doing this in photoshop….

  5. davetiye says:

    Thanks for the tuto.

  6. Chaz says:

    I’m lost !!!
    Step 1 – Understanding Pen Tool
    There are 2 types of path strokes, with and without Simulate Pressure.

    Set the Brush to 1pt and draw a straight path with Pen tool. Right-click on the path and select Stroke Path. Select Brush, uncheck Simulate Pressure and you will get a line like the top example.

    Select the Brush tool and open up Brushes palette located at top right of Options bar. Check on Shape Dynamics and enter the settings shown in the diagram. Close the palette once you are done.

    Set Brush size to 3pt and draw a straight path with Pen tool. Right-click on the path and select Stroke Path. But check on Simulate Pressure this time. You will get a line like the bottom example.

    Stroke Path is always dark !!!!!!!!!! I can’t select it

    plz help

    • Jero says:

      hey dont be angry, jeje, all u need its everytime you draw a path, use the stroke path tool so that way you will be doing the stroke effect path by path, well thats what i did jeje..

  7. sandy says:

    good tutorial.very helpful

  8. Junior says:

    THANK YOU SO MUCH! I never used photoshop in my life, and I completed it on my own! GREAT TUTORIAL!

  9. thank you says:

    Great tut and THANK you for explaining about registration target 2. :) :) I couldn’t figure it out and was getting sooo frustrated. I really appreciate your explaining it :)

    I can perhaps add that if you get a dialog box asking whether existing shapes should be replaced, choose “Append” to keep the existing ones and just add the additional ones below them.

  10. Gilang says:

    im using adobe photoshop cs, but i cant find simulate pressure when i used brush :(
    anyone help???

  11. Israa says:

    wow, this was really easy.

    Thanks

  12. nicolas says:

    muy buen tutorial, practicamente lo que necesito para armar un trabajo para la facultad, pero tengo una duda, no logro entender bien el paso 1. Seria de mucha ayuda y se agradeceria si se contesta la duda. Muchas gracias.!

  13. Helen says:

    HEY THANKS FOR THE TUTORIAL! i was just wondering – does the Registration Target 2 come with CS4? Cause I cannot find it anywhere, and there’s no where to download it from….

    If you could reply to this, that would be a miracle,

    THANKSSSSS
    Helen

    • Johnson Koh says:

      Hi Helen, yes you can find the Registration Target 2 in CS4 as well. You will need to load all the preset custom shapes in order to see it. Enjoy :)

  14. This is a great tutorial. I’m planning on giving it a shot. I love this effect, hopefully mine will turn out similar! Thanks for sharing :)

  15. Kip Pillers says:

    I got your link, thanks. It seems to be down or not working. Does anyone have a backup link or mirror? Cool that would help out.

  16. Josue Janik says:

    I got your web link, thanks. It seems to be down or not working. Does anyone have a backup link or mirror? Cool that would help out.

  17. dashkin says:

    This tutorial is awesome!
    Thanx for the inspiration :)

  18. Ceci Chu says:

    Thank you! Great tutorial. Last optional halftone effect;If I use other picture I do not have same effect like yours. Why? What is the problem?

  19. beebig says:

    good tutorial, but i cant find the Registration Target 2 in shapes :(
    anyways – good job and 10x for posting this.

    • dashkin says:

      Hi beebig,
      You probably already solved the problem, but just in case..
      Once you have selected Custom shape, go to Shape libraries, and load Symbols. Registration Target 2 is among them

    • Mimi says:

      You rock thanks for adding this. I was working on another project and having this problem. This was the answer I needed.

  20. Joy says:

    A fantastic tutorial, thanks so much!

  21. navin says:

    the begining of this tutorial is incredibly hard!

    • navin says:

      okay the problem i am having is with the outlining,
      i have read through all the posts here and i still cant find the answer, i have made a new layer with white back ground, and then i trace it onto the new layer, problem is when i do the simulate pressure and all that, it does not seem to do anything at all, i right click then set it to brush then check the simulate box but nothing happens!
      please help as this is something i am really looking forward to doing!

  22. Bruce says:

    Congrats, great tutorial, very original.

  23. Mawtiii says:

    How did you do the optional step?

  24. anji says:

    uhm. I just can’t customize the brush for stimulate pressure. I can’t see any options like the one with the size jitter etc. in my brush window

  25. yudi says:

    what is photoshop do you use?

  26. rakshasa says:

    hi
    i have a little problem
    i cant find Shape Registration Target 2
    please may anyone tell me where can i download ?
    thank you so much
    great tutorial <3

  27. jhonfaisal says:

    cool man….
    I am very lucky to get this tutorial and I was hoping to understand and do it ….

    thanks ….

  28. Daniel =) says:

    Hi there!
    i was wondering if you can tell me how to do the last effect you made
    ”halftone effect” the last one is te ”optional step”

    it would be awesome if you can mail me how to do it
    if not… ill keep in touch with your website!

    salam! and 5 stars to your tutorial

    :)

  29. Arie CS says:

    Yeahhhh . . .
    Many Path Tutorial in there . . :-D . .
    Very very thx for this Help Johnson . .
    I hope I can understand to use the path . .

    Succes for this site . . .
    God Blez u . .
    :-)

  30. Arie CS says:

    I’m using Photoshop CS3 . .
    Yeah , I have that . .
    But by the stroke Function so difficult . .
    Any Tuts Learn it ? ?

    I’m so sorry about that . .
    and so thx for you Johnson . .

  31. Johnson Koh says:

    Hi Arie, sorry that the lines cannot achieve by the filters. May i know what version of Photoshop you are using? Do you have the Stroke Path function?

  32. Arie CS says:

    I can’t make the line’s like that bro . .
    But I very very want to try this Tuts . .

    Can I make it by CutOut effect Or Skecth ? ?
    Help me . . .

  33. Joshua Rogers says:

    Hey. Great tut. But the only problem was the with and without simulate pressure. I’m using Photoshop CS4 and when you select the pen tool, your brush options go away. So i guess what i’m trying to say is I don’t know how to set up the brush with and without simulate pressure. If you guys could help me I would really appreciate it.

    P.S. Nice Tut

  34. PHILLIP says:

    I can’t seem to get step 2 i already outline the picture and i already applied the stroke effect but the original image is still there. can somebody redo this tutorial and make it a little easier, i feel that it’s not complete..

  35. mac9erd says:

    thanks.. :)

  36. surendar says:

    Super sir,
    Exellent work.
    Thanks.

  37. Johnson Koh says:

    Hello Chaxz, are you able to right-click on the work path created and choose “Stroke Path”? The “Simulate Pressure” is the checkbox of that open panel.

  38. chaxz says:

    hi,i like ds tuts but im hard up on the first part,i couldnt find the simulate pressure mentioned above..pls. help..tnx

  39. maria jose says:

    no se le entiende muy bien u.U si explicaran con mas pasos e imagenes musho mejor!

  40. Imran says:

    Beautiful Work.

  41. Mohd Saqib says:

    Really nice and easy tut… I like it.. but the only prob is that I am anable to get the pic of Keeley Hazell from the given link above. If possible pls see the link properly and give me it on my email id…
    I appreciate it very much.. :)
    Thanks in advance
    Saqib

  42. daMz. says:

    Fantastic Tits mmm.. sorry tut

    JAaj
    jaa
    ja
    ja

  43. huwaw69 says:

    the tutorial is good and the model is pretty!

  44. gie says:

    can u tell me abaout retro art? coz I think it’s……. retro ?right

  45. Johnson says:

    Hi Sayz, did you manage to get till Step 4a? With that image, you can get the halftone effect at Step 4b by going to Filter > Pixelate > Color Halftone (apply the settings stated above will do).

    The last halftone is the similar. What I did was I created a large radial gradient (from black to transparent) at the background then apply the same Color Halftone filter.

  46. Sayz says:

    I have problem with the 9th step, how do I create that effect?

    And also, how to create the last half-tone effect?

  47. Joey says:

    grr.. i feel stupid
    i just cant get it
    if someone would just make a decent video… :]

  48. brandon says:

    thanks so much man

    =]

  49. Johnson says:

    @Adam: Yup it does takes awhile.

    @Brandon: It is better if you can draw and stroke each line with just 2 to 3 anchor points. Having too many anchors may result in what you have got. I will do up a post on How to Use Pen Tool tomorrow and you can have a read on it.

    @Kate: You need to click on the right arrow of the Custom Shape Panel and choose to load ALL. Then hit OK for the prompt and you can find the Registration Target 2 shape.

  50. kate says:

    Hi, great tut…i am having difficulty finding the registration target 2 to select though to make the burst effect…..i know where the shape layers button is but where is presets > registration target 2 ??? please help, i would love to know! cheers!

  51. mohsen says:

    if possible put video tutorial!!!!!!

  52. brandon says:

    I NEED SOME HELPPP!!
    if you look at the pic below it shows that i have completed step 2, the face and all, buttt the lines come up too short, in the shirt and the hair, why? and if it helps i have cs3 extended… and i did NOT use the pen tool, i used the freeform pen tool and the add anchor point tool. i didnt understand the pen tool thing at the beginning so i just used those two, and any help would be greatly appreciated.. thanks so much.

    http://i34.photobucket.com/albums/d114/jumpman2334/yeah.jpg

  53. Adam says:

    I cant seem to get the lips or eyes right =/

  54. moih60 says:

    thanx man..amazing tutorial and the last step give it more reality

  55. Reqalke says:

    Awesome! Will be sinking my teeth into this delicious meal!
    :)

  56. MeRad says:

    Photoshopped!

  57. RaSh says:

    Hey!
    Really impressive tutorial! I recently compiled a list of 20 Blogs you can’t live without and mentioned this post (and a few others) among my favorite ones on this Blog.

    Do drop by and let me know if there’s some other post/Blog that you feel I should’ve mentioned!

    Thanks!

  58. mike says:

    Awesome! Will be sinking my teeth into this delicious meal!

  59. Omair Rais says:

    Thanks for the tutorial. Sexy lady.

    Thanks.
    Omair Rais
    http://www.omairarts.com

  60. FlangouS says:

    thanx m8 I’l check it out

  61. Johnson says:

    Hi Blue and FlangouS, I’m sorry that a step was missed out in Step1 resulting in the problem you guys have met.

    I have modified Step 1 above with a better explanation and see if it helps better this time. Main thing is to open up Brushes palette, check on Shape Dynamics and select Pen Pressure.

    Cheers~

  62. FlangouS says:

    the last post I made it with my real name! fokas

  63. FlangouS says:

    I do as you do in step 1…
    I choose a basic brush with 0% hardness , I create a straight line with pen tool , right click (check Simulate Pressure) stroke path…

    the result deffers from yours :(

    your line fades from left to right but mine fades up and down…

    pls help me out , I really want to create something following this tut…

    PS: I posted before my result pic but it seems that my post disapeard :(

  64. Fokas says:

    Dear , Johnson

    I have this prolem…
    view here—> http://img82.imageshack.us/img82/4817/15965721wd0.jpg

    I’ve finished the tut and the outcome seemed pretty ok but too sharp… I believe if i hadent this “brush” prob the outcome whould be awsome!

    Very Very nice tut helped me a alot, but if you could show me what i do wrong , or how you did it i would be great!

    PS: I use adobe Photoshop CS3 extended ( i dont know if this matters anyway! and all my tools had default – [from photoshop] – settings)

    thanx in advance…

    Fokas From Greece!

  65. Blue says:

    i cant get the same effect with the stimulate pressure.. the line just looks thicker.

  66. Blue says:

    this is not that comprehensive.. please make it mkore comprehensive..

  67. Johnson says:

    Welcome to 10Steps.SG Forest! Hope you enjoy the works posted here. :D

  68. Forest says:

    Awesome Tutorial, I have been using photoshop for years and never thought about using the simulate pressure like that before…. I found you from GrandMasteB’s Head’s Up 7 BlogRoll.

  69. Johnson says:

    @Selam: Thanks for helping with the explanations!

    @Constance: To set the size of the brush, select Brush tool on the toolbar, and you can see the brush shape and size below the main menu (directly under Image).

    You will need to set the foreground color to #000000 before stroking the path. Hope these helps.

  70. Constance says:

    Okay…I am confused and frusterated.:(
    I have a picture open in PS that I would like to use. You say se the brush to one pt. HOW? Then I tried to draw a line with the pen tool…right click on it and go to stroke path…but stroke path is grey’d out…WHY? Any help would be great and VERY appriciated.

  71. selam says:

    “Leo”

    you must draw a line by using pen tool then right click the line, then click the “stroke path” and you will see the simulate option

  72. Leo says:

    is this for cs4? i cant find any of those settings for the pentool in cs3

  73. Johnson says:

    Happy new year guys. Thanks for supporting this tut!

    @Bob: Totally agree!!!

  74. motaa says:

    thanx man .good tut and easy appliction

  75. Santana says:

    Nice Tutorial man !! happy new yeas!!

  76. bob says:

    wow Keeley Hazell is so hot

  77. Niyi says:

    Great tut! I dont even need to know how to draw to do this!

  78. rejidesigner says:

    Fantastic Tut.
    The end result has come out perfect.

  79. Johnson says:

    Thanks Moih60! :D

  80. moih60 says:

    thanx man .good tut and easy appliction .

  • Free Brushes
  • FudgeGraphics
  • CrazyLeaf Design Blog
  • Fuel Your Creativity
  • Photoshop Tutorials and Design Resources
  • touch up photo retouching services
  • Small House Design
  • http://www.webbuildersguide.com/
Follow My Twitter Subcribe Full RSS