Vous êtes sur la page 1sur 49

instructables

Sketching & Drawing Lessons

by ianbates1

This Instructable will be slowly developing over a number of weeks 8 out of 10 lessons so Far

you may need to pop back to pick up new lessons.

9 out of 10 lessons complete - videos being added [these are embedded in the image sections at the start
of each lesson]

So Far :

1. Getting started - Lines, Points, Circles and Triangles


2. 2D Sketching
1. Look, Layout, Line, Shape, Shadow, Shine.
2. Overlap, Texture & Detail, Drop Shadow.

3. 3D Sketching
1. 1, 2 and 3 Point Perspective.
2. Basic Forms - Cuboids, Prisms, Cylinders (Ellipses), Cones and Spheres

3. Combining basic forms to create objects.

4. 2D USB Project [Something for you to try]


5. Orthographic Sketching (Engineering Drawing very basic)
6. 2D & 3D marker rendering technique - Basic
7. Colour Theory
8. Creativity - Exploration / Experimentation / Ideation
9. Advanced 2D & 3D Sketching Techniques *Started

Coming Soon :

Marker rendering, working on coloured paper and other enhancemets

I meet a lot of people in my job who say 'I wish I could draw like that' and they're surprised when I say 'Ok, I can
teach you if you want'.

We often assume that drawing is a talent, something we are born with, some people can do it, some people can't.

Sketching & Drawing Lessons: Page 1


But this is isn't exactly true; I failed my 'O'Level Art when I was 16. [don't get me wrong I'm not complaining I failed
because I wasn't very good] and I didn't draw anything for a few years, why would I? I wasn't very good. To
paraphrase a famous quote 'You don't know you are no good at something you enjoy doing, until someone tells
you.' If I didn't know I was no good I'd have probably kept going and kept getting better. A couple of years later
doodling away I realised I loved sketching and drawing and I wished I hadn't stopped and so I set out to teach
myself how to become good at something I'd always wanted to be good at. I ended up becoming a design
technology teacher/lecturer and teaching perhaps a hundred plus students these techniques.

I'm going to share here my tips and techniques for developing design drawing and communication skills. I am
going to start with some very basic exercises and work through to more advanced stuff but I'll be honest, there are
no short cuts, no quick tricks and no fast tracks, there's only practice, practice, practice.

Good luck, I hope you enjoy this, and don't be afraid to share your work with others.

Step 1: Getting Started - Lines, Points, Squares, Circles and Triangles

Don't go out and buy loads of equipment - Buying the best football boots doesn't make you David Beckham!

You will need :

Sketching & Drawing Lessons: Page 2


A ballpoint pen (any colour will do)

A piece of paper or An old envelope (This is what junk mail is really for - free paper)

The key to drawing at this stage is

Lines

Points

Squares

Circles

Triangles

LINES

Straight lines are actually very difficult to draw because the human body is made up of lots of pivot points.

1. Find your line - you will have a natural angle across your body with which you are comfortable. Now
imagine wiping some crumbs off the table; look at the angle & direction of your hand, this is your
natural angle.
2. Ghosting - hold you pen the way you would normally. Place your hand on the paper so that the edge
of your palm is resting on the paper but the pen is not touching the paper(no other part of your arm
should be resting anywhere). Now sweep the crumbs away [Just like Karate Kid - Wax On Wax Off]
do this three or four times.
3. Now as you are sweeping let the tip of the pen lightly touch the paper.
4. Repeat this for a few minutes.
5. Now try and draw the longest straightest lines you can, see if you can space them the same
distance apart each time. Turn the paper and make grids, just practice, practice, practice.

POINTS

All drawings are basically lines or curves that start and stop at a certain point and once you can do that you are on
your way to being able to draw anything.

1. Look at image.2 - re-create this series of points which get further and further apart.
2. Now using ghosting first draw imaginary lines between the points.
3. Now join the lines (it doesn't matter if you start a little early or stop a little late, this is sketching)
image.3
4. Now you have some start and stop control fill your sheet with small groups of 5 lines each where the
they are all of the same length - image.4
5. If you want to do lines in a different direction don't move your arm - turn the paper instead, this way
you are still 'sweeping the crumbs' moving in a way that is comfortable to you.
6. You can extend this exercise by drawing SQUARES - draw two parallel lines, turn your paper
through 90 degrees and draw two more parallel lines across the first two lines. Now practice,
practice, practice.
Sketching & Drawing Lessons: Page 3
CIRCLES

Earlier I said the human body is made up of a lot of pivot points, so you would think drawing curves would be easy,
it isn't, the curves even from your wrist point are usually two open to be of any use.

1. Write or draw the letter C. Do you start at the top and move down and anticlockwise or at the bottom
and move up and clockwise. This is your natural 'tight curve' direction.
2. Draw a series of letter Cs - try drawing them a bit bigger than normal and then try drawing them the
size of your fist.- image.5
3. Go back over your letter Cs but ghosting this time and instead of a C, complete the circle to the top
but keep going round, ghosting a circle.
4. Let your pen touch the paper and sketch in the reminder of the C to make a circle. - image.6
5. Now forget the letter C and just ghost and then sketch a page full of circles. Practice, practice,
practice.

PLAYTIME.

Now get some fresh paper and just doodle away sketching and drawing lines squares circles and if you look at
image.7 you can add in TRIANGLES. Have fun :)

Sketching & Drawing Lessons: Page 4


Step 2: 2D Sketching - Look, Layout, Line, Shape, Shadow, Shine. 2D Enhancements

In the previous lesson we looked at mark making, that it being able to control the marks we make on the page to
achieve a desired line or shape. Now were going to explore a more deliberate practice in how to draw objects.

This section is divided into.

1. Look, Layout, Line, - Shape, Shadow, Shine,


