julianna kunstler logo
color scheme painting

grid drawing portrait
Instagram icon

by JuliannaKunstler.com

Download the Photoshop file (above).

This file contains a grid that fits the project requirements.

GALLERY

color scheme portrait painting

STEPS

step 1: Photoshop

photoshop

Open the file (most likely it will be in the Downloads folder).

It looks like this.

tip:

If you are going to use a "landscape" layout - rotate the image: Image > Image Rotation > 90 CW (or 90 CCW)

move tool

Move tool - is the only tool you need to use.

grid in photoshop

Open your photograph in Photoshop.

Detach your photo from the tab bar by grabbing its tab and dragging it off the bar.

Use Move tool

Drag your photo onto the Grid image.

Close your photo file - we do not need it anymore.

photoshop layers

Once you placed your photo, a new layer is created in the layers palette.

Keep it selected.

You do not need to change anything here,

photoshop

Resize your image by selecting Edit > Free Transform (or Ctrl/Command T)

Important: Hold SHIFT while resizing to constrain proportions.

Resize your photograph to make the face as big as possible. Cropping is OK too.

After you finished resizing - hit ENTER to apply transformation.

remove colors

photoshop editing

Image > Adjustments > Desaturate

That will remove all color information and make the picture greyscale.

increase contrast

photoshop editing

The image needs to be very contrasted.

We are going to make the darks darker and lights lighter.

Image > Adjustments > Levels

photoshop editing

Move the left (Black) slider to the right.

Move the right (White) slider to the left.

Adjust the grey slider (most likely to the right) to exaggerate the contrast in the image.

important:

Please do not copy my input values.

These are specific input levels for this particular Shrek image.

Your values will be different!

break into 4 values

photoshop editing

Step 1:

Image > Adjustments > Posterize

Choose 4 levels

photoshop editing

Step 2:

Filter > Filter gallery

Filter Gallery window will pop up.

Click on Artistic folder.

Select Cutout filter

photoshop editing

Number of levels: 4

Experiment with other settings.

This filter will simplify the edges of your image.

option for delicate photos

photoshop editing

Black & White image adjustment gives us an easy and natural way to convert color photos to black and white.

The Black & White adjustment lets you convert a color image to grayscale while maintaining full control over how individual colors are converted.

Go to Menu bar:

Image > Adjustments > Black & White

photoshop editing

Once you applied the adjustment, colors look grey.

The image, in my case, looks too dark and lacks contrast.

I am going to adjust the conversion of each color in the pop-up window.

Please note, that your adjustments will be different from mine and reflect your image characteristics.

photoshop editing

I lighten some colors (yellow) and darken others (cyans and blues).

My goal is to increase overall contrast.

photoshop editing

I also darkened the background.

Adjust the color settings until you are satisfied with the contrast (or ask me :))

photoshop editing

See the difference?

photoshop editing

The next step is to simplify the image and condense all values into 4.

Filter > Filter Gallery

photoshop editing

Filter Gallery window will pop up.

Click on Artistic folder.

Select Cutout filter

photoshop editing

Set level number to 4

Click OK.

photoshop editing

Your reference image is done and ready to be printed,

photoshop

File > Print

Choose the correct printer.

Set scaling to 100%

Print.

Save and close the file.

You are done with step 1 of this assignment.

grid

If you explore the printout - you will see that all shapes are filled with 4 values.

You will use each value as a reference for your color selection.

step 2: grid drawing

grid

Draw a grid on an 10" x 15" illustration board:

  • draw a 1" border.
  • mark every 1" around the perimeter
  • connect the marks

note:

Do not apply pressure on your pencil while drawing the lines.

Pencil's weight alone will produce enough pressure for the line.

The lines should be very thin and light.

Lightly draw your photo image onto the board in pencil.

Work with one row at a time.

grid drawing
grid drawing

Carefully draw all different shapes. Details are extremely important.

As you draw, you may "smooth out" the edges of any jagged shapes on the skin as you draw them.

The hair might have jagged shapes. Leave the hair shapes jagged as a contrast to the smooth shadow shapes on the skin.

Take your time with this drawing step.

The more accurate your drawing is, the more successful your painting will be.

Draw in all details!

Erase the grid lines completely before the painting steps.

step 3: painting

color wheel

Your photo is made up of 4 different values.

You are going to use 4 hues in the painting.

Start with selecting a color scheme.

analogous

analogous

complementary

complementary

triadic 1

triadic (split 1)

triadic 2

triadic (split 2)

triadic 3

triadic (split 3)

color scheme portrait painting

1. Paint lightest value:

Use one very light tint of a hue of your choice.

Paint in all shapes that are the lightest value in your reference photo.

color scheme portrait painting

2. Paint medium-light value

Remember to reference your color scheme when selecting a light tone.

It should be darker that the first color.

color scheme portrait painting

3. Paint medium-dark value:

The paint should be a darker tone than the previous one.

color scheme portrait painting

4. Paint the darkest value:

Use a dark shade of a color and complete painting the portrait.

grading criteria:

  • accurate/consistent line drawing
  • control to tools/media
  • overall presentation, neatness, craftsmanship
  • color scheme accuracy
  • value accuracy
  • shape accuracy, details
...