Children’s Book Illustration Part II: The Foreground

This tutorial will lead you through the steps of creating a children’s book illustration that can be edited and changed when the author you are working with wants minor changes made to the art. And when using this kind of layout, the changes will be easy and generally painless for you, as the artist. Part I covered the background, and Part II covers the foreground.

Preview of Final Results

clip_image002

Children’s Book Illustration Photoshop Tutorial

  • Program: Photoshop 7
  • Difficulty: Beginner-Intermediate
  • Estimated Completion Time: 30 minutes
Note: This tutorial was meant to be completed using a pen tablet. If you are using a mouse, the brush sizes will be irrelevant. However, a good estimate for brush sizes when using a mouse is about 1/3 the size of the brush I am using.

Step 1

First, open the first part of the tutorial that was completed in part one. The background provides the basis for the rest of this picture, and so it is extremely important that this part is completed first.
clip_image004

Step 2

Make a new layer and title it “foreground trees”.
clip_image006

Step 3

This layer will consist of the trees in this layer. We will begin by blocking them out like in the background, but they will end up much more detailed.
To begin, block in a few trees with color # 693B0E and a size 100 pixel brush set to full opacity.
clip_image008

Step 4

Make a new layer and title it “beech”. This layer should go beneath the “foreground trees” layer.
clip_image010

Step 5

Now, we are going to create a beech tree. To do so, we will use the same beginning, and block it in using color # BC9E5D.
clip_image012

Step 6

Now it is time to block in the basic shadows This can be done using the same bush as before and color #4D2600.
clip_image014

Step 7

Using color #837351, block in the shadows on the beech tree on the “beech” layer.
clip_image016

Step 8

Use the magic wand tool to select the light yellow area on the beech tree. Line both sides of the selected area with color #AO8750.
clip_image018

Step 9

Now highlight the center ob the beech tree with color #D0B57B.
clip_image020

Step 10

Select the area around the tree with the magic wand tool, and then select the inverse (rt click à select inverse). The tree should be selected.
clip_image022

Step 11

Apply a Gaussian blur (filter à blur à Gaussian blur) filter to the tree, with the radius set to 5.4 pixels. This will bend all of the colors nicely together, and give the impression of a smooth surface.
clip_image024
clip_image026

Step 12

Make a new layer above the “beech” layer and title it “beech outline”.
clip_image028

Step 13

Outline the tree with a small round, hard edged brush and color #3E2B00.
clip_image030

Step 14

Using the same color, make roots growing out of the bottom of the tree a little.
Using the smudge tool set to 78% strength on “beech” layer to fill in roots.
clip_image032

Step 15

Using color #3Z2B00 draw curving “stripes” across the trunk. The lines should be widest near the edges, and taper off in the middle.
clip_image034

Step 16

Color right above the lines with color #E5CA90. This will finish the bark effect.
clip_image036

Step 17

Make a new layer above the “foreground trees” layer, and title it “foreground trees outline”.
clip_image038

Step 18

Outline the two front trees with color #291000 and a size 20 opaque brush.
clip_image040

Step 19

Using the same color and brush as before, outline roots growing out of the ground around the two large brown trees. Make sure now to close off the shapes of the roots, but rather leave gaps, so that they will appear to be growing out of the ground rather than sitting on top of it.
clip_image042

Step 20

Now use color #293BOE to block in the roots. This will work best if done on the layer below the outline.
clip_image044

Step 21

Now use color #4D2600 to block in the shadows on the roots.
clip_image046

Step 22

Make a new layer above all the other layers and title it “bark”.
clip_image048

Step 23

Using a size 18 brush set to 44% opacity draw multiple thin lines running vertically up and down the trunks. By using a light hand and making shaky, wavy lines that occasionally touch or cross over will give the impression of tree bark.
clip_image050

Step 24

Now make a new layer beneath the “bark” and “outline” layers, and title it “trunk detail”.
clip_image052

Step 25

Highlight the bark with color #895522 and a size 86 pixel brush set to 44% opacity (hard edged).
clip_image054

Step 26

Make a new layer above all the other layers, and title it “root grass”.
This layer is going to incorporate the trees into the grass.
clip_image056

Step 27

Make the impression of short grass growing around the base of the trees and their roots with color #32590D, and a size 25 pixel opaque brush.
(You may want to use a size 11 pixel brush for the grass around the base of the “beech” tree.)
clip_image058

Step 28

Highlight the grass with color #588FOA and the same brush as before.
clip_image059
And you are done with the foreground! The last part to complete is the characters, animals, and optional detailing.

1 comments:

poona said...

Hi there, awesome site. I thought the topics you posted on were very interesting. I tried to add your RSS to my feed reader and it a few. take a look at it, hopefully I can add you and follow.




Mobile Phones & Accessories

Post a Comment