2. Practice Element.
3. Enhancements - Overlap, Texture & Detail, Drop Shadows
4. Practice Element.

This is not drawing from observation so we will not be trying to draw what we see but trying to construct a drawing
from basic elements, points, lines, curves, squares, circles and triangles. We will start of with very very faint lines
and slowly build up our drawing.

You will NOT need:

Sketching & Drawing Lessons: Page 5


A ruler or straight edge.

An eraser or correcting fluid ( mistakes are good, we see the mistake, we learn from the mistake).

You will need:

A ballpoint pen (any colour will do, although black is better later on).
An A4 piece of paper - landscape (long edge nearest you)

Something to draw - I'm using a head phone jack see image.2

Section 1 - Look, Layout, Line, Shape, Shadow, Shine (See Image 1)

LOOK

The first thing we need to do is establish the overall proportions of the object on he page we need to LOOK at it
carefully. I usually sketch ideas on the page about the size of a clenched fist, big enough for detail but leaving
enough room to add other ideas.- Remember keep your lines light & faint.

1. Having looked at your object sketch a square/rectangle to outline the overall area of the drawing.
2. Sketch in any large defining features. See image.3 and image.4.

LAYOUT

The next thing to do is to examine the object carefully for details and LAYOUT where these are in relation to other
features and the overall form. - Remember keep your lines light & faint.

1. Using simple points, straight lines, curves and or circles - lightly mark in the features of the object.
See image.5.

LINE

Once you have roughly marked out where everything is it is time to 'firm up' the drawing. We're going to go over
the design again with a slightly heavier line marking out the outline and features we want to see on the object.

1. Using the same pen but going over more slowly and with a little more pressure LINE in the design
outline and features you want to keep. See image.6.
2. Ignore any light construction lines these will not be noticeable against the dark LINES.

This type of drawing is known as ORTHOGRAPHIC -

SHAPE, SHADOW, SHINE.

We will be discussing light and shade in more detail in the next step, but to enhance your drawing it is possible to
add a little shadow using a technique called cross hatching. Cross hatching is a techniques of using small parallel
lines to create areas of tone. It is usually done at alternating angles, 45 degrees one way, then the other, then
vertical and then horizontal. Each layer adds more ink and obscures more paper creating a darker and darker tone.
See image .7 and image.8.

PRACTICE, PRACTICE, PRACTICE (See Image 1 again for ideas)

Sketching & Drawing Lessons: Page 6


See images 9 - 12

Don't worry if your drawings are scruffy, this is just the early stages, just keep going, it will get better - slowly :)

Section 2 - 2D Enhancement - Overlap, Texture & Detail, Drop Shadow. (See Image 13)

A drawing is basically an optical illusion that the artist or designer creates to fool the viewer into believing that what
they are looking at is 'real' or at least resembles 'real' enough for them to think about the drawing a not the fact that
it is on a flat piece of paper; some artists call this giving an image 'depth'. As a designer we can trick the viewer if
we understand how their vision and their minds work together to create a perception of an object.

1. Look at and copy image 14, notice the three squares/rectangles overlap, they look like they are one
on top of another. By 'Layering objects we create an illusion that the objects exist in a 3D space
because they 'overlap'.
2. Look at and copy image 15, here we are using a few lines to create the illusion of texture and the
little circles in the corners suggest screws or bolts, this is detail. This again meets the expectation
of the viewers mind 3D objects have details we can see.
3. Look at and copy image 16, here we use cross hatch shading (image.7) to create the illusion that
each layer is casting a drop shadow. Only 3D objects would cast shadows, so this again adds to
the illusion.

Image 17, 18 and 19 show how shading can be used to create the illusion of light falling on a curved surface e.g. a
cylinder. Image 19 explains in more detail. Light falls on the object and some light is reflected, where the reflection
is directly back towards the viewers eye, the viewer will see a highlight (Light). Where the light starts to fall away
from the line of sight, less light reflected means a darker tone is seen (Medium) and where light isn't reflected
towards the viewer we have very little light seen meaning a darker tone still (Dark). So any representation of an
object will need you to think about where the light is shining from and where the reflections are. In design we often
simply this by assuming that light shines over the viewers left shoulder. Light from the Left.

So we have;

Look
Layout
Line
Shape
Shadow
Shine
Overlap
Texture
Detail
Drop Shadow
Light from the Left

And if we remember to apply this to all our drawings it will enhance the illusion of 3D, even if it is only an
orthographic sketch. Images 20, 21 and 22 show these steps in action - notice the overlap is provided by adding a
rectangle background which isn't quite big enough so that the object 'overlaps' the background.

PRACTICE, PRACTICE, PRACTICE (See Image 1 and 13 for ideas).

Sketching & Drawing Lessons: Page 7


Sketching & Drawing Lessons: Page 8
Sketching & Drawing Lessons: Page 9
Sketching & Drawing Lessons: Page 10
Step 3: 3D Sketching - Perspective - Forms - Combining Forms.

Hopefully by now you'll be feeling a little more relaxed about your drawings - again don't be worrying about loose
lines or scruffy scribbles this is all part of the learning process.

This section is divided into:

1. Perspective - 1,2 and 3 point


2. Sketching basic forms - Cubiods, Prisms, Cylinders, Cones & Spheres
3. Combining basic forms to create objects.

Perspective.

One Point Perspective.

When you look down a road, or a rail way track (from the side not the middle !) you'll notice that the lines going off
into the distance seem to move closer together (they converge) and as they reach the horizon (horizon line) they
meet and vanish (vanishing point), see image 2. This is how we see the world and how we measure visually the

Sketching & Drawing Lessons: Page 11


