Vectorizing/Cartoon images

To turn an image into a cartoon, select an image you would like to turn into a cartoon, today we will use this image.

Scarlett-Johansson-face

Then you go to the Pen Tool making sure that it is selected to shape not pen:

Pen shape tool

Then trace over the outline of the face:

Vector 1

Then recolour it using the method of your choice.

After this is repeated on the whole face, this is the result:

Scarlett-Johansson photoshop

Making a Panda!

As this image is made from scratch, rather than from a ready-made image, we need to create a new project, to do so, go

File -> new…

new image

These are the settings we will be using today.

Ellipse tool

circle

The ellipse tool allows us to create circles and rectangles by clicking and dragging, this is how we will make our panda. However, the line of the circle is way to thin. We will fix this by using the stroke tool.

To get to the stroke tool, click on the ‘fx’ symbol on the layer of your choice

effects in layers

you can then alter a number of features about the shape, for now we will just use the stroke option:

strok

As you can see the outline of the ellipse is much thicker.

Eventually, this is the result

panda complete

Notice that the panda’s ears and eyes aren’t exact ellipses, this has been done through the direct selection tool:

select tool

The direct selection tool allows you to modify, add and remove anchor points, allowing you to make more varied shapes.

Layers

Layers allow you to modify certain parts of an image whilst leaving others unaltered.

For this demo we will use the image below

The Best Interior Design

 

First, select the area you want to modify using one of the selection tools.

selection

 

To select multiple areas, hold shift for your first click.

Then continue selection as normal.

One you have finished selecting, inverse the selection.

To split the image into different layers go to Layer -> new -> layer via cut

layer create via cut

 

The image will then split the selection into different layers.

They can be seen in the bottom right corner.

layers

 

You can then open up the image you want to add into the picture.

In order to add the image to the picture you need to split the tabs so both can be seen at once, you do this by simply dragging the tab off the tabs area.

split tabs

Then you simply click and drag one image onto the other using the move tool

move tool

 

you can then re-order the layers at the bottom. The end result should look something like this:

final image

 

Quick Mask tool and hue/saturation

Quick Mask Tool

paintbrush tool

to use the quick mask tool you select paint and then go to the paint tool then click quick mask tool (below)

paint selection thing

you then select the area you want to edit, a pink overlay will appear like so

paint selection

Then you simply click the icon below again, and then inverse selection. The selected area can now be modified.

Hue/Saturation

hue saturation

To get to this screen go

Image > adjustments > hue/saturation.

The image can then be recoloured

polygonal lasso tool and image adjustments

Polygonal lasso tool

polygonal lasso tool

The polygonal lasso tool allows you to select irregular areas

polygonal marching ants

Image adjustments

Brightness/contrast

Brightness and contrast allows you to adjust certain colour elements of the image

Before

brightness 1

After

brightness 2

Levels

Levels allows you to adjust the image in more complicated ways

Before

levels 1

After

levels 2

Curves

Curves, like levels, is a more in depth way of editing colour in images

Before

curves 1

After

curves 2

Square marquee tool, filters and inverse selection

Square Marquee tool

square marquee symbol

the square marquee tool can be used to select rectangular areas in your image, you simply click and drag from one corner of the area you want to select to the other.

‘Marching ants’ will then appear around the area that has been selected, like so

square marquee on screen

The highlighted area can then be modified in a variety of ways.

Today, we will use filters.

Filters

Filter tool

The filter option allows you to modify a selected area in an image. To use a variety of filters Adobe Photoshop comes with, simply click ‘Filter’ at the top, and choose a filter you would like to use.

This is an example of an image that has had a filter applied to it

filtering

Inverse selection

To inverse the selection, you can either click ‘Select’ at the top menu bar and then click ‘Inverse’ or you can press Control+Shift+I.

What inverse selection does is inverses what part of the image is selected.

Below is the same image with the same filter applied with inverse selection.

inverse filter