Using value to create form on a shoe

The examples below illustrate how you can take the contour line drawing of a shoe and create an image that has dimension.


VALUE is the lightness or darkness within the artwork.  By using different values to shade the shoe, you can take the flat drawing of the shoe and transform it into an image with a 3-dimensional likeness.


Beta version....if there are errors, please let me know.

Go to www.photopea.com

Click File...New

Click Print and select Letter 8.5 x 11 in

Click Image....Transform...Rotate 90* (either one)

Your screen should look like this

Take a photo of your Contour Line Shoe drawing if you have not done so already and save it to your desktop.  It should be a JPG/JPEG file.

Drag the photo of your shoe drawing to your Photopea canvas. Your screen should look like this.

CLICK the checkmark

(placeholder)
(placeholder)
(placeholder)
(placeholder)
(placeholder)

a. Click Layer

b. Click Rasterize

This is so that you can make adjustments to that layer.


c. The little square that was previously on the icon in the Layers Palette is now gone.

(placeholder)
(placeholder)
(placeholder)

a.

c.

a. Click Image....Adjustments....Brightness/Contrast



b. The Brightness/Contrast popup window will appear.

(placeholder)

a.

Move the sliders until your image background matches the Background Layer as close as possible.

Click Ok.

If you need to crop your image do the following...if not, go to the next step.

Click the Crop tool

Take your mouse/use the trackpad to select the area you want to KEEP.

Click the checkmark

(placeholder)
(placeholder)
(placeholder)
(placeholder)
(placeholder)
(placeholder)

a. Click New Layer

b. This is where your new layer should be

c. Click on the Brush Tool icon


To make your canvas size bigger, click Cmd +.  This makes your shoe appear bigger on your screen and will make it easier for our next steps.

a.

b.

c.

a. Click on the brush setting

b. Slide the brush size to 10 px

(placeholder)
(placeholder)

Outline the entire outside and any solid lines of your shoe.  Do not leave any open areas, connect all of your solid outlines.

For the dotted lines/stitching, reduce the size of the brush from 10 to 5.  Stitching does NOT have to be connected.

If your shoe does not have stitching, go to the next step.

(placeholder)

On the Layers Palette, click on the eyeball next to your picture layer, mine is named IMG_5434.


(placeholder)

On the Layers Palette, double click on Layer 1 and rename it SHOE.


ALWAYS make sure the SHOE layer is the darkest layer in the Layers Palette


On the Toolbar, hold down the Object Selection tool and select Magic Wand.


Click on the white part of the sole of the shoe.  A dotted line will appear on the inside of the sole.  

If it goes outside of the sole, you have lines that are not connected.  Go back to the brush tool and find the area that has a space and close it.

(placeholder)
(placeholder)
(placeholder)

Click on the Foreground color (black square), choose a color from the Color Picker for your sole.

Click Ok.

(placeholder)
(placeholder)

a. Click on the Brush Tool

b. Click on the brush setting and slide the size to 80.

a.

b.

a. Drag the brush over the sole (that still has the dotted line going around the inside of it).


b. Fill in the entire sole area.

Detail of the sole of the shoe showing the dotted line along with the beginning of the color.

(placeholder)

a.

(placeholder)

b.

a. Click on foreground color and in the Color Picker, choose a new color for the body of the shoe.

b. Click on the Magic Wand and select a white area of the shoe

c. Click on the Paint Bucket icon


d. Place the paint bucket over the white area of the shoe and click

Your shoe should be colored in.  If the color went outside of the shoe, you  have an open line.

Click Cmd Z to step backward and remove the paint.


REPAIR:

Click on the foreground color and click on black.

Click  on the brush tool.

Find the break in your line and repair.

Repeat steps a. - d.

a. Click on the foreground color to change the color.

b. Click on the Magic Wand tool.

***Hold down the Shift key on your keyboard.

c. Click on one closed line area of your shoe

d. Still holding down the Shift, click on another area that has closed lines

e. Using either the Paint bucket or the Paint brush, color in both areas.


If you have any remaining areas to color in, repeat the process.


If the paint went over the entire canvas, click Cmd Z.  Follow REPAIR instructions listed above.

Repeat steps above.

(placeholder)
(placeholder)

b.

a.

(placeholder)

c.

(placeholder)

d.

(placeholder)

a.

(placeholder)

b.

(placeholder)

c.

(placeholder)

d.

a. Click on Brush Tool

b. Change brush size to something in the 30's (mine is 32)

c. Change the Brush Opacity to 20%

d. Move the brush tool over the areas of the shoe that need a shadow

(placeholder)

a.

(placeholder)

c.

(placeholder)

b.

(placeholder)

c.

(placeholder)

d.

SHADOWS

Your light source is coming from the upper left hand corner.

a. Click Magic Wand

b. Select colored area of your shoe

c. Make sure you have a dark color for the Foreground Color


(placeholder)

a.

(placeholder)

b.

When you are shading, click the Magic Wand on a different area to shade that area (top rim of the boot, bottom lighter stripe).  Follow same steps to shade.

HIGHLIGHTS

Remember: your light source is coming from the upper left hand corner.

a. Click Magic Wand, hold SHIFT key

b. Select the light/medium colored areas of your shoe

c. Choose WHITE for the Foreground Color by clicking on the "L" shaped arrow



The large WHITE square should be on top.


(placeholder)
(placeholder)

a.

(placeholder)

b.

(placeholder)

c.

a. Click Eraser Tool

b. Change Eraser Opacity to 15%

c. Change brush size to 316 px and eraser hardness to 0%


Gently brush the eraser tool over the shoe until the highlighted areas are believable.



(placeholder)

a.

(placeholder)

b.

(placeholder)

c.

The shadows create different levels of digital information in the computer.

So hold the SHIFT key down when you are selecting the different areas of the shoe to highlight.

Note how the dotted line is primarily on the original colored area.

This is fine.

a. Click on the hidden layer on the Layers Palette: (mine is IMG_5434)

b. Click New Layer

c. Layer 1 should be located under the SHOE layer

Believable highlights

(placeholder)

a.

(placeholder)

b.

(placeholder)

c.

a. Click the Brush Tool

b. Change size to 202 px, Hardness to 0%

c. Brush opacity should be 32%

a. Make sure you are on Layer 1

b. Move the brush over the bottom of the shoe


Notice how it is coloring UNDER the shoe.  It's because you are on the layer that is UNDER the SHOE layer (on the Layers Palette).

a. Click the Text tool on the Toolbar

b. Click under the lower right part of your shoe

c. Change the font size to 150...Type your actual name (not the words "Your name")!

d. Click the checkmark


(placeholder)

b.

(placeholder)

a.

(placeholder)

a.

(placeholder)

b.

(placeholder)

c.  

(placeholder)

d.

Finished art

Click File.

Select "Export as"...select JPG.

This saves it to your Downloads.

In the Google Classroom, select Google Doc: Colored Shoe and attach the JPG file.


(placeholder)

b.

(placeholder)

a.

(placeholder)

c.

1.

2.

3.

4.

5.

6.

7.

8.

b.

(placeholder)

b.

9.

a.

b.

10.

11.

12.

13.

14.

15.

16.

17.

18.

19.

20.

21.

22.

23.

24.

25.

26.

27.

28.

29.

30.

31.

32.

33.