Photography can be traced back all the way to the camera obscura; which was an aid for artists who could then draw their subjects from the projection created by the light passing through the pinhole. Following that tradition, in this tutorial, I’m going to show you how to create a drawing by outlining the subject from your digital photo to create a fun, cartoon-like image.
Getting started
You can use this technique on any photo you want and apply it to any subject you like. However, I find it best, especially for your first attempt, that the subject is well defined or isolated so it’s easier for you to outline it. I also personally prefer and recommend that the image is not too busy. So, once you have chosen your photo, open it in Photoshop.
Outline the subject
To trace your subject you are going to use the Pen tool. The way it works is that you create anchor points with each click. A straight line then connects those points. Do this all around the subject.
Once you have this, change the Pen tool to the Convert Point Tool, which you can find by holding down on the Pen until the drop-down menu opens. With the Convert Point, you can curve the straight lines to make it fit the silhouette best. Just click on the anchor point and start dragging it. From each anchor point, you will have to handles, each one to control the line in each direction of the anchor.
This will help you get a smoother silhouette and avoiding unnecessary bumps that you would get if you only trace by adding anchor points.
A straight line.
Using curved lines.
Create your outline
Once you have outlined the silhouette of the subject, create a new layer. You can do this by going to the top Menu > Layer > New Layer. You can rename it as “silhouette” or “outline” just to keep things tidy, as you will be creating more layers further along.
What you’re going to do next is turn this path into a drawing, more precisely, the line that borders your drawing. Therefore, you can choose which color it will be and how thick you want it. To set it you need to go to the Brush tool and select a hard brush as thick as you want. I’m doing 8px in this case.
You can also choose the color by clicking on the foreground color at the bottom of the tool palette, for this example, I’m using black. Turn off the background layer (click the little eye icon) so you can see how it will look like and then choose your settings.
Now that you have this ready, leave the new layer active go to the path palette. If it’s already opened you can open it by going to the top Menu > Windows > Path. In there you will see that a Work Path has been created, the icon will show the image as a grey rectangle and the path is the silhouette you traced.
Next, right-click on the Work Path and choose Stroke Path. A pop-up window will appear, make sure the Brush option is selected and click OK.
Adding details
You have a border or a silhouette now, but you still need details. Each one will be a new layer and a new path, that way you have it separated and can, therefore, control it more precisely.
If you want two details on the same layer, for example, to keep the two ears in one layer so that any changes apply equally, then you keep working in the same layer. But you do need to create a new path for each one.
Notice here that I have my background layer which is my original image; a Layer 1 that corresponds to the Work Path which is the outline; and a Layer 2 that contains Path 1 and Path 2 which are the two details of the ears. This is why I suggested earlier that you should rename the layers and the paths to keep track of them easier. Continue doing this as many times as you need to finish your drawing.
Apply a filter
Once you’re finished with this, duplicate the background layer. With this new layer active, go to the Work Path (the one that has the outer line of the drawing) and right-click it. From the drop-down menu, choose Make Selection. This will select your subject so that the filter you’ll apply next doesn’t affect the background, otherwise the entire will turn into a cartoon.
Now go to the top Menu > Filter > Filter Gallery. A window will appear with all kind of filters that you can apply and a preview image. In this case, you’re going to select the one called Cutout from the Artistic Filters. On the right side there are sliders to refine the effect, just move them around until you are satisfied. I’m going to do it as Number of levels 7, Edge simplicity 5 and Edge fidelity 2. When you’re done just click OK.
Other tricks
You can also multiply your cartoons, apply modifying layers to change colors or saturation, and anything else you can think of! And the best part is that you can do this to any kind of photo, here are some other examples; share yours as well in the comments!
