Difference between revisions of "Mike Tofanelli Illustration Process"

From ISCA Wiki
Jump to navigation Jump to search
Line 1: Line 1:
 +
'''Mike Tofanelli Gives the Dish on his Illustration Process'''
 +
 
==Article Transcript==
 
==Article Transcript==
 +
This is an illustration assignment I did last summer for Westchester Magazine,
 +
a full page opener for their 914 section. It accompanied a humorous opinion
 +
article about the new “MyPlate” food guide, introduced to the American public
 +
by Michelle Obama and the USDA. The premise was that a lot of people find
 +
the guide more confusing than educational.
 +
 +
'''Preliminary Sketches, Brainstorming'''<br>
 +
The beginning of any illustration starts with small
 +
thumbnail sketches (fig. 1). These are not intended to
 +
show the art director but just to help me figure out what
 +
will work visually. These are quick and rough and I’ll do
 +
as many as it takes. I’m not getting hung up on details
 +
here; my main focus is composition and concept. At the
 +
same time, I am going through reference photos of Michelle
 +
Obama and working on her likeness. The sketch
 +
on the above right (fig. 2) evolved from a thumbnail and
 +
is one of two sketches that I scanned in and emailed to
 +
the art director. You can see the indication of a masthead.
 +
It’s important for me to know its placement and
 +
not let any important elements interfere with it. This is
 +
the one that got approved.
 +
 +
Typically, I submit one or two sketches, as part of my
 +
responsibility is to weed out the lame ideas. As an editorial
 +
illustrator, I’m hired for my way of thinking as well
 +
as my artistic style.
  
'''Step 1.'''<br>
+
'''Acrylic Underpainting'''<br>
動画や写真を見て、モデルの形をイメージ
+
I print out my approved sketch at a
して記憶する。<br>
+
comfortable painting size, around
First, I study photographs and videos to observe
+
11”x14”, about 125% of final reproduction
the person’s appearance and commit their
+
size. I tape the sketch
features to memory.
+
to a sheet of cold press illustration
 +
board and using a graphite sheet
 +
under the sketch, I trace over the
 +
sketch to transfer it to the board. I
 +
refine and redraw my drawing on
 +
the board using 2h or h graphite
 +
pencils and/or Verithin’s brown,
 +
black, and terra cotta colored
 +
pencils.
  
'''Step 2.'''<br>
+
With the drawing on the board,
イメージした特徴を合わ
+
I now begin my monochromatic
せ、形にしていきます。
+
underpainting in acrylics (fig. 3). I
このとき、あまり複雑にな
+
use a limited palette of umbers and
らないように、シンプル
+
siennas, adding ultramarine blue
な形を意識する。襟は、
+
for my darker mixtures. My brushes
両側に描くと形が多くな
+
are nylon sable (synthetic) rounds.
るため、片側だけ描きま
+
They are resilient and keep a good
した。<br>
+
point, allowing me to draw as well
Then, I look at how the
+
as lay down tone. I establish value
features will come together
+
patterns keeping my paint fairly
to make the overall shape.
+
transparent so I don’t lose the information
During this stage, I don’t let
+
in my drawing. It’s especially
things become to complicated,
+
important for me to reinforce
and focus on simple
+
the details in the faces which carry
shapes. I draw both parts of
+
so much interest in this piece. Not
the collar, but just one side
+
concerned with color at this point.
to keep things simple.
 
  
'''Step 3.'''<br>
+
I then cover my board with a transparent
絵に少し動きが欲しいの
+
wash of yellow oxide/raw
で、線の流れがきれいに
+
sienna using a flat 1˝ brush (fig. 4).
見えるように調整しながら
+
This warm veil of tone gives me a
髪の形を変えます。<br>
+
great surface to judge my colors
I decided I wanted a little
+
and values against and unifies my
more movement in the drawing,
+
underpainting. I’ll take a 10-15 minute
so I adjusted the way the
+
break and allow this to dry.
lines flow and modified the
 
shape of the hair .
 
  
'''Step 4.'''<br>
+
'''Acrylic Rendering'''<br>
顔のパーツを「線」と「図形」で描いていく。
+
I expand my palette to include
パーツのすべてを描きすぎないように意識
+
alizarin crimson, cadmium red light
します。<br>
+
hue, cadmium yellow deep hue, veridian
Next, I draw the lines and shapes of the facial
+
green, ivory black, and titanium
features. I try to remain aware and not draw too
+
white, and start applying local
much of all the parts (keep it simple).
+
color to flesh, clothing, background,
 +
etc. I begin with “given” colors like
 +
the flesh, and as you can see in fig.
 +
4, I’ve started with the two faces on
 +
the upper right. The idea is to lay
 +
in a midtone translucently so I can
 +
still see my underpainting, and then
 +
block in lights and highlights (more opaque) and dark tones (transparent
 +
to translucent). As I model the
 +
forms, I keep mindful of the direction
 +
of my light source.
  
