Tutorial Details
Download Source Files
Photoshop includes some powerful tools to help you manipulate photos. In this tutorial, we will show you how to create a caricature portrait from a photo using many of Photoshop’s advanced editing tools. In the process, you will learn how to use Adobe Camera RAW to make some global adjustments, how to use Photoshop’s transformation and Liquify tools to alter the appearance of the portrait, how to retouch the image, and much more to give your portrait a cartoon or comic look. Let’s get started! Speed Retouching VideoTutorial AssetsYou will need the following assets to complete this tutorial. Please download them before you begin. 1. Source PhotoThis is the picture out of my camera without any modification. Step 1Open the DNG file in Photoshop Camera Raw. Click on “Workflow Options” at the bottom of the window. Step 2Mark the checkbox: Open in Photoshop as Smart Objects. 2. Raw ConversionStep 1Right click on your original raw file and then click “New Smart Object via Copy." Step 2Let’s start with the basics. We need a good foundation for our comic image, so check out my settings for this image. Step 3It’s also important to bring a little sharpness into it. Step 4To get the characteristics of our comic portrait, we need more contrast, so we set saturation of the yellow tones in his shirt a bit higher. Step 5In this section you have a lot more control of different colors. 3. Resize WorkspaceStep 1You know, in the end we want an image with exaggerated body parts (big head, thin arms…), so we need a little bit more space for our head. In order to achieve this, start by selecting the “Crop Tool” in the toolbar. In this step we can enlarge our image. 4. Make a Big HeadStep 1Now, we need the “Elliptical Marquee Tool." Use this tool to make a round selection around the head. Afterwards press CMD/CTRL + J. Step 2Now it’s time for the fun part! Click on “Move Tool." Change the anchor point from middle to the neck area and now change the size of the head – make it big! Step 3Around the head, you will notice a region we want to remove. Press the icon for a mask (“Add Layer Mask“). Step 5Press “B” or select the “Brush Tool” on the toolbar. You can change the settings (size, hardness/softness) of the brush by right clicking on the image. Then remove the parts around the head that aren’t needed. 5. LiquifyStep 1Press CMD/CTRL + SHIFT + ALT + E to create a new (merged) layer. Then click on “Filter > Convert for Smart Filters." Now open the filter menu again, but this time select “Liquify." Step 2To deform different parts we need the “Forward Warp Tool." Step 3You can see in my settings that I use a big brush, but you can change the size any time. Step 4Click on an area that you want to deform (do not release) and move your cursor and make a tiny body. Step 5If you want to save some parts of the image from being deformed, like this yummy pineapple, change your tool to the “Freeze Mask Tool." Step 6Now you can mask the pineapple, for example. Step 7Click on the “Forward Warp Tool” and deform the armpit. The pineapple will not deform anymore. Step 8Time for some organization! Rename the layers and order them in groups. 6. Remove the BackgroundStep 1A nice way to remove backgrounds is by using the Pen Tool. Sometimes it’s a lot of work but you know the saying: No pain no gain! You must select the complete silhouette of the person. Step 2When that is completed, click on the mask icon (“Add Layer Mask“) again. 7. Create a New BackgroundStep 1Just click on “Layer > New Fill Layer > Solid Color." I use grey (#494949), but you can use any color you want. It’s important that the fill layer is under the person. As you can see, I always use groups for my layers. 8. RetouchingStep 1It’s time for some retouching. Click on the “Lasso Tool.” Step 2Then select the “Shape” layer. Step 3Make a selection of the wickerwork and press CMD/CTRL + J. After this shortcut you will get the selection on a new layer. Step 4It’s easier to find the layers when you name them. In this case, I called the layer “Retouching." Step 5Now you must mirror the layer with the “Move Tool” and move it into the correct position. Step 6To fade the layer you can use the eraser (“Eraser Tool“) and smooth out the edges. Step 7We are not finished yet! Let’s correct some skin imperfections with the “Healing Brush Tool." It’s very easy: Look for a spot that you want to correct and select a clean part from the area around it while pressing the “ALT-key” Now you can brush over the skin impurities. Here is a little before/after-image. 9. Frequency SeparationNow I will show you a technique from Natalia Taffarel. Many people use it for high end retouchings. You will split the image in two parts: color and details. That way, you have more options to get a perfect result. Let’s start: Step 1First, duplicate the layer with CMD/CTRL + SHIFT + ALT + E and afterwards press CMD/CTRL + J. Finally you get two copies of the merged layer. Now put it into its own group. In this case, I named the group “Frequency Separation” and the first copy of the layer: “color." Step 2Select the layer “Color” and use “Gaussian Blur." It’s very important that you use a radius of “10px.” Step 3Now rename the other layer copy to “Details” and go to “Image > Adjustments > Brightness/Contrast." So watch out! First click on “use legacy” and then set the contrast value to “-50." Step 4Next step for our detail layer is to use the “High Pass” filter. You will find it on “Filter > Other > High Pass." Set the radius again to “10px." Step 5Change the layer style of layer “Details” to “Linear Light." Step 6In this step we will remove the print on his shirt. So just select the “Details” layer and choose the “Clone Stamp Tool." Step 7Make sure, that you have selected “Current Layer” on option panel above the image. Step 8Now it’s time to remove the print on the shirt. Take your time for a good result. The result looks a little bit blurry, but here comes the magic trick. Step 9Put a new layer between “Details” and “Color“, rename it to “Magic” and praise the inventor of this layer: Calvin Hollywood. Step 10Select the “Brush Tool,” opacity around “20%” and select a yellow color of his shirt while pressing the “ALT”-Key. Now brush over the blurry font. You will see: it’s gone!! You can also remove some dark parts in his face or on the pineapple with this way. 10. ColorStep 1Select the “Polygonal Lasso Tool" Step 2And make a selection around the t-shirt, this does not need to be very accurate! Step 3Then add an adjustment layer “hue/saturation." Select the yellow tones and pick up the “eyedropper tool” and make a point on his shirt. Step 4Change the Hue to “+155“, which will change the yellow shirt into a blue one. Sometimes you will see some yellow tones in other areas. You can adjust those with the little arrows – move them a little bit. If this does not work, you can use a mask. Step 5Choose “edit in quick mask mode” and select his teeth. Step 6Brush over the teeth, the mask does not need to be perfect again. When you are finished, click on the button again and you will see the selection. Step 7To change the colors of the teeth we need a new adjustment layer. In this case “Hue/Saturation." In this picture you will see my settings, for brighter teeth. Step 8I do the same with his eyes: Select the pupil and add a “Selective Color” adjustment layer. Choose the color gray, Move the cyan slider to +58% and yellow to -78 to adjust to change to color to blue. Step 9For brighter eyes, you have to change the blending mode to “Linear Dodge” and an opacity of around “20-30px." Step 10In the last part of this chapter we change the “Vibrance” of the hat. So we must create a selection of it. Step 11Click on the little icon and then on “Vibrance." You can set the “Vibrance” to “+100” and “Saturation” to “+15." Step 12The last two things you have to do is to change the blending mode to “Soft Light” and the opacity to “40%." 11. Build Your Own SmileyStep 1Start a new document using the menu entry “File > New…” and the following settings: Step 2Change the foreground color to yellow; I use “#f1b500″ – then select the “Ellipse Tool." Step 3Make a big circle in the middle of this document, press CMD/CTRL + R for rulers and set marks for eyes. Step 4Use the “Ellipse Tool” again, but press “ALT” to remove it from the big circle. You can use the “Direct Selection Tool” to move the eyes to the correct position. Step 5The mouth is missing, so here we go – repeat the previous technique. Step 6Select the “Delete Anchor Point Tool” and remove the point on the top. Step 7Now put a little smile on his face. Move the anchor on the left and right more to the middle. Once you are done, select the “move tool” and move the complete smiley to the comic image. Step 8It’s important to get a good overview, so rename and group the layers again. Step 9With right click on the smiley layer you have the option to “Rasterize Layer” – it’s important for the next steps. Step 10Select the “Move Tool” and bring it to the right position on his shirt. Don’t forget to transform the perspective. Finally set the blending mode to “Color." Step 11Now it’s time to make it more realistic. Use the “Smudge Tool” to make creases. Step 12After the smudge part, you have to edit the area with the flowers using a mask. 12. Change Background ColorStep 1So now let’s change the background color. I use the following color: “#bf8213." Step 2Use the “Elliptical Marquee Tool” and make a little selection like this: Step 3The next step is to make the selection a bit smoother, go to “Select > Modify > Feather” and use a radius about “400px." Step 4Click on the little icon and choose “Levels." Step 5Move the midtone slider to the left or type the value “2.57” into the field. Step 6Repeat the steps (make the selection a little bit bigger, make it smoother, add a levels adjustment layer). Invert the mask with CMD/CTRL + I and slide the midtones to the right round about “0.65." 13. Refine MaskStep 1When you look closely, you will see some dirty edges. That is the reason, why we have to refine the mask of the person. Click on the mask: Step 2Go to “Filter > Blur > Gaussian Blur” and use a “1.5px” radius. Step 3Next segment is “Filter > Other > Minimum” and set the value to “2.5px." 14. Dodge and BurnStep 1Create a new group and name it “Dodge and Burn." Click on “Layer > New > Layer." Name it “Dodge and Burn Hard” use overlay and 50% gray. Step 2Select the brush tool and use a soft brush with a opacity of “2%." you can boost the shadows and the highlights with this brush. Change the color by pressing the “X” key. Step 3Repeat the step on a new layer, but for this step, use “Soft Light” instead of “Overlay." 15. Color MoodStep 1Create a new group with the name “Color and Light Front” then click on the little icon for adjustment layers and choose “Solid Color." Fill it with “#bf8213." Step 2It’s very important that the background and the person will be merged to one. Therefore, we set the blending mode to “Color” with a low opacity. Step 3Press the icon for a new blank layer. Step 4You can name this one “light." Use a small white brush – low opacity (around “3%“) and brush over the neck to make the illusion of rays. 16. Painted LookStep 1Create a new group, name it “Final” and merge all layers with CMD/CTRL + SHIFT + ALT + E. Step 2Rename it to “Paint Look” and change it to a smart object by clicking with right click on it. Step 3Click on “Filter > Oil Paint“ Step 4In this image you will see the settings: Step 5Add a mask and press CMD/CTRL + I to invert. Now you can use a white brush and open different parts where the effect came through. 17. Camera Raw FilterStep 1Finally we come to an end: Merge all layers to one by pressing CMD/CTRL + SHIFT + ALT + E and rename the layer to “Camera Raw Filter." convert it to a smart object by clicking on “Filter > Convert for Smart Filter.” Step 2Click on Filter > Camera Raw Filter. Here are my final settings: ConclusionCongratulations! You made it! Our original photo now looks like a caricature. We hope that you have learned something from this tutorial and that you can apply what you learned to create your own comic and caricature effects. |
|