size and distance of objects. Image 2 is an example of One Point Perspective - that is one vanishing point at which
some of the horizontal lines converge. It is a useful technique for interior design, see image 3, but it does have
limitations when drawing smaller objects e.g. for product design.

Two Point Perspective.

I want to take you through drawing in two point perspective, look at images 4 - 8.

1. Image 4 - Sketch a Horizon Line all the way across you page about 1/3 of the way down.
2. Mark a dot at each end really close to the edge of the paper, these are your Vanishing Points
3. Draw a vertical line in the centre of your paper about 2/3rds of the way down about half the length of
your index finger.
4. Image 5 - from the top of this line and again from the bottom very lightly sketch lines that go to the
vanishing points - notice how they converge.
5. Image 6 - Now draw to more vertical lines [Be careful this is where some people make a classic
mistake see image 7] and then from the top of each line again very faintly sketch a line to the
OPPOSITE vanishing point.
6. you should have a sketch that resembles a cube image 8 - draw round the outline of the cube and
maybe shade it if you want. Image 9

Three Point Perspective, is very similar except for step 5. Instead of two vertical lines these two lines converge
on an imaginary vanishing point well below the bottom edge of the page, image 10 & 11 . This third point take into
account that when we look slightly down on an object, parts that are further away will be every so slightly smaller.

We don't want to have to construct horizon lines and vanishing points every time so it is important to practice
drawing cubes without the need to set up a complete construction. See images 12,13 and 15.

In the same way that a square formed the basis of our 2D drawings the cube is the basic form from which we can
construct all other basic 3D forms an shapes and establish proportions in our 3D sketching se image 16.

3 point perspective cubes are hard, this is going to need a lot of PRACTICE PRACTICE PRACTICE.

BASIC FORMS

The basic forms are the 3D shapes that act like the Lego bricks of drawing, once you have mastered the basic
forms you'll be on your way to being able to draw almost anything. We have introduced you to the cube already but
there are 4 other basic forms to learn.

Prisms - by this I mean triangle shapes rather than the true meaning of prism - a 2D shape extruded into 3D.

Cylinders - here we will have to explore ellipses in more detail first.

Cones - A combination of a pyramid (see Prisms) and a Cylinder base (see ellipses)

Spheres - Get practising those circles from step 1 and you'll need ellipses again here.

Sketching & Drawing Lessons: Page 12


We're going to start by producing a reference sheet see image 17. A reference sheet is a practice sheet but it is
also a sheet worth keeping which you can refer back to as you work on other drawings.

Start with Piece of A4 and fold it into five columns - see image 18.

Cubiods

1. In the first column at the top sketch and shade a cube - see images 19.
2. Now sketch a cubiod (rectangle square shape) below this cube [note how the two forms overlap]
see image 20.
3. Now we add a drop shadow - here we imagine a light source directly above the cube shining down
so that the cube casts a shadow on the rectangle cubiod below - see image 21 - use dark vertical
tone lines close together to create the shadow.
4. Continue creating a stack of cubiods - watch your perspective lines though.

Notice how the light shading is represented on the upper faces by no tone, on the faces to the left by an open
diagonal shading to create a medium tone and on the faces to the right by a close diagonal shading to create a
dark tone. The drop shadow is a very close vertical shading to give that sense of coming down from above.

Prisms

1. Prisms are based on cubes so we sketch cubes first and then layout the triangle elements on the
cube's faces, the pyramids are constructed by adding a line from corner to corner on a flat face to
find a centre point which is then joined to the opposing face corner. Note I have looked and layed
out the column first, see image 22.
2. Now Line in and shape shadow and shine, image 23.
3. Now look at your overlaps and add drop shadows - you'll need to think a little about how the shadow
would fall on a sloped surface but it doesn't have to be perfect, image 24.

Cylinders

Before we deal with cylinders we're going to have to go of on a tangent and deal with ellipses first and then we'll
come back to cylinders.

Ellipses.

Ellipses are notoriously difficult to sketch but once you understand them there are a number of tricks that can help
you out. First we'll look at the structure of a ellipses and then we'll look at techniques to help us sketch them.

Image 25 shows a deconstruction of a circle. A circle fits inside a square where the edges f the
circle touch the mid point of each edge of the square. see (1)
The edge of the circle also passes through a point under half way from the corner but over a quarter
of the away. see (2)
This deconstruction can be reconstructed onto a 2D flat face square which has been drawn in
perspective. see (3) Note that the ellipse unlike the circles even quarter shapes the ellipse has two
sharper curves and two shallow curves - two sharp, two shallow.
Image 26 takes this a little further, note the shallows are on the minor axis (the short distance
across the ellipse) and the sharps are on the major axis (the long distance across the ellipse). Also
note the two axis should always be at 90 degrees to each other.
Sketching & Drawing Lessons: Page 13
A common problem with ellipses are drawing the sharp curves two flat - watch for this in your early
practice.
Image 27 shows a technique where by we draw a center line to represent the minor axis and then
sketch ellipses free hand across this on the 90 degree major axis.

Ellipses are difficult, they are going to take a lot of PRACTICE PRACTICE PRACTICE.

Cylinders then can be constructed using two ellipses drawn on opposites faces of a cuboid image 28.

1. Start with a Look, Layout of a number of cuboids, image 29.


2. Follow up with Line, image 30.
3. and then Shape, Shadow, Shine image 31 - Note the shading inside the cylinder is opposite to the
outer shading.

Cones.

Cones are a combinations of a pyramid style prism at the top and an ellipse at the bottom.

1. Sketch out a cuboid and use a cross from corner to corner on one face to find the center point.
image 32
2. Sketch in an ellipse on the opposite face.
3. Carefully blend the lines from the center point into the edges of the ellipse, image 33

Spheres

