turn a portrait photo into a painting | psdtuts+

Advertise Here

Photo Effects Week: Turn aPortrait Photo Into a PaintingMartin Perhiniak on Oct 25th 2011 with 22 Comments and 0 Reactions

Tutorial DetailsProgram: Adobe Photoshop CS5Difficulty: IntermediateEstimated Completion Time: 4 - 5 Hours

Download Source FilesSource files for this tutorial are available to Premium members.Get a Premium Membership

Final Product What You'll Be Creating

Turn a Portrait Photo Into a Painting | Psdtuts+ http://psd.tutsplus.com/tutorials/photo-effects-tutorials/turn-a-...

1 de 16 14/01/13 18:20

This week we are celebrating the launch of PhotoDune, Envato’s new stock photography website with a series ofphoto effect and photo manipulation tutorials that showcase the images from our new marketplace. In thistutorial we will turn a photo into a digital painting using several techniques to achieve a mixed media look. Forthis workflow you don’t necessarily need to be good at freehand drawing as we won’t start from scratch but usethe photo as the base of our artwork. The photo used in this tutorial is available for free for Psd PremiumMembers. Let’s get started!


2 de 16 14/01/13 18:20

Tutorial AssetsThe following assets were used during the production of this tutorial. We have granted a complimentary personallicense to Psd Premium Members for the PhotoDune images used in this tutorial. They can be accessed in thesource files of your premium download. If you are not a premium member, you can download the images used inthis tutorial below.

Tribal beauty woman with makeupCanvas textureWatercolor splatters brush set

Step 1Open the Tribal beauty photo. First of all we need to extract the woman from the original background of thephotograph. We don’t need to include the sticks in her hair, which makes the selection a bit easier. As thebackground and the foreground are too close to each other in colors we will you use the Pen tool for theselection. You can see the end result of the masking on this image:

Step 2On images like this using the Pen tool is very useful as we have lots of clean curves on the edges. With the Pentool you can create curves easily to track the outlines of the portrait. Once we draw the whole path, we will turnit into a selection and save it as a pixel mask. You should select the Pen tool and make sure you use the Pathmode.


3 de 16 14/01/13 18:20

Step 3You can choose to include the hand and the body in the selection and use it in the final composition but if youwant to make the masking faster you can leave it out and only focus on the head as we will only use the head inthis tutorial. Try to use the least amount of anchor points for your path but try to follow the edges preciouslywith your curves. If you are not familiar with the Pen tool check this tutorial out from my Photoshop forBeginners series:

Step 4Once you go around the head with the Pen tool and you finish the path by closing it up you are ready to turn it


4 de 16 14/01/13 18:20

into a selection. While still having the Pen tool selected use right click and choose Make Selection from thecontext menu. You can add 1 pixel feather.

Step 5After you made your selection you will need to turn the Background layer into a normal layer by double clickingon it in the Layers panel and call the layer Portrait. After this turn your selection into a Pixel Mask by clickingon the this icon in the Mask panel or at the bottom of the Layers panel:


5 de 16 14/01/13 18:20

Step 6The mask will hide the original background, where you should see transparent pixels now. Next thing we need todo is to brighten up the portrait. We are going to use a Curves Adjustment layer with the following curve:

Step 7Select the Adjustment layer and make a clipping mask between the adjustment and the portrait layers by pressingCtrl + Alt + G / Cmd + Option + G to make sure the adjustment won’t affect other layers below. After this usethe Free Transform tool from the Edit menu (Ctrl/Cmd + T) to make the whole portrait slightly bigger to fill theoriginal frame more tightly.


6 de 16 14/01/13 18:20

Step 8We need to create a new layer at the bottom of the layer structure. Fill in this new and empty layer with white(press D and then Ctrl/Cmd + Backspace) and then apply the following layer style on it:


7 de 16 14/01/13 18:20

Step 9You can call this layer Background. Next step is to make a new layer on top of the other layers and call it MixerBrush. On this layer we are going to start creating the foundation of the painting effect. You will need todownload the Watercolor Splatter brush set for this step. You can find the link at the beginning of the tutorial.Once you have the brush file, just double click on it to install it. After that the brush set should be available inPhotoshop. First of all you will have to select the Mixer Brush tool (CS5 only) and set up the following optionsfor it:

Choose Splatter 24px (from the Watercolor Splatter brush set)Set the brush size to 121 pxTurn off the ‘Load brush after each stroke’ optionChoose Very Wet, heavy Mix optionTurn Sample All Layers option onIn the Brushes panel you will have to turn on Texture, Load the Artistic Surfaces and choose Dark CoarseWeave texture (turn Invert option on)Under Texture set Mode to Height, Scale to 79% and Depth to 11%If you have a tablet use Shape Dynamics too and set the Size Control to Pen Pressure (if you work with amouse you don’t need this)Under Brush Tip Shape set the Spacing to 5%


