BACK

Jose Agustin Andreu
STUDENTS' WORK
2 Dimensional Design

 

Values

Text

Page 1

Page 2

Page 3

Self Portrait Values

Click Image for Manual Slides

spvF09johnson1
F09johnson1

spvF09Hansen3
F09Hansen3

spvF09Hansen1
F09Hansen1

Project Instructions & PDF

Trace a photograph of self into large and general shapes that keep the representational contours of the face. You can divide the value pattern of the photograph into three values, light, dark, and medium grey. Fill the shapes representing one value with a corresponding value pattern. Fill the other value shapes with another lighter or darker pattern. Follow the value relationships; light is light, dark is dark, etc. The rest of the image can be rounded out and detailed with linear patterns.

Make three self-portraits by filling the value shapes with the value scale swatches from the value scale exercise and the tessellation swatches from the tessellation exercise. You can also use the vectorized Texture exercises by selecting an area and making a swatch. Different textures will give you different values due to their different densities. You can also change the scale of the texture to alter the apparent value. Recreate the volumes in your image with the swatches. The recreated image should be recognizable as your self as much as possible.

To Crop a Photo on Illustrator Open a New document on Illustrator. Give it a name such as 'lastnameportrait1'. Chose vertical letter format and RGB. Go to File > Place and place the image of self on the document. Deselect. Chose the Rectangle Tool and make Stroke black and Fill none. Draw a frame around the part of the image to be used. Use the Free Transform Tool to adjust the frame proportions. Drag Select both the image and the frame rectangle. Go to Object > Clipping Mask > Make. With the cropped image still selected, go to Object > Rasterize. On the Rasterize Options Window set the Resolution to High, 300 ppi, and Click OK. Go to File > Save and save a copy of your cropped image.

Duplicate the image Make a new Layer to work in by clicking the Create New Layer at the bottom of the layers palette. It should appear at the top of the Layers palette. Drag Select the image. Notice that a small color square appears next to the Layer Name in the Layers Palette when it is selected. It will also show up if it's in a group. Click and, while holding the Option key, drag the little color square to the new layer. Wait till the arrow appears on the left before releasing and it will stay with a new color. You now have a copy of the image in a new Layer. Click and dragging is a convenient way of moving objects between layers and groups.

Or
You can select the layer by clicking on the layer name and go to the Layers Option by clicking and holding the little black arrow at the upper right of the Layers palette and selecting Duplicate Layer. Double click on the new layer name to rename the layer. Go back to the layer with the original image and click on the empty square to the left of the layer name to lock the layer. Click the Eye on/off next to the layer to temporarily hide or reveal the objects on that layer. Now you can Live Trace or trace by hand the copy of the image.

To Live Trace Drag Select the duplicate image or click on the Radial Button on its layer in the Layers Palette. On the Control Palette select the Tracing Options Dialogue or Go to Object > Live Trace > Tracing Options. Chose the preset grayscale with 6 colors. Or select Tracing Options in the Control menu. In the Tracing Options window under Adjustments and Mode chose Greyscale. In the Max Colors chose a number between 3 to 6. Select Preview and you can experiment with the various Thresholds and Adjustments. Try other results by changing the Max Colors to 4, 2 or 5. When satisfied with the results, click Trace. Convert the tracing object into vector paths by clicking Expand. Go to File > Save and save a copy of your vectorized image.

To simplify the areas of the drawing you can try these different methods. Join paths to make more general shapes. Make several simpler shapes rather than a very large complex shape with branches. Closed shapes work, open shapes don't. Direct Select fill shapes and paths to delete, transform them. Remember that Stroke Paths and Fills have to be selected so that they can be edited with the Knife Tool and the Eraser Tool. Direct Select points and join them by going to Object > Path > Join. Direct Select a path to cut it with the Scissors Tool. Also, you can Drag Select the portrait and go to Object > Path > Simplify. In the Simplify dialogue window you can adjust the Curve Precision, the Angle Threshold and select to render in Straight Lines or to see the Original for comparison. Also with everything selected go to Window > Pathfinder and in the Pathfinder Palette select Trim or go to Effect > Pathfinder > Trim.