Spheres don't get there form from a basic construction they are inherently circular, they get there form from their
shading, lines or details. Image 34 and 35 show the two main different approaches to illustrating a spherical
surface, tonal shading or the use of elliptical lines across the surface. there is also an illustration of a hemisphere.

As with all of these exercises PRACTICE, PRACTICE, PRACTICE.

Combining basic forms to create Objects.

These last few images show examples of how basic forms can be combined to create various different objects and
really now what you need to be doing is analysing every object you see to identify the basic forms that make up
the object.

Sketching & Drawing Lessons: Page 14


Sketching & Drawing Lessons: Page 15
Sketching & Drawing Lessons: Page 16
Sketching & Drawing Lessons: Page 17
Sketching & Drawing Lessons: Page 18
Sketching & Drawing Lessons: Page 19
Sketching & Drawing Lessons: Page 20
https://www.youtube.com/watch?v=M_0tACpzTMU

Step 4: 2D - USB - Project - Something for You to Try.

I realise at this point that you may have been doing a lot of copying so now I want you to have a play and explore
what you can do with your new techniques.

The Brief is :

You are a product designer and you've been asked by a Natural History Museum to design a USB data stick as a
marketing tool for their new insect collection. It needs to show some connection / inspiration from nature,
preferably insect based but it doesn't have to look like an insect, so it could just have a design or pattern on it, or it
could just use elements of a part or shape you like. You need to produce 1 A4 design sheet of 4 or 5 ideas. Key
elements are the USB connector is 12mm wide and needs at least 10mm clearance to go into the socket - see
image 4.

Guidance

Sketching & Drawing Lessons: Page 21


I have completed an example sheet and I'll walk you through my process, but remember there's no right or wrong
here, it's what ever works for you, works. Here are the images explained

1. This is the final sheet, so this was what I was aiming for. I usually have a vague idea of areas on the
page and sort of work in the quarters to have a bit of a layout to work to.
2. I doodled this a couple of days ago with no idea it would be the inspiration for the project.
3. My first 2D LLL - I've added a second view and shown I'm thinking about function ( how will the lid
work )
4. I like to sketch important dimensions just so they're in my mind while I'm designing.
5. I'm big on intellectual property and I checked USBee - it already exists, a company called relogik
has one and it's a good design. No matter...
6. The internet is full of great ideas that I had, too late :)....So here I brainstorm / mind map / word
associate.
7. I like the idea of 'data on the fly' and I like dragon flies so I start sketching from some research....
8. Internet images as research [shameless plagiarism I know]
9. Sketching a possible design.
10. A little look at a side view and finishing up the overall presentation of the idea.
11. I'm not loving my dragon fly so I go back to the mind map and look for other possibilities - a cocoon
type pod thing and a honeycomb (stores nice things)
12. A snails shell, but more a pond snail than garden snail - I don't mind stretching the brief...a lot :)
13. Just playing with functionality.

Your turn

If you don't like insects, just pick something else;

Sea Life
Wild Life
Park Life ( Yes the song - if you want to do a music inspired USB that's up to you )
Your Choice Listed Here...

THE MAIN THING IS HAVE FUN - REMEMBER THERE ARE NO RULES, IT DOESN'T HAVE TO WORK, ITS
ONLY A SKETCH AFTER ALL, SO LET YOUR IMAGINATION HAVE FREE REIGN FOR A WHILE :)

Sketching & Drawing Lessons: Page 22


Sketching & Drawing Lessons: Page 23
Step 5: Orthographic Sketching (Engineering Drawing)

One of the reasons people are put off drawing up plans is that Technical Drawings / Orthographic Projections /
Engineering Drawings can appear very very complicated. They are formal language that engineers use to
Sketching & Drawing Lessons: Page 24
communicate with each other but like any language used for communication once you understand a few words you
can start to say what you want. This section is designed to give you some basic vocabulary to get you started.

Technical Bit :-

These concepts are drawn from the British Standards for Engineering Drawing for Schools & Colleges

You will Need :-

Some Squared Paper really helps at the beginning.

Image 2 - Shows some writing in capital letters, it is a good idea on all drawings to make notes and it is
recommended that you use CAPITAL LETTERS to aid clarity. It also shows 4 of the 5 different sorts of line, unlike
normal drawings, in engineering drawing the type of line carries with it a very specific meaning.

1. An unbroken dark line denotes the outlines / edges of an object.


2. An unbroken feint line denotes construction lines, projection lines and or dimension lines
3. A dashed line with the dashes all short and the same length denotes a hidden detail line e.g. being
able to see inside an object (X-Ray Vision)
4. A dashed line with alternating long and short dashes (Chain Line) denotes a centre line, a path or a
trajectory.
5. A chain line with two short dashes alternating with a long dash is used as an outline to denote the
extreme position of part of an object if it moves, see image 6

Image 3 - Shows three views of a chair/car seat as an example object sketched in orthographic sketching. There
are 3 views usually drawn, sometimes more and sometimes less depending on the amount of information needed
to be displayed.

1. The main view or 'Front' elevation is usually drawn in the lower left corner of the sketch area to allow
for the other views to be added around it.
2. The view sketched directly above lines up with the front elevation and represents a view looking
directly down on the object from above, hence the name, 'Plan' view, as though looking at a map.
3. The view sketched directly to the right lines up with the front elevation and represents a view looking
directly at that side of the object [Where the sides have different shapes/different features an
additional view would be required on the other side]. This view is the side Elevation

Notice the feint projection lines from the original front elevation, the idea of orthographic engineering drawing is
actually not to be as complicated as possible but to use the least amount of drawing to communicate the most
amount of information.

Image 4 - Shows an object with its associated dimensions.

The process of describing an objects dimensions usually starts with some short feint construction lines coming off
the object to be dimensioned (note there is a small gap between the object and the dimension line).