8 de 16 14/01/13 18:20

Step 10After all these settings it is worth saving this brush setup for later use. Let’s save it as a Mixer Brush Tool preset.Click on the far left icon on the control bar and click on the new icon and name the brush Painting over photos.

Yorkshire TerrierA PARTIR DER$350

MaltêsA PARTIR DER$300

VestidosA PARTIR DER$75

Playstation 2A PARTIR DER$250

Bebê ConfortoA PARTIR DER$50

Bull TerrierA PARTIR DER$450


9 de 16 14/01/13 18:20

Step 11Make sure you have the new empty layer selected before you start painting over the photo. With this setup on theMixer Brush you will be able to paint over the portrait blend details together. The Mixer Brush will not only usethe portrait layer but it will also sample from the background, which will help us to break up the original edgesof the face to make it a bit more artistic, painterly. Try to keep the details on the eyes, nose and mouth but youcan be much more loose on the other parts of the face. Use your creativity in this step.


10 de 16 14/01/13 18:20

Step 13After this point you can turn off the Portrait layer, which will also turn off the clipped Curves Adjustment layer.We don’t need them anymore, but it is good to keep them in case we want to add some more detail to the MixerBrush layer (like the hand for instance).


11 de 16 14/01/13 18:20

Step 14It is time now to add more canvas feel to our painting with the image you can download from the link I includedat the start. Open up this image and drag it on top of our composition and name the layer Canvas Texture. Set theblend mode to Overlay and then create a Hue/Saturation adjustment layer with the following options (thisadjustment layer has to be clipped to the texture layer):


12 de 16 14/01/13 18:20

Step 15To increase the contrast lets add a Levels Adjustment Layer on the top with these values:


13 de 16 14/01/13 18:20

Step 16It is time now to make the whole painting more dynamic and interesting by using the Splatter brushes withBrush tool. Create a new layer under the Canvas Texture and call it Colors. There is no correct way to set theoptions for this step as you will get interesting effects no matter what options you use. It is useful to work withmore than one brush tip shape from the brush set and also to use Jitter on the size and angle to get morevariation. I was changing my color a lot and I tried to introduce interesting and vivid tints like purple, yellow andblue. On the left you can see the Colors layer separated and on the right the way it looks together with the otherlayers. This step took roughly 20 minutes, but it is the fun part of the process.

Step 17Now we need to show the neck somehow. An interesting way to do it is to brighten the background instead ofoutlining the curve of the neck. This technique is very similar of using a sponge or a cloth to smudge andbrighten up parts of your painting. The way we can easily do it in Photoshop is to make a new layer above theColors and below the Canvas Texture, then fill this layer with 50% gray (Edit/Fill option with 50% gray option),set the blend mode to Overlay and the opacity to 60%. Once you are ready with this you will need to use theBrush tool with a soft edge brush set to white color and 20% opacity on this layer. Simply brush over the neckand maybe other areas as well a couple of times where you feel a bit of brightening would help the overall look.Optionally you can also darken with this layer if you change your brush color to black.

Step 18


14 de 16 14/01/13 18:20

Next step is to add more detail onto the face. I wanted to emphasise the eyes so I decided to create two newlayers. I used a layer to paint some dark details (marked with red arrows) and another layer set to Overlay blendmode for adding bright paint spots on the face. These spots are actually following the design of the originalmakeup from the photograph.

Step 19The last layer we need to create is for adding more detail to the whole portrait. On this layer I will use a simpledefault circular brush with hard edges and draw over parts of the image. You can place this layer below theCanvas texture and you call it Ink as it is similar to using ink over paint. Here are two close ups to see the detailsof this new layer:

Step 20After this point it is up to your imagination how to finish the whole piece. Hopefully it was inspiring to gothrough these steps together. On the image below you can see the final layer structure:

Final Image

Tags: Photo Effects Week

By Martin PerhiniakMartin is a Hungarian graphic designer, digital artist and an Adobe Certified Expert and Instructor (DesignMaster). He is currently teaching and working in London but usually travels around the UK and share his lovefor Adobe products and graphic design. You can follow him on his blog or on Twitter.

Like 2,028 people like this.

mental ray tutorialswww.DigitalTutors.com/mentalray

Render like a pro with mental rayFull training library $45/month


15 de 16 14/01/13 18:20


16 de 16 14/01/13 18:20

turn a portrait photo into a painting | psdtuts+

Documents