Friday, November 26, 2010

Lesson 8: Painting the Head in Grey Tones

Start by opening Photobooth on your MacBook and taking a photo of yourself. Try for a strong single light source that lights up half your face and produces a large mass of shadow on the other side. Also, try not to look straight into the camera. Tilt your head up or down a little and turn your head a bit to one side so we can see a bit of the profile of your nose.

Step01


Open a new file in Photoshop. Use our usual size: 8.5" by 11" at 300 dpi. Open the Photobooth photo and drag it into the new file window. Size it up to fit nicely in the available space, change the photo layer's mode to "Multiply" and reduce the photo layer's opacity a little so it appears somewhat faded. Now using a "pencil" brush, like the one we created in Lesson 2, start working on a construction drawing of the head as we learned in Lessons 6 & 7. You can work either on the background (below your photo layer) or on a new layer above your photo.

Step02


Once you've completed the construction drawing using basic shapes and applying the rules of proper proportion to establish the location of the facial features and the planes of the face and head, reduce the opacity of that layer - and further reduce the opacity of your photo layer - and begin a clean line drawing on a new layer. Use both the construction drawing and the photo to help you draw this clean line artwork. DO NOT simply trace the photo!

Step03


Continue refining your line drawing...

Step04


When you're satisfied that you've completed enough of the line drawing to give you an accurate linear version of your head, turn off the construction drawing layer and the photo layer. Make sure you've set up the layers so you have a clean white background under the line art layer.

Now take a look at this 4 - step lesson by Jon Whitcomb on painting the head in grey tone. Study each step carefully. What Whitcomb did in ink wash on illustration board back in the 1950s, we will attempt to do with 'digital paint' in Photoshop!

Step05


Notice that in these early painting steps above and below I'm using one of the simple brushes from the top row of the Brushes Palette. I use the brush anywhere from 150 to 300 pixels and I use just two grey tones (a fairly light one and a fairly dark one) to very roughly establish the two large tonal masses on the face (and even some painterly shapes in the background). I'm not at all concerned with "staying in the lines" at this stage.

Step06

Again, don't worry about being very accurate at this first stage of painting. Don't concern yourself with trying to indicate small pools of light or shadow. Just look at your photo for the large masses of light and shadow and approximate them on your painting layer.

Once you've quickly laid in these large, flat, solid tones, its time to build the brush you'll be painting with. Note that in the Brushes palette window I'm still using the big brush from the top row, but I've unchecked all the Brush preset options we normally use (like Shape Dynamics) and checked instead only the "Other Dynamics" option. ("Smoothing" can remain checked as always).

A couple of other important variable I want you to set: the "Hardness" slider should be at 100% and the "Spacing" slider should be at around 20% (see the red arrows in the screen capture below).

Step07

* If you're not seeing the Brush preview as a swooping series of overlapping circles that fade at both ends (as in the screen capture) then click on the "Other Dynamics" preset option and adjust the Opacity Jitter and Flow Jitter Controls to "Pen Pressure" (see the red arrows in the screen capture below).

Step08

Using only the two tones you've already established in your piece, use this new painting brush to soften and refine the edges between the two values, as shown below. Just keep flipping the two tones around in your Foreground and Background palettes in the Toolbox menu and paint the two tones back and forth as you begin to establish some of the secondary pools of light and shade. Notice that if you don't press too hard that the strokes fade and blend together in a nice way.

Step09

Continue to blend, to define areas of light and shade, and remember to work all the areas of your painting at once. Don't get too focused on one area of detail and forget the rest of the painting!

Step10