Another feint/construction line is drawn between these two lines and the ends of these lines are indicated with thin
narrow arrow heads which touch the lines projected from the object.

Finally the dimension is indicated in clearly written hand writing - note the general rule is that the line underneath

Sketching & Drawing Lessons: Page 25


the number is the line being described by that number.

It is useful for the viewer to also clearly indicate if a scale has been used and if so what ratio and most importantly
what system of measurements are being used e.g metric - millimetres, meters or imperial, feet and inches.

Image 5 - Shows a cross section through an object, a slice as though the object was cut in half and opened up
along a line so the viewer can see inside.

The view shown with the diagonal lines is the 'Sectional View' and is labelled A-A the A-A denotes the plane of the
line and the direction of the view from the main drawing. The diagonal lines are sketched at 45 degrees and can be
used to indicate differing materials by altering the distance between the lines.

See the image to the right, note the thin line through the object with two dark end markers, the thin line is the plane
of the section (where the cut was made).

The arrows pointing to the dark end markers indicate the direction of the view.

The Letters A and A indicate what the sectional view will be labelled else where in the drawing A-A.

Image 6 - In some objects there are components that might move and you may wish to show the extent and path
of this movement, for this we use LOCI & Movement lines, see notes for image 1, 4 & 5.

The original object is drawn and the position of one extreme extent of the motion is therefore shown.

The alternate position of extreme extent is then drawn where the outline uses a double dashed chain.

An appropriate point on the object is selected and a centre line, long dash short dash, is drawn between the two
positions of extreme extent.

Image 7 - Here is an example of orthographic sketching for a 'single egg' rack.

Image 8 - And here is that information translated into a 3D Isometric assembly diagram.

Image 9 - Another example of engineering drawing for a Pinhole Camera Aluminium Tripod Mount.

Images 10-12 - Pinhole Camera 35mm Film Carousel.

Image 1 - Don't take it too seriously :) but PRACTICE, PRACTICE, PRACTICE.

Sketching & Drawing Lessons: Page 26


Sketching & Drawing Lessons: Page 27
Step 6: 2D & 3D Marker Rendering

Markers are the preferred method for most product designers when not working digitally and so here is a basic
introduction into the use of markers and some basic technique.

Sketching & Drawing Lessons: Page 28


You will need :

Water proof, pigment ink, permanent fine-line drawing pen. I prefer a thin nib 0.1mm

White Pencil Crayon (optional but useful)

White paint pen or white out (optional useful - can be temperamental be careful)

Cool Grey Number 2 marker (or closest equivalent)

Image 1 and 2 - Reference Sheets

Image 3 and 4 - You may remember the exercise we did from step 2, section 2, image 13 - this is a very similar
exercise.

1. Sketch three overlapping squares/rectangles so they look like they are one on top of another. By
'Layering objects we create an illusion that the objects exist in a 3D space because they 'overlap'.
2. Use a few lines to create the illusion of texture and the little circles in the corners suggest screws or
bolts
3. Here we use the cool grey number 2 marker to outline the lower and right hand side edge as though
a shadow is being cast. Note that we have a number of levels here and so if you look very closely
you will notice the fore most square (glass) casts a shadow on both the metal square and the
wooden plank. Where the shadow is cast on the wooden blank it is a little thicker this is because the
glass is further away from the wooden plank than it is from the metal. The thickness of the drop
shadow indicates the distance away from the object the shadow is cast on.

You will see the drop shadow used a lot from now on to help objects/sketches etc. seem 'off the page' a little.

Image 5 - Light Medium and Dark shading - the advantage to using markers is that when you overlap the colouring
of the marker on the page you get increasingly darker tones of the same colour. It is a bit like overlapping lenses
from a pair of sunglasses - more layers = darker colour .

Image 6 - Here again we repeat the exercises from a step 2 but this time we use the cool grey number 2 marker to
create tonal values for the shading to give shape and shine.

Image 7 - Here we are showing how shading can create indents into a surface like the LED readout or create
raised surfaces like the button.

1. Sketch a rectangle within a rectangle.


2. Join the inner rectangle's corners to the outer rectangle's corners using short diagonal lines.
3. Using your cool grey number 2 shade one layer over the whole area covering both rectangles. This
is your first layer - light.

Sketching & Drawing Lessons: Page 29


4. Repeat this shading but try to miss out the bottom and right hand section of the spaces between the
rectangles. This is the second layer - medium.
5. Now shade just the Left hand side and upper section of the space between the rectangles. This is
your third layer - dark.
6. The numerals are drawn in using a fine-line drawing pen and then a drop shadow is added using
your marker.
7. Reflection lines have been sketched across the inner rectangle to suggest a glass like surface.
8. White pencil crayon has been used to create highlights and lighten areas that are reflecting light.To
c

To create a button the highlighted and shaded surfaces are reversed.

Image 8 - Here a single layer of marker has been put down and then a second layer used to add details such as a
grill, small holes or bumps. Dark lines to the left and top cast shadows on the edges of the grill and holes while
highlights are picked out on the right hand and bottom edges. The bumps are the reverse of this.

Image 9 - Here we have some examples of 2D coloured rendering technique which will be covered in more detail
after we look at colour theory.

Image 10 to 16 - 3D Marker Rendering technique - Step by Step Basic.

Image 10 - A look and Layout of some overlapping cuboids.


Image 11 - First layer of cool grey number 2 all over each surface - light
Image 12 - Second layer on the vertical surfaces only - medium
Image 13 - Third layer on the vertical right hand faces (light comes from the left) - dark
Image 14 - Outline used to define shapes more clearly (no light reflected from outer edges)
Image 15 - Drop shadows rendered in.
Image 16 - Highlights on inner edges are added where those edges would reflect light.

