Creating an Unique Profile Image

 

Preparation:

We need to download a profile image from Katanaz Stock for this tutorial or something similar.

Download Female Stock 14.

All rights of these resources belong to their respective owners.

   

Step 1a – Defining Patterns:

Creating a new document of 3 x 3 pixels.

Using Pencil tool with size 1px, paint the pixels with the colors stated in the diagram.

Select all or Ctrl+A, then go to Edit > Define Pattern. Save this pattern as Pattern 1. Close this document once you are done.

   

Step 1b – Defining Patterns:

Creating a new document of 3 x 3 pixels.

Similar to Step 1a, use Pencil tool with size 1px and paint the pixels with the colors stated in the diagram.

Select all or Ctrl+A, then go to Edit > Define Pattern. Save this pattern as Pattern 2. Close this document once you are done.

   

Step 1c – Defining Patterns:

Creating a new document of 3 x 3 pixels.

Perform similar procedures as in Step 1a and 1b. Name this pattern as Pattern 3.

   

Step 1d – Defining Patterns:

Creating a new document of 3 x 3 pixels.

Perform similar procedures as in Step 1a, 1b and 1c. Name this pattern as Pattern 4.

   

Step 2 – Create Path Outlines:

Creating a new document of 750×550 pixels.

Open up Female Stock 14 that you have downloaded and resize it like the one shown on the left.

Using the Pen tool, create a path along the outline of the female model. Hide this layer once you are done.

   

Step 3 – Filling Base Pattern:.

Create a new layer and name it as Type 1.

Go to Paths tab, select the path layer you created and click on ‘Load Path as Selection’ button.

Select Paint Bucket tool, set the mode to Pattern and choose Pattern 1 you created at Step 1a. Back to Type 1 layer and fill the selection with this pattern.

   

Step 4 – Posterize Image:

Unhide the female model image.

Go to Image > Adjustments > Desaturate. Go to Image > Adjustments > Shadow and Highlights. Set the Shadows to 50 and Highlights to 0. Then Image > Adjustments > Posterize. Set the levels to 6.

Rearrange this layer to be above Type 1 layer.

   

Step 5a – Filling Patterns:

Create a new layer and name it as Type 2.

Select the model layer. Make a small selection around the dark grey area (just below the eye) with Rectangular Marquee tool. Go to Select > Similar.

Select Paint Bucket tool, set the mode to Pattern and choose Pattern 4 you created at Step 1d. Fill the selection with it.

   

Step 5b – Filling Patterns:

Create a new layer and name it as Type 3.

Select the model layer. Make a small selection around the middle grey area (left side of face) with Rectangular Marquee tool. Go to Select > Similar.

Select Paint Bucket tool, set the mode to Pattern and choose Pattern 2 you created at Step 1b. Fill the selection with it.

   

Step 5c – Filling Patterns:

Create a new layer and name it as Type 4.

Select the model layer. Make a small selection around the middle grey area (right side of face) with Rectangular Marquee tool. Go to Select > Similar.

Select Paint Bucket tool, set the mode to Pattern and choose Pattern 3 you created at Step 1c. Fill the selection with it.

   

Step 6 – Masking the Layers:

Go to Paths tab and select the path you have drawn earlier. Click on ‘Load Path as Selection’ button.

Back to Layers tab, select the Pattern 2 layer and click on ‘Add Layer Mask’ button.

Repeat the same for Pattern 3 and 4 layers.

   

Step 7 – Adding Color:

Create a Hue/Saturation Adjustment Layer above all the other layers.

Check on Colorize. Set the Hue to 185, Saturation to 55 and Lightness to 17.

   

Optional:

At the end, I added a gradient background to it with the same color set in Step 7.

Hope you have enjoy the session. Thanks!

Click here to view the final image

Other Design Articles You May Find Interesting

32 Comments | Write a Comment

  1. Raunaq says:

    Hello Johnson. I figured out the process upto step6 but then I got stuck in the 7th. I do not understand “create a hue/saturation layer”. Please guide me with this process.

    Thanks.

  2. Jazz says:

    Can anybody help me?

  3. Lisa says:

    Love this. Took me a few trys with not reading the tut clearly. But the end product was worth it. Thanks!

  4. paul says:

    Bad tutorial… hard to follow… and even when i figured it out… it didnt turn out to look exactly like yours…

  5. Paul says:

    it wont let me desaturate

  6. Robert says:

    this is impossible to follow, not detailed enough…

  7. Goran says:

    Greeting Johnson,

    as i started with Photoshop, i stumbled over your “smoke effect” website and got really fast to this one.

    I tried many of your tutorials, because of my desire to learn as much as possible from you and your really amazing ideas and techniques.

    Furthermore i am grateful for the work you have done until now, but at the same time really annoyed because some/most of those tutorials arent understandable for me (and i guess for the most beginners.)

    Those step by step tutorialpictures are looking good, but the problem is that most steps arent really clear, even if most of those things are really obvious to you.

    I would be more than happy if you could make videos including your tutorial style.

    Thanks Johnson.

  8. Jonny Irving says:

    Awesome tut. Will def be have a go at making one of these!
    Cheers

  9. Una restauración fotográfico muy divertido y una buena pagina tambien.

  10. Johnson Koh says:

    @Ed: We have just posted up the latest tut on using Pen Tool. How about checking it out at http://10steps.sg/photoshop/create-a-vector-mascot-with-pen-tool/

    @huwaw69: I’m glad you found us too! :D

  11. huwaw69 says:

    THIS IS WHAT i have been looking for

  12. Ed says:

    I’ve never used the Pen Tool for outlining before (I’m new to portrait stuff, I never used it for landscape images!) so I’m a little stuck creating the path. Any chance of a little more detail on that step?
    Thanks (great tutorials btw)

  13. Johnson Koh says:

    Hi Jimmy, may I know which part are you stuck at? I will try my best to assist over here.

  14. Jimmy says:

    Hi, great tuorial! but is it possible if i can get tutorial in a few more explained steps as i am not as professional as most poeple out there.

    Thank You

  15. jessa says:

    i finally found the answer to my own question..:)

    but another one i cant make the selection in filling the pattern…tnx

  16. jessa says:

    how do you do exactly the defining patter??tnx johnson!

  17. Yemi Joshua says:

    this is the craziest thing I av ever seen!

  18. Johnson Koh says:

    Hi Asfi, do you have the Posterize function in your Photoshop? This tutorial is made with version CS3.

  19. Asfi says:

    Hello
    I am stuck at step 4 i-e Posterize Image: , please help me out

  20. Craig says:

    Simple and useful. Seriously. Thanks.

  21. moih60 says:

    amazing work man…the final result

  22. SamBrown says:

    nice effect: straightforward and useful

  23. Johnson Koh says:

    Thanks Evelyn and Kristel! ;)

  24. A really nice effect :D
    Love it! :D

  25. Evelyn says:

    I have never seen this before! Easy and Unique! Thanks Johnson!

Follow My Twitter Subcribe Full RSS