Professional Documents
Culture Documents
Welcome to Design Sketching Class! Sketching is the primary skill of the designer. It's the best
way to quickly generate, iterate, and communicate design ideas to yourself and to others. In this
class, you'll learn the basics of how to sketch in 2D, 3D, and how to shade a drawing to add
realism. Grab some paper, pencils, and your big ideas. Let's get designing!
Enter an Instructables Contest!
If you've used the skills you've learned in this class to write a great instructable, try entering it in
one of our Contests for a chance to win some amazing prizes!
Class Author:
JON-A-TRON
Jonathan Odom is a professional designer with more than 10 years of experience in set design, architecture, and product design.
He has designed architectural installations, industrial design prototypes, furniture, and lots of other projects on Instructables. His
work has been exhibited locally and internationally, published online and in print, and is enjoyed by friends, family, collectors, and
clients.
Welcome to Design Sketching Class! If you want to come up with a new idea, design
something that's floating around in your head, or figure out how to make something,
sketching is the simplest and fastest tool at your disposal. Even if you think you’re no good
at drawing by hand, it’s a skill that helps communicate your ideas to others, and even
clarify your ideas for yourself!
Digital design tools (both 2D and 3D) are powerful, but they have a lot of constraints by
nature. But, if you can flesh out an idea with a pen and paper -even badly- you'll free
yourself up to explore options and make decisions before you get into the computer or the
workshop. Simply put, design drawing is a skill you need to take your designs to the next
level.
This class focuses on the skill of sketching as a tool to help you think. We'll start with some
basic hand drawing techniques to help you draw straight lines and other useful forms.
Next, you'll learn about multi-view drawings- studying an object as a series of 2D drawings
of the sides. Finally, you'll learn how to draw in 3D with isometric drawings. We'll also talk
about light and shade to help you think about shape.
This class isn't about presentation drawings that require a high level of skill. In this class,
you'll get used to design sketching as a tool to help you think and explore possibilities.
https://player.vimeo.com/video/213154954?title=0&byline=0&portrait=0
You'll use mechanical pencils to draw construction lines, meaning lines you'll use to
control your drawings and to roughly measure features. You can also use a pencil for quick
shading if you don't want to bother with markers. You'll want a light line weight (0.5 or 0.3)
so that the lines are easy to erase. I like the pencil listed below, but you can get a 20-pack
of cheap mechanical pencils at the corner drug store for $5 and get the same results.
0.5mm Pentel GraphGear 500 Automatic Drafting Pencil: $3 each on Amazon
An eraser is also a good idea. I used a kneaded eraser, but a white eraser is probably better:
$6.00 (set of 4) on Amazon
Ballpoint Pens
Ballpoint pens are what you'll be using to draw hard lines, meaning the lines you'll stick
with to communicate your ideas. The pens listed below are my favorites, but you can take
this class with any cheap ballpoint pen and still get good results.
Light Weight (0.38) Ballpoint Pen
We'll get into line weight later, but the general idea is that the thickness of the line
communicates particular features and ideas. A light weight pen will be good for
surface features, contour lines, and roughing out shapes.
Muji Hexagonal Gel Ink Ballpoint Pen: $8 / 2-pack on Amazon
Gray Markers
Markers come in every color of the rainbow, but for this class we'll only use gray ones for
shading and drawing shadows. There are lots of different marker brands, but I like Copic
markers the best because they're easy to draw with, they look great on paper, and they
don't emit nasty fumes. They're expensive, but they're worth it.
You can take this class without using markers at all, you'll just be using a pencil or pen
to of the shading and shadows.
Copic Sketch Set of 6 Sketching Grey Markers - $33 on Amazon
Tombow Markers (cheaper alternative) Set of 10 Grey Markers - $19 on Amazon
Copy Paper
Copy paper is great to draw with because it's smooth, manageable, and cheap. To draw
straight lines and have good control over line work, you'll be spinning the paper around as
you draw constantly (a skill we'll cover in Lesson 2), and copy paper makes this very easy.
US Letter (8.5X11 IN) or A4 are ideal.
You can get this paper at any drug store or office supply store, but here's an Amazon link
for your convenience:
AmazonBasics 92 Bright Multipurpose Copy Paper - 8.5 x 11 Inches, 1 Ream (500 Sheets): $8
on Amazon
Next Up
In the next lesson we'll go over some basic drawing technique. We'll learn how to draw the
straightest lines possible without a ruler, how to draw circles without a template or
compass, and how to make rectangles and squares that aren't too wonky.
https://player.vimeo.com/video/158095497?title=0&byline=0&portrait=0
Move the Paper: Because my best straight lines come out when I draw a 45º line, I draw
every straight line using this motion. I move the paper to get the line in the right place
instead of moving my hand and changing the motion.
Once you've found your straight line motion, practice moving the paper and keeping
your strokes in the same direction every time you draw a straight line.
https://player.vimeo.com/video/158095499?title=0&byline=0&portrait=0
https://player.vimeo.com/video/158095501?title=0&byline=0&portrait=0
Line Weight
In general, you can think of line weight as a scale from light to heavy based on the depth of
the edge you're drawing in relation to what's behind it. In the example above, you'll see that
the extra light lines (the pattern on the side) are for an edge that has essentially zero
depth to the surface behind it. The light lines have a greater difference between the depth
between the edge and the surface behind it because the surfaces are angled away from or
towards each other. The medium lines have a greater depth between the edges and the
surface behind them because the only surface behind that we can see in the view are the
ones on the indentation. The heavy lines are reserved for the edges with the most depth
(there's nothing behind them).
Now that you've got the general idea of how to draw certain shapes and straight lines, it's
time to practice. A lot. There's no need to draw anything specific, just grab some paper and
your drawing tools, and start making shapes. The sheet in the picture above is just me
practicing lines, construction lines, contour lines, shading, and making form. We'll get into
all these techniques later in the class.
In the next lesson, we'll get into sketching 2D views of a design.
https://player.vimeo.com/video/158095502?title=0&byline=0&portrait=0
To practice multi-view drawing, we will start with a simple manmade object that you
probably have at home. A remote control is a good example, maybe a phone, or a
bluetooth speaker. Avoid things that are too complex like a can opener at first, and void
things with a lot of curves, like a computer mouse.
I'll be demonstrating the process with a 9V battery.
Construction Lines
https://player.vimeo.com/video/215907574?title=0&byline=0&portrait=0
Start by drawing a few construction lines to create boundaries for the different views of the
object. Try to get the proportions as close to the real object as possible by using your
fingers or your pencil to get a rough idea. Remember to draw parallel lines first, then draw
the crossing lines do get proper right angles. It's often helpful to use tick marks as targets.
Side View
https://player.vimeo.com/video/215922252?title=0&byline=0&portrait=0
Line Weight
https://player.vimeo.com/video/215924117?title=0&byline=0&portrait=0
In general, you can think of line weight as a scale from light to heavy based on the depth of
the edge you're drawing in relation to what's behind it. In the example above, you'll see that
the extra light lines (the pattern on the side) are for an edge that has essentially zero
depth to the surface behind it. The light lines have a greater difference between the depth
between the edge and the surface behind it because the surfaces are angled away from or
towards each other. The medium lines have a greater depth between the edges and the
surface behind them because the only surface behind that we can see in the view are the
ones on the indentation. The heavy lines are reserved for the edges with the most depth
(there's nothing behind them).
Practice!
Your homework for this lesson is (you guessed it) draw stuff! Find a manmade object,
break it down into construction lines, then hard line it and fill in the details. Remember, it's
not important that it's pretty, it's important that it's a decent representation of the thing.
In the next lesson, we'll take sketching to the next level and learn how to do it in 3D.
https://player.vimeo.com/video/215925975?title=0&byline=0&portrait=0
Continuing with our 9V battery example, start by drawing 3 parallel lines in pencil. As
before, use your fingers or your pencil to place target tick marks to ensure that they're
parallel.
Next, draw the two bottom face of the cube. The angle of these lines will determine your
view. Angles that are more acute to the horizon will show less of the top of the object,
emphasizing the sides. Angles that are more oblique to the horizon will show more of the
top. This will change the point of view of the object.
Circles in 3D
To draw the terminals on the top, we'll need construction lines. A center line is drawn on
the top surface by using tick marks at the midpoints of the short sides of the box.
With a drawing this small, you can probably just make the ellipses in one stroke with a little
practice, but to get very clean ellipses it helps to draw them in segments.
3D Form
The negative terminal is a cylinder, so all it needs is vertical lines to complete the shape.
The outlines of the positive terminal are next. It's important to pay attention to which lines
will be seen in a particular view. The edge of the lower hexagon will only be visible on the
front, for example.
https://player.vimeo.com/video/215926995?title=0&byline=0&portrait=0
Give It a Try
Keep going with the drawing subject you've chosen and try a 3D isometric drawing. Share
what you've got with the rest of the class and we'll give you feedback.
In the next lesson, you'll learn about light, shadow and shading to bring some realism and
detail to your drawings.
A cone follows the same rules regarding the blended mid tone.
https://player.vimeo.com/video/215938511?title=0&byline=0&portrait=0
To get acquainted with the idea of shading, start with the 3D drawing you made of a
household object- the 9V battery we used in Lessons 3 and 4. A simple form is good
because it will prevent you from getting distracted by too many details.
I spray-painted the 9V battery so the shadows and shading would be easier to see. The top
of the battery has the lightest value ("w" for white), the front of the battery has a slightly
darker shade because the sunlight on this face is less direct, the side of the battery in
shadow is the next darkest value, and the cast shadows are the darkest. Notice the
smooth gradient transition between the front and the side- this happens because it's a
rounded edge, like a cylinder.
The shading of the surfaces is also dependent on the light direction. Since the light
direction is at a steep angle in relation to the sides of the object, the top surface will get the
most reflected light- that means it remains white. The front of the object in this example
gets the second most reflected light, so it's filled in with the N0 marker. The back side gets
the next level up in the value scale, which is N4 using the Copic marker scale.
Your homework for this lesson is to shade the 3D object you did in the last lesson. Take it
outside or put it under a lamp to get a general idea of what you'll see, then use the
methods you learned in this lesson to make your drawing more realistic.
The next lesson is a case study of one of my own projects. You'll see how I came up with
the idea, how I came up with the overall form, and how I fleshed out the details through
drawing. You'll also learn some additional techniques like drawing cross-sections and
detail blowups.
Now that you've got the basic skills down, here's a case study to help you learn how you
might apply them to your own design.
Any time you design something, you're going to start with some things you already know.
What the design is intended for, generally how big it will be, what manufactured parts it
might use, etc. For more information on the design process, check out Paige Russel's
Design a Product Class.
The example you'll be following in this class is an analog white noise machine of my
design. It's based on this Wireless Charging Lantern project I made. It's a lamp that's
battery powered and uses a universal wireless charging platform. When I designed the
lamp, I intended for the platform to be used with a variety of products: a bluetooth speaker
or an aroma diffuser, for example.
That's a lot to work with, so now I can start drawing to come up with an idea for a design.
Whatever you are planning on designing think about your own known variables before
sketching.
https://player.vimeo.com/video/216058641?title=0&byline=0&portrait=0
In the example provided, the top of the object is square, and I'm planning on drawing a side
view based on it, so the best place to start is with a square that has longer construction
lines going up the page that will be used later for the side view.
Remember that there's no need to have your drawing completely planned out when you
start, but if you know some basic things about your design (in my case, I know it's square
from the top and probably also from the side) it's a good idea to plan out the space on the
page to make sure everything fits.
The corners are rounded at the same radius as the existing charging platform.
With the top view finished, there is now some information to base the side view on. There
is a radius for the rounded edges of the box that can be used for the side view, and a width
for the circular cap that might be a good with for the slots on the sides.
Cross-Section Drawing
A cross-section is a view that cuts through an object along a flat plane, usually vertically.
It's a useful tool in design sketching because it can communicate material thickness,
assembly, fastening methods, and how parts interrelate. Drawing a cross-section through
an object can lead to all kinds of revelations- "Oh, that's not going to fit..." or "Oh, I could
make this thing much smaller!" It helps you avoid silly mistakes like designing something
that's impossible to assemble.
The section shares its horizontal construction lines with elevation to the left because it's cut
through the vertical plane.
https://player.vimeo.com/video/213568751?title=0&byline=0&portrait=0
https://player.vimeo.com/video/213569673?title=0&byline=0&portrait=0
The motor will need a mount to attach it to the bottom part of the enclosure. The idea in the
drawing is that it's press fit into a carriage with legs that attach to the base as shown
above.
The holes are a bit tedious to draw by hand, but it is helpful to get an idea of how they
might be patterned. The most logical way to do it seems to be to nest them- a row of 3, a
row of 2 above that offset, back to a row of 3 above that, etc. The fan has to be radially
symmetrical, so a four-blade fan seems like as good a place as any to start. The dashed
lines denote the fan blade receding away from the view.
Here's a breakdown of the line weights used for this kind of drawing:
Heavy: cut lines of objects to be fabricated, not manufactured objects to be used (such as the
motor)
Medium: lines that are seen in elevation that have medium depth to their background surfaces,
outlines of manufactured parts.
Light: lines with shallow depth to their background surfaces.
Extra Light: surface pattern
Hidden (dashed): objects hidden behind in relation to the view.
https://player.vimeo.com/video/213584099?title=0&byline=0&portrait=0
3D Drawing
Circular Cap
As seen in the multi-view drawing, the machine top enclosure snap-fits into the machine
bottom enclosure. To draw this feature, another parallel box is added above the second
one, providing a new plane to draw in. Once again, the arc bounding this corner is the
same as the other arcs.
The seam is articulated by small curves on each end. The sweep of the curves here
follows the same rules as circles- the obtuse angle makes the upper curve long and
shallow, and the acute angle of the lower curve makes it short and deep.
As in the 2D drawings, the seam has an opening above it on each face. Construction lines
are added again to provide a boundary for the openings. The vertical lines are coincident
with the ends of the arcs on the machine bottom, and the lines for the tops of the holes are
equally spaced to make the holes the same on both sides.
https://player.vimeo.com/video/213586611?title=0&byline=0&portrait=0
Contour lines in fine art are basically the outline of the shape. In design sketching,
however, contour lines are the lines that trace the surface of an object to communicate the
shape. In the examples above, the heavier outlines are the object's perimeter, and the
thinner lines are the contour lines.
1. In a simple rounded cube, 3 continuous contour lines tell us there are no surface features.
2. With a semi spherical indentation on the top, we see a single elliptical edge contour.
3. This example shows an indentation with raised walls and sharp edges at each crease.
4. This indentation has rounded edges. The crossing contour lines show us the radii of each
curve, and the elliptical ones on top communicate the overall size and thickness of the feature.
5. A more complex indentation shows us rounded edges and communicate the depth and shape.
6. This organic form also only needs 3 continuous contour lines to communicate the shape.
In the next lesson, you'll learn about light, shadow and shading to bring some realism and
detail to your drawings.
It's always smart to start with the lightest shade- you can always make a drawing darker,
but you can't make it lighter with the tools we're working with. The construction lines
provide regions to shade, such as the area between the square on top and the circle. Use
The base of the machine enclosure will be a different material to articulate the geometry.
The next darkest marker is a good choice here.
There it is, your crash course in design sketching. My hope is that you picked up the skills
that will give you the confidence you need to start cranking out ideas on paper.
I can't stress enough the importance of practice. This skill takes a lot of patience and a lot
of time to develop. As you can probably tell from the sketches I produced in the videos, I'm
no expert at this, but that really doesn't matter. I'm good enough at it for my own purposes,
and with some practice you will be too.
Here's a list of my favorite resources for ID sketching if you want to dive deeper.
Learning Resources
The Design Sketchbook is the best formatted and most comprehensive resource I know of.
The website has a free PDF book, and the Youtube channel is awesome.
Coroflot has a lot of great portfolios of ID sketching.
Spencer Nugent also has a great Youtube channel with dozens of videos on everything from
drawing to rendering to shading to digital painting.
Other Tools
If you want to get into digital painting and drawing, there is no shortage of tools for you to
choose from. Digital a few advantages over analog tools, not the least of which is the Undo
command.
Autodesk Sketchbookis a powerful digital drawing an painting app for desktop and
mobile. It works really well with an iPad Pro with the Apple Pencil in my experience, but
there are lots of other options when it comes to interfaces, styli, tablets, etc.
They also have a great Youtube channel with plenty of tutorials.
Graphic is another great cross-platform app by Autodesk. It's a vector drawing app, which
means you have a lot more control of lines and shapes once you draw them. If you're more
of an engineer type who likes to use a ruler, this might be a good choice.
Anyway, have fun, and be sure to share whatever you make with the rest of us!