Image 17 - Process repeated as an example in a different coloured marker.

Sketching & Drawing Lessons: Page 30


Sketching & Drawing Lessons: Page 31
Sketching & Drawing Lessons: Page 32
Step 7: Colour Theory

Now that we are looking at markers & rendering we need to develop an understanding of colour and which colours
work well together and why.
Sketching & Drawing Lessons: Page 33
There are well researched an published theories on colour but here I am going to just present some basic
concepts and ideas.

Image 1 - When starting a project using a colour medium (medium = paint/marker/pencil) it is often an idea to do
up a colour wheel using that particular medium. There are three primary colours (hues) often used in Art &
Design but there are two ways of mixing colour.

Additive - This is where coloured light is mixed - Red, Green, Blue (RGB) and when added together,
more light = white.
Subtractive - This is where colours are mixed as pigments on paper - Red, Yellow, Blue, and the
more colour you mix the less light = black.

As we are working on paper mostly we will look only at the Subtractive Colour Wheel - Red, Yellow, Blue.

It doesn't matter where you start on your circle but I usually go for a clock face layout - with a primary colour at 12
o'clock, 4 o'clock and 8 o'clock.

This colour wheel is actually made up from cuttings from magazines. I've...

Yellow at 12 o'clock,
Blue at 4 o'clock
Red at 8 o'clock

In between those I have what I think is a 50/50 mix of the two primaries - a secondary so we have

yellow & blue giving us green at 2 o'clock


blue & red giving us purple at 6 o'clock
red & yellow giving us orange at 10 o'clock

I then have the secondary mixed with a primary to give a tertiary -

1 o'clock - Lime
3 o'clock - Aquamarine
5 o'clock - Purple Blue
7 o'clock - Mauve
9 o'clock - Deep Orange
11 o'clock - Sun Orange

These names are made up, you can call colour what ever you want (look at some of the names paint companies
use :) ).

Image 2 and 3 - Here's another wheel and a set of tests for a different project but here I want to introduce a couple
more concepts. Colours can be chosen that work well together or compliment each other. These are usually
opposite each other on the colour wheel. Colours next to each other on the colour wheel are said to be
harmonious. Colours in the red to yellow area are often described as being warm colours while the blue green
colours are said to be cool, see image 4. You can choose two harmonious colours to work with their compliment
this is known as a split-compliment, see image 5. Image 6 shows us tones which we are already familiar with
from our shading and shadows practice but we can modify basic colours, by adding white they become tints and
by adding black they become shades. The use of a tint with a shade where they are of their complimentary hues is

Sketching & Drawing Lessons: Page 34


known as discord, see image 7 and 8.

Image 9 and image 10. - Here is another quick colour pallet prior to drawing out some seasonal sketches.

spring - yellows & greens moving towards a warmer summer pallet


summer - warm yellow orange moving towards autumn shades
autumn - orange & reds moving towards cooler blues of winter
winter - tints of blue moving towards pale yellow green of early spring

Try some colour wheels and pallets of your own, explore & experiment with combinations to see what works and
more importantly what doesn't.

Sketching & Drawing Lessons: Page 35


Step 8: Creativity - Exploration / Experimentation / Ideation

Isn't it frustrating when you ask creative people how they do it and they say they don't know. And if they don't know
how they're doing it they can't tell you how you can do it....frustrating.

Sketching & Drawing Lessons: Page 36


You can do it.

It is a lot like learning to sketch and draw though - it takes...PRACTICE, PRACTICE, PRACTICE.

What you are actually trying to do is to teach your mind to work in a way which is different from how it is used to
working and this is very difficult but there are some tools and tricks out there that can help you.

First I'll talk you through SCAMPER which is a nice technique for playing with initially but also can be a powerful
creative thinking tool, then I'll talk in more detail about creativity and how to develop other techniques.

Section 1 - Scamper

Image 1 & Image 2 - These are examples of a technique which is loosely based on SCAMPER. Scamper is a sort
of mnemonic of letters that can be used to stimulate creativity. There is an 'official version' but here I use a very
much modified approach.

I had to separate these out so I'll look at SCAM first then PER.

Each Letter can be applied deliberately in order, one after the other, preferably with no real goal in mind - just do it
because it is the next step to follow and be open to what happens.

Image 3 - SCAM

S - Size, Scale - Explore your sketching by zooming in and out, re-scale & re-size elements of the sketch.

C - Cut, Chop, Carve, Connect, Combine, Collect - Explore elements by cutting & or combining elements in
different ways.

A - Adopt, Adapt - This is about looking around and adopting shapes/ideas and adapting them to suit.

M - Modify, Morph, Mangle, Mush, Mash, Mirror - Take elements and re-shape & re-form them.

Can you see how we're just using the letter to create action words which prompt us to 'do' something 'random' to
create new concepts/ideas/shapes/forms with no real 'control'.

Image 4 - PER

P - Pierce, Punch, Poke - Add Holes, Groves, Indentations

E - Extend, Extrude, Eliminate - Stretch elements, make 3D forms though extrusion, remove obvious elements.

R - Rearrange, Revolve, Rotate, Remove, Reverse, Reflect.

The great thing about this form of SCAMPER is you can just keep adding words and keep playing with shapes and
forms until you see something you like.

Sketching & Drawing Lessons: Page 37


Images 5 - 9 - Exploring and Experimenting MP3s / Kettles / Task Lights

Section 2 - Creativity

There are many great thinkers out there who have struggled with explaining this, I am not one of them but I do
know what works for me and what has worked for my students and what may work for you.

I have done a lot of reading and it boils down to...