'''Step 5.'''<br>
+
I decide my background should
鼻と口とあごがつながって、ひとつの流れ
+
be a light value, and yellow will
ができたので口の形を削り、一本の線にし
+
fit the mood of the piece. Establishing
ました。輪郭から出ていた口の形がなくな
+
this will help greatly in my
り、すっきりとしました :)<br>
+
remaining color decisions. Fig. 5
I decide to connect the nose, mouth and chin
+
shows some of the faces starting
with one, flowing line. I streamline even more by
+
to come alive.
deleting part of the contour of the mouth, and
 
redrawing the collar.
 
  
'''Step 6.'''<br>
+
My painting is achieving volume
ボール紙に、下描きをトレースします。<br>
+
and form and I like where it’s headed
Next, I transfer the sketch to a board using
+
in fig. 6. I will stop short of final
tracing paper.
+
rendering and will save that for my
 +
next and final phase in Photoshop.
  
'''Step 7.'''<br>
+
'''Going Digital'''<br>
眼や髪のつやを描き、線をきれいに整
+
I scan my painting at 355 dpi. Of
えて、下描きは完成。<br>
+
course my painting is too large
I draw the highlights in the hair and the eye.
+
for my scanner so I scan it in two
I clean up the lines as this will be the rough
+
pieces and join them together in
sketch/draft that I rely on for my final piece.
+
Photoshop. Yeah, that part’s a
 +
pain but watcha gonna do? Once
 +
the scans are pieced together and
 +
color adjustments made, I can now
 +
start painting using my 21" Cintiq.
  
'''Step 8.'''<br>
+
For this final “polishing up” stage,
アクリル絵の具(ホワイト/ダークブラウン)で
+
I will paint in RGB and choose
顔、髪、服を塗ります。顔は、ボール紙の質感を
+
colors directly from my painting
残すように、薄く重ねて塗っていきます。<br>
+
with the eyedropper tool. Flesh,
Using acrylic paint in white and dark brown, I paint
+
clothing, background, etc. will be
the face, hair and clothes. On the face, I want some of
+
painted on separate layers allowing
texture of the board to show through, so I apply the
+
me to tweak one element independent
paint in thin layers.
+
of the whole. I don’t use
 +
a big variety of brushes, just the
 +
basic hard and soft round brushes
 +
along with the #24 brush.
  
'''Step 9.'''<br>
+
Before going too far, I drop the
顔のパーツを描きます。
+
MyPlate graphic into the painting
はじめに描いた線の片
+
on its own layer. I skewed it approximately
側に、ランダムに凹凸(
+
beforehand, and once
おうとつ)をつけます。<br>
+
in place, I fine tune and skew the
Now I work on inking the
+
perspective until it’s just right. I
individual parts of the face.
+
also lay some brush strokes over
The first line I drew has a
+
the top of it to tie it to its surroundings
random roughness on one
+
so it’s less foreign.
side.
 
  
'''Step 10.'''<br>
+
Next, I zoom in on important details. In fig. 7 you
髪のつやを塗らずに残そうと思ったんですが、変更をしてデザ
+
can see Michelle’s face before (left) and after digital
インカッターで削ります。<br>
+
refinement (right). Using a soft round brush and
For the hair highlights instead of not painting those areas, I decide to
+
opacity set around 85%, I’ll smooth rough transitions
remove some of the paint in the hair using a utility knife.
+
using existing colors in her face. I strengthen
 +
highlights and make sure dark accents carry enough
 +
weight. I deepen the darks in her hair and define
 +
strands with the #24 brush, and I’ve also decided to
 +
brighten Michelle’s dress.
  
'''Step 11.'''<br>
+
These are the type of refinements I will make
化粧品のほほ紅(チーク)で唇とほほに
+
throughout the rest of the illustration, but will be
色をつけます。<br>
+
selective where I lavish my attention. I do not wish to
I add a little crimson color to his lips and
+
“over model” digitally as I like some of my traditional
cheeks, using inexpensive blush/makeup
+
painted hand to show through.
from the dollar store.
 
  
'''Finished!'''<br>
+
Around mid morning of deadline day I deem it
色鉛筆で影を入れて、眼を描き
+
finished, flatten the file, convert to a CMYK tif, and
入れたら,私のエルビスが完成
+
send it to the art director using yousendit.com. An
~:)<br>
+
email back from the art director telling me she loves
I put in some shading with colored
+
it makes my day. Here is the final illustration (fig. 8).
pencils and finish drawing the eye.
 
Now my Elvis is complete!
 
 
-----
 
-----
''専門学校横浜日本デザイナー学院卒業。その後、星の子プロダクションに入り、似顔 絵をはじめる。2006年フリーランスとして活動をはじめる。現在、店舗でのライブスケッチと、雑誌でのイラストレーションを描いています。''<br>
+
''Mike Tofanelli is a freelance illustrator and party caricaturist based in Elk Grove, California. His illustrations have appeared in numerous national and regional publications. His work has also been included in American Illustration 27, 29, and 31. Find more of Mike’s work at www.miketofanelli.com and visit his blog at www.miketofanelli.wordpress.com
''After graduating from Designer Gakuin College of Yokohama, she began drawing caricatures with Hoshinoko production. She began working as a freelancer in 2006. Currently she does retail live sketch and magazine illustration. See more of her work at www.boo-bana.com''
 
 
 