Adding value patterns
Make a third Layer to work in by clicking the Create New Layer at the bottom of the layers palette. It should appear at the top of the Layers palette. Select the layer with the vector drawing or vectorized image. Select the entire image and go to Object > Ungroup. Direct Select a shape or vector path representing the darkest value to be substituted with a pattern. Notice that a small color square appears next to its Layer Name in the Layers Palette when it is selected. It will also show up if it's in a group and next to its path name. Click and Option drag the little color square to the new layer. Wait till the arrow appears on the left before releasing and it will stay with a new color. Click and Option dragging the little color square is a convenient way of copying objects between layers and groups.

Direct Select and Option drag all the related shapes into the new upper layer. Hold the Shift key to add to the selections and move more than one path at a time. Repeat the procedure for each of the values represented in the image. Place copies of all the fills and vector paths representing a value in their own layer. A quick way of moving all the similar value shapes at the same time is to Direct Select a fill of a specific value and while still selected go to Select > Same > Fill Color and it will select all the fills in the vectorized image that are the same value. While holding the Option key drag the little color square in the layers palette up to a New Layer to copy the value shapes. Repeat the procedure for each of the values placing all shapes of the same value in their own layer.

Once you have every fill and vector path of a value in one layer there should be a corresponding number of layers to the number of values. Click the Eye on/off to toggle the view of the image layer to adjust the drawing layers. Turn off the view of the lower vector layer and turn on the view of the bottom image layer. Select an upper layer and use the Direct Selection tool to adjust the shapes to the image.

Select the Radial button in one of the value layers of the portrait. Select one of your swatches as a new pattern fill. Fill the shapes representing one value with a corresponding value of pattern. Fill the other value shapes with another lighter or darker pattern. The rest of the image can be rounded out and detailed with linear patterns.

Make three self-portraits by filling the value shapes with the value scale swatches from the value scale exercise and the tessellation swatches from the tessellation exercise. You can also use the vectorized Texture exercises by selecting an area of the vectorized texture drawings and making a swatch. Different textures will give you different values due to their different densities. Recreate the volumes in your image with the swatches. Try to get an accurate rendition of your image by changing the density of the pattern fills. Once you reach a satisfying resolution of the image, Save.

Download Project PDF

spvF09gonzalez2
F09gonzalez2

spvF09Gniazdoski3
F09Gniazdoski3

spvF09Gniazdoski2
F09Gniazdoski2

spvF09Gniazdoski1
F09Gniazdoski1

spvF09Danley3
F09Danley3

spvF09Danley2
F09Danley2

spvF09Danley1
F09Danley1

spvF09Cahill4
F09Cahill4

spvF09Cahill3
F09Cahill3

spvF09 bb
F09 bb

spvF09Bywater3
F09Bywater3

spvF09Bywater1
F09Bywater1

spvF09AHall3
F09AHall3

spvF09AHall2
F09AHall2

spvF09Ahall
F09Ahall

spvS09RMapura3
S09RMapura3

spvS09RMapura2
S09RMapura2

spvS09anselmo1
S09anselmo1

spvS09pauga2
S09pauga2

spvS09pauga1
S09pauga1

spvS09cardenas3
S09cardenas3

spvS09cardenas2
S09cardenas2

spvS09AButler3
S09AButler3

spvS09AButler2
S09AButler2

spvF08kvanderburg5
F08kvanderburg5

spvF08aweidah2
F08aweidah2

spvF08Ekang3
F08Ekang3

spvF08Sungkim3
F08Sungkim3

spvF08Sungkim1
F08Sungkim1

spvF08deguzman1
F08deguzman1

spvF08SLopez2
F08SLopez

spvF08SLopez
F08SLopez

spvF08imorrison1
F08imorrison1

spvF08Rbernier2
F08Rbernier2

spvF08Rbernier
F08Rbernier

spvF08imorrison3
F08imorrison3

spvF08mhuneck2
F08mhuneck2

spvF08mhuneck1
F08mhuneck1

spvF08imorrison2
F08imorrison2

spvF08dybala2
F08dybala2

spvF08dybala1
F08dybala1

spvF08dybala
F08dybala

spvF08AIzquierdo3
F08AIzquierdo3

spvF08AIzquierdo2
F08AIzquierdo2

spvF08AIzquierdo1
F08AIzquierdo1

spvF08agrove3
F08agrove3

spvF08agrove2
F08agrove2

spvF08bfitzpatrick3
F08bfitzpatrick3

 

spvF08bfitzpatrick2
F08bfitzpatrick2

spvxxxaa1
xxxaa1

Page 1    Page 2    Page 3

Values      Text

jose@andreu.us

© 2014 Jose Agustin Andreu

TOP

BACK