Having an open mind. Don't judge an idea (it's just a sketch remember it doesn't have to work - it doesn't even
have to be sensible) Edward De Bono has some fantastic writing on lateral & creative thinking and I take from him
the idea of PO - a provocative operation - forcing thinking by deliberately choosing to try and think differently
hyPOthesis, supPOse, POssibility. What if cars had no steering wheels? What would you get if you thought about
penguins & the education system? How would a kettle with no handle function?

This seems like odd behavior but it frees up the mind from preconceived notions and so allows exploration and
experimentation without worrying about what other people think - we worry a lot about that - but if we only did what
other people thought possible we'd never have had cars, trains, planes etc. don't be afraid to suggest silly ideas
and more importantly really explore them.

Creativity is about (hippy alert) achieving an altered mental state - shifting perception to allow the exploration and
experimentation which might lead to a new concept or idea. How do you think about something that doesn't yet
exists until you think it?

Here are some other concepts / ideas / thoughts on creativity.

Aleatory Techniques - Introducing randomness into the process -

Creative Problem Solving Process

Russian TRIZ

Edward De Bono

Final Word

You may have had fun with the SCAMPER but I'm guessing you are probably still left thinking 'Yeah but this
doesn't make me creative, I still struggle for ideas...'

There used to be a comedy show - 'Whose line is it anyway' - in the show the comedians had to improvise a play
using a random object they had been given and they got points for the most different ways of 'seeing' that object.
Creativity in part is not a 'doing' thing as much as a 'seeing' thing.

Here's the PRACTICE -

Most words can have more than one meaning e.g. set - set things out, concrete sets, a collection of
things....look for these additional meanings where ever and when ever you can.
Sketching & Drawing Lessons: Page 38
Like words objects can have more than one use, try to start to think about objects and consider
possible alternative uses (you don't have to start combing your hair with a fork) it's just a thought
experiment.
Be deliberate in your thinking. Suppose....What if.......If this was here.......If that didn't exist.......If this
could just......If that went........

You cannot defy the laws of physics.....but you can bend them a little :)

Sketching & Drawing Lessons: Page 39


Sketching & Drawing Lessons: Page 40
Step 9: Advanced 2D & 3D Sketching Techniques

Hopefully you've had time to practice and develop your technique. This section is about adding subtle layers to
your technique to enhance the quality of your sketching. We're going to cover quiet a number of techniques so I'm
going to break this down into the following : -

Simple Rounds
Complex Rounds
Casting Shadows

Simple Rounds.

Nearly every object has rounded edges, there are very few objects that have perfectly sharp corners. Look around
you and see these rounded edges and notice the highlights that they reflect.

Image 2 - Look & Layout a 2D & 3D grid for the corner [you may remember how we analysed a 2D circle when we
worked on ellipses in lesson 3 this is the same sort of thing - a corner in 2D is usually a quarter circle and in 3D it
will form part of an ellipse]

Image 3 - Line in the outer edges of your round.

Image 4 - Cross hatch shading is used to define the shapes not the position of the highlights on the round.

Image 5 - Some Practice Images

Image 6 to 11 - Practice Exercise - Design a reading station.

Complex Rounds

Complex rounds...are, hence the name - we effectively have three simple rounds (count them three!) all meeting at
one point and this gets tricky especially when you start thinking about the other 6 visible corners you're likely to
get.

Image 12,13,14 - here we see the developement (Look, Layout, Line) of the front corner. Note that the corner is
effectively a quarter hemisphere, and each other corner will have another part of the overall sphere as corners.
The last image here is just emphasising the difficulty in shading these curved edges.

Image 15,16,17 - Here we look at sketching and shading a cubiod, you have to think very carefully about where
the light is falling on these curved surfaces - this is easier with markers than it is with cross hatch shading.

Casting Shadows

You will need.


Fine-Liner 0.1
White Pencil
Marker Cool Grey No2.

If you look at this image you'll see I have drawn a sort of lamp post for the my light source and this lamp post
Sketching & Drawing Lessons: Page 41
generates two sets of parallel lines. One line goes from the base of the lamp post through the first {closet} corner
and out the other side for some distance. Each subsequent base corner has a line moving away from the light
source parallel to this first line.

This is repeated with a line from the highest point of the lamppost.

Where the lines from the base corners and the lines from the top corners meet is where those corners would cast a
shadow to. There area can then be shaded.

Carboard Cartoonist
There is a video to illustrate this embedded, see the images at the beginning of this section - sorry there's no voice
over yet.

There are three more video clips which practice the above techniques using white pencil for highlights on a brown
envelope [use the inside of the envelope, it has a better texture].

PRACTICE PRACTICE PRACTICE

Sketching & Drawing Lessons: Page 42


Sketching & Drawing Lessons: Page 43
Sketching & Drawing Lessons: Page 44
https://www.youtube.com/watch?v=qlmACCz0qR8

https://www.youtube.com/watch?v=dbCHFdYkmDM

https://www.youtube.com/watch?v=qzS7tXz9YGY

https://www.youtube.com/watch?v=e02VCX-BQ5o

lovely instruction, wanted to print out so that i could read the lessons easier, but when downloaded
only the first 3 are there. how do i get the rest. thanks

Good day sir! i have been learning how to draw for a few years and i learned how to use proper
shading. The only thing i want to learn is how to give my shading a metallic look. Thanks in
Advance!

Hello sir, I am back to serious sketching after nearly a decade n


have been following your tutorial for about a week now. I left
classes abrubtly when i was 8 and therefore am technically weak.
Sketching & Drawing Lessons: Page 45
My outlines are OKish though i lack in proportions and layout on
the page and i cant shade the way i see in other pro's works.
Please comment on my work and suggest some regimes to improve my
proportions and shading aspects. Below are some of my most recent
works and practice sessions:

Hello sir , I am a 16 yr old girl and i used to sketch on a daily basis. But i stopped doing so for the
past 2 years , due to academic reasons .

I wanna start again now .Can i improve my sketches ..to the 3D level ? And can i use pencil
instead of a pen ? P L E A S E R E P L Y .Thank you.

This is one if my sketches .

This is excellent work and I mean excellent you are clearly talented. You can use pencil if you wish
- I encourage my students to use pen so as to break the habit of using erasers, the faint
construction lines left by the layout phase gives a sketch energy.

The important thing is that you do what works for you, and that you practice. Look at other peoples
work that you like and emulate it so as to learn from it, but ultimately through practice you'll find
your own style.

Kindest Regards

Ian

An insight to basics ... Loved reading it

Hi Ian, This is really an awesome tutorial.. :D


Really helped me improve.. btw, here are my "usb" sketches.. ;)

These are really good, nice cross hatch shading. I'll have to pop on some notes about drop
shadows. I think you're ready for http://www.idsketching.com/basic/toolbox-shadows/

Thank-you so much, Ian.. :)


The link to shadows' tutorial is very helpful...
Sketching & Drawing Lessons: Page 46
Really very grateful.. :) :)

" " "It is saying THANK YOU in Chinese, and my last word means YOU, which is written in
another form. It is used when we want to remark that 'you' is somehow dearest to us. Im a 28year-
old boy from HK. The profile pic. is my 1st attempt to try drawing. Abt. 4~5 months ago. Thank you
so much for all your tips and why you are sharing it. You are really a teacher, not only called as,
you are "A Teacher-being".

Thank you for your kind words, I am honored by your comments and wish you well in your studies.
I very much like your profile image you are clearly very talented.

Kindest Regards

Ian.

Fantastic

Posting this for my grandson Ethan who loves to draw. Attention Aimee Rhea

This is fantastic. I don't think I've ever seen a drawing tutorial actually start from the very beginning.
Thanks so much!

best tutorial ive seen in a long long time.ive ben drawing since I was about 4 and even with my
experience this really helps a lot :) thank you very much for the easily understood step by step that
hundreds of books seem to be lacking.you are doing great things for artists new and experienced

Thanks Adamcrear

I've been thinkin that line drawings might be better in some -ibles than photos. Sometimes takin a
pic, while workin a project is too cumbersome. A line drawing also eliminates irrelevant details (like
the 12 other projects in process on my bench)

Hi Toga_Dan,
Instructional drawings really help - I've also used google sketchup to create instructional diagrams -
https://www.instructables.com/id/XCP-Experimental-Canard-Platform/
(https://www.instructables.com/id/XCP-Experimental-Canard-Platform/)
it's sometimes easier and you can manipulate view points without having to redraw.

Very nice tutorial. Thank you for your contribution.


I favorited it and put your entry into my LoTek collection.
Thanks.

Sketching & Drawing Lessons: Page 47


Very cool

Hi Johnstat000 - I've been working on this for a couple of weeks now - I admit I had some drawings
already but some of the step by step drawings I've been doing as I go along. I'm just planning the
step by steps for the advanced stages. The LLLSSS is a culmination of 20 years teaching design. I
just wanted something that opened the door for people to communictae their ideas.

Wow! How long did it take you to write this?

Just a huge thank you to the 1000+ followers, I am a bit amazed at the positive response I have
received - Thank you.
Ian

Awesome. I really need to improve my sketching abilities so I can have some good clear designs
for the stuff I make/want to make. Thanks for the incredibly detailed lessons. I'll definitely be
watching for more.

Go for it lecreate :)

Nice guide! This makes me want to pick up a pen and paper right now to brush up on some old left-
alone skills!

Hi armitagebron - I'll have to look into it, thanks for the idea.

thk!

Man, you are great I think, why dont you do some online courses udemy like?

Wow, it is what i need!

As Karl Jung said or wrote or something:


If I don't know I don't know, I think I know
If I don't know I know, I think I don't know.
It's a little confusing, but if you read it slowly, it will come to you:)

I really enjoy your technique! You have a very fluid and easy to use sketching style which is
excellent for us makers. I will definitely be using this 'ible as a reference when designing or just
doodling! Thanks for a great one!

Sketching & Drawing Lessons: Page 48


I'll be adding in a orthographic engineering drawing section but for sketching rather than technical
drawing/cad - helps with 3D projects and maker stuff. Thanks for the nice comments :)

I just love it. Where do you learn to design like that?

Started practicing!!!

That's great IBH nice line work - also try doing different line weights - these are heavyish lines so
also try very feint ones too - these are impressive though your spacing is excellent.

cleigh6 - thank you for your kind words, glad you are re-inspired - hopefully they'll be plenty of
interesting exercises to play with.

Thanks for the detailed lessons, too many people (myself included in the past) think drawing lines
shapes etc is boring. You have to learn the basics and understanding them to enable you to
progress to more complex projects. .
please keep them coming, I have regained my passion for art once more..

Awesome please keep these coming!

THANK YOU. I'm personally the worst drawer in the world and my brother is great at it and I
always tell him he's good but he always denies it and I ask him to teach me and he says no
because his drawings are horrible and for other reasons haha thanks you for teaching me how to
sketch I've always wanted to know how to

This is really good. Gonna start working on my ellipses straightaway. I will heartily encourage you
to post more!! Thank you!!

I'll be covering elipses and tricks and tips for them when we get to 3D, could be a week or so. Glad
your inspired.

I agree with you in that you don't need to go out and buy a bunch of great equipment. Too often
people think they need better equipment, but at least with drawing/doodling, if you really like it and
are motivated, you're not going to need all that silliness and you'll do just fine without it.

Sketching & Drawing Lessons: Page 49

Vous aimerez peut-être aussi