{{2012.3Navbox}}
 

Revision as of 05:02, 5 August 2020

Mike Tofanelli Gives the Dish on his Illustration Process

Article Transcript

This is an illustration assignment I did last summer for Westchester Magazine, a full page opener for their 914 section. It accompanied a humorous opinion article about the new “MyPlate” food guide, introduced to the American public by Michelle Obama and the USDA. The premise was that a lot of people find the guide more confusing than educational.

Preliminary Sketches, Brainstorming
The beginning of any illustration starts with small thumbnail sketches (fig. 1). These are not intended to show the art director but just to help me figure out what will work visually. These are quick and rough and I’ll do as many as it takes. I’m not getting hung up on details here; my main focus is composition and concept. At the same time, I am going through reference photos of Michelle Obama and working on her likeness. The sketch on the above right (fig. 2) evolved from a thumbnail and is one of two sketches that I scanned in and emailed to the art director. You can see the indication of a masthead. It’s important for me to know its placement and not let any important elements interfere with it. This is the one that got approved.

Typically, I submit one or two sketches, as part of my responsibility is to weed out the lame ideas. As an editorial illustrator, I’m hired for my way of thinking as well as my artistic style.

Acrylic Underpainting
I print out my approved sketch at a comfortable painting size, around 11”x14”, about 125% of final reproduction size. I tape the sketch to a sheet of cold press illustration board and using a graphite sheet under the sketch, I trace over the sketch to transfer it to the board. I refine and redraw my drawing on the board using 2h or h graphite pencils and/or Verithin’s brown, black, and terra cotta colored pencils.

With the drawing on the board, I now begin my monochromatic underpainting in acrylics (fig. 3). I use a limited palette of umbers and siennas, adding ultramarine blue for my darker mixtures. My brushes are nylon sable (synthetic) rounds. They are resilient and keep a good point, allowing me to draw as well as lay down tone. I establish value patterns keeping my paint fairly transparent so I don’t lose the information in my drawing. It’s especially important for me to reinforce the details in the faces which carry so much interest in this piece. Not concerned with color at this point.

I then cover my board with a transparent wash of yellow oxide/raw sienna using a flat 1˝ brush (fig. 4). This warm veil of tone gives me a great surface to judge my colors and values against and unifies my underpainting. I’ll take a 10-15 minute break and allow this to dry.

Acrylic Rendering
I expand my palette to include alizarin crimson, cadmium red light hue, cadmium yellow deep hue, veridian green, ivory black, and titanium white, and start applying local color to flesh, clothing, background, etc. I begin with “given” colors like the flesh, and as you can see in fig. 4, I’ve started with the two faces on the upper right. The idea is to lay in a midtone translucently so I can still see my underpainting, and then block in lights and highlights (more opaque) and dark tones (transparent to translucent). As I model the forms, I keep mindful of the direction of my light source.

I decide my background should be a light value, and yellow will fit the mood of the piece. Establishing this will help greatly in my remaining color decisions. Fig. 5 shows some of the faces starting to come alive.

My painting is achieving volume and form and I like where it’s headed in fig. 6. I will stop short of final rendering and will save that for my next and final phase in Photoshop.

Going Digital
I scan my painting at 355 dpi. Of course my painting is too large for my scanner so I scan it in two pieces and join them together in Photoshop. Yeah, that part’s a pain but watcha gonna do? Once the scans are pieced together and color adjustments made, I can now start painting using my 21" Cintiq.

For this final “polishing up” stage, I will paint in RGB and choose colors directly from my painting with the eyedropper tool. Flesh, clothing, background, etc. will be painted on separate layers allowing me to tweak one element independent of the whole. I don’t use a big variety of brushes, just the basic hard and soft round brushes along with the #24 brush.

Before going too far, I drop the MyPlate graphic into the painting on its own layer. I skewed it approximately beforehand, and once in place, I fine tune and skew the perspective until it’s just right. I also lay some brush strokes over the top of it to tie it to its surroundings so it’s less foreign.

Next, I zoom in on important details. In fig. 7 you can see Michelle’s face before (left) and after digital refinement (right). Using a soft round brush and opacity set around 85%, I’ll smooth rough transitions using existing colors in her face. I strengthen highlights and make sure dark accents carry enough weight. I deepen the darks in her hair and define strands with the #24 brush, and I’ve also decided to brighten Michelle’s dress.

These are the type of refinements I will make throughout the rest of the illustration, but will be selective where I lavish my attention. I do not wish to “over model” digitally as I like some of my traditional painted hand to show through.

Around mid morning of deadline day I deem it finished, flatten the file, convert to a CMYK tif, and send it to the art director using yousendit.com. An email back from the art director telling me she loves it makes my day. Here is the final illustration (fig. 8).


Mike Tofanelli is a freelance illustrator and party caricaturist based in Elk Grove, California. His illustrations have appeared in numerous national and regional publications. His work has also been included in American Illustration 27, 29, and 31. Find more of Mike’s work at www.miketofanelli.com and visit his blog at www.miketofanelli.wordpress.com