As you begin defining more of the planes of the face with painted light and shade, try subtly erasing some of your line art (save a copy of the line art on a duplicate layer that you've turned off).

As you erase the line art, look critically at that area and decide if the tone is holding the form or if you need to paint a lighter or darker value into that spot to make it 'pop'.

Step11


The jump between the last step and the final stage may seem quite dramatic, but at this stage there's not much to say except that you need to continue painting in light and dark values using good observation and critical, artistic judgement about how you're defining the different planes of the face. Remember to work all around the composition, and to keep the large masses of light and shade intact! Don't break those areas up by overworking the details. As mentioned above, keep erasing line artwork and deciding if the area still holds up without line - then adjusting the values as you go along.

Step12


Email your flattened 150 dpi jpeg file to me as you see below. Email the assignment to pengprofessor[at]gmail[dot]com

LeifPeng.TonalPortrait

Lesson 7: Constructing the Head, Part 2

Coming soon...

Lesson 6: Constructing the Head, Part 1

Coming soon...

Lesson 5: Form, Part 2

Coming soon...

Lesson 4: Form, Part 1

Coming soon...

Lesson 3: Value

Coming soon...

Monday, October 18, 2010

Lesson 2: Pencil Line

Today we'll try doing some digital 'pencil' drawing.  To get started, download the pages at this link

Read through and study these pages carefully.  Once again, I'm going back to the basic lessons taught by the great illustrators of the 1950s in the Famous Artists School.

When you're ready to begin, open a new file to the specs we used in Lesson 1.

Choose a brush from the second or third row down in the Brushes palette window as a starting point.

Try making a Pencil brush in Photoshop using the Brush tool with the following Brush Tip Shape menu items checked:



Shape Dynamics

Scattering

Texture

Noise

Smoothing













Or you can try building a custom pencil brush by following the instructions in this tutorial:



(you can skip the first minute and 45 seconds)

Once you've read through Pages 1 - 4 of the download try scribbling and sketching with your new digital pencil brush in the 8.5 by 11, 300 dpi file you created.  Try playing around with your settings until you are satisfied that you have a decent looking 'pencil' to work with.

Drag page 5 of the download into your 8.5 x 11 window, change the new layer into a multiply layer, reduce the opacity to approx. 20% and scale it up (Edit>Transform>Scale or Command T) to fit the space neatly.



On the background layer, try to recreate the look of the finished pencil drawing of the tree on the left by drawing and shading with your digital pencil brush, as described on page 5 of the download.

Follow the same procedure for page 6 of the download.



* Remember, always save your layered files for yourself. Send me flattened, medium quality jpegs at 150 dpi to pengprofessor[at][geemale][dot]com

Sunday, October 17, 2010

Lesson 1: Ink Line

Let's start with something basic: a simple black line.

We'll be working in Photoshop and will generally start each assignment with a new file, 8.5 by 11 inches at 300 dpi.


Once you've created your new document, click on your Brush tool. On the right side of the screen, click on the Brushes icon to open the Brushes window. Note that only the "Shape Dynamics" and "Smoothing" options in the Brush Presets checklist should be checked at this time. Choose a plain, round brush to start... something from the top two rows of the available brushes.


In the Brushes window, just below "Brush Presets", click on the next line; "Brush Tip Shape."  If your copy of Photoshop defaults to the same settings as mine, you'll notice something interesting about how a brush stroke  displays in the preview thumbnail at the bottom of the Brushes window.


Notice that the brush stroke from all the brushes in the top row of the palette is tapered looking (because Shape Dynamics is checked) but also looks solid and hard-edged along its entire length.

But when you chose a brush from the second row down the preview thumbnail shows a stroke that is soft and fuzzy.


That's because the "Hardness" slider option, which is located just above the stroke thumbnail preview, is preset to 100% (maximum hardness) for brushes in the top row of the palette and 0% (minimum hardness) for brushes in the second row of the palette. If you notice the brush you've selected is soft and fuzzy in the preview thumbnail window, slide the slider to maximum hardness.

You'll be using 'soft' brushes for other assignments, but I want your lines to look like they were made with a brush dipped in india ink for this assignment. To create this effect the edges of your lines should not look fuzzy.

Here's a great example of how diverse a simple ink brush line can look, depending on what you do with it. This is from the Famous Artists School correspondence course of the 1950s.

LineExercises01


Try doing the execise w/ the 22 squares using a hard brush w/ shape dynamics checked so you get an "ink line" that tapers, as it would if you were using a real brush w/ india ink. This next page from the FAS is not to be reproduced by you - its simply to help you understand what we're trying to recreate digitally.

LineExercise02

After you've done your best to recreate the look of the 22 squares, create an illustration that contains (at least) one organic thing, one inorganic thing and a figure as shown in this example by Paul Nonnast, a famous American illustrator of the 1950s:

Nonnast23

Employ at least three of the 22 types of ink line from the exercise. Subject matter and style are your free choice.

File set up and delivery for marking:

(This will be the procedure for all our assignments in Digital Rendering)

In Photoshop, open a new file at 8.5 by 11 inches at 300 dpi.

Do this for each new assignment. Keep your layered working files for yourself - do NOT flatten them to save - always save in layers.

After you've saved your layered file, flatten and reduce the image to 150 dpi and do a 'Save as...' -- save as a medium quality jpeg and send your work (exercise and illustration) to pengprofessor[at][geemale][dot]com

* Translate the email address above as you would write a normal email address. I've written it this way to disguise it from webcrawling spam bots.