Product Drawing Techniques and Tips
Product Drawing Techniques and Tips
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 2
Digital Learning Environment for Design - [Link]
Design Course
Introduction
Product Drawing
Representation of Objects Product Sketching:
by Product sketching or Object drawing is essential for the representation of 3D objects.
Prof. K. Ramachandran
IDC, IIT Bombay It is a 2D representation of a 3D object or objects for the purpose of communication of a designer’s visualization.
It may utilize various media ranging from pencils, pastels to sketch pens, markers and digital media such as pho-
toshop, as elucidated in Figs: 1, 2 & 3 below.
Source:
[Link]
tion
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings Fig. 1: A wrist watch case detail in pencil.
7. Exploded Views
8. Videos
9. Contact Details
D’source 3
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
tion
Fig. 2: A wrist watch case detail rendered in colour pencils.
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
tion
Fig. 4: Notice how this nail cutter is depicted simply, yet efficiently.
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
Fig. 5: Note the cigarette lighter’s transparent body that has been well represented through appropriate high-
lights.
As we take you through the course, you will gradually grasp an understanding of how best you can communicate
D’source 5
Digital Learning Environment for Design - [Link]
Design Course your ideas through a sketch in the most appropriate way.
Source: Note:
[Link] Here is a short checklist of the essential tools that you will need to do the Exercises mentioned within the chap-
tion ters.
Design Course
Lines
Product Drawing
Representation of Objects he first step towards good sketching is mastering the line. This will lead to good line quality through better
by mind-body coordination for fluent and confident hand movement when you begin to draw more complex objects,
Prof. K. Ramachandran especially in perspective.
IDC, IIT Bombay
Exercise 1:
Improving line quality and control over the pressure applied while drawing.
Posture Tip:
Make use of your full hand as well as your body movements to draw the line.
• Draw a straight line across the sheet.
Source:
[Link]
• Draw the next line parallel to the first line and continue this until you complete the page, as in Fig. 6.
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details Fig. 6: Straight Horizontal Lines.
• Repeat this exercise as many times till you feel that the quality of your lines have improved. As you grow more
confident, try reducing the gap between your lines, as shown in Fig. 7.
D’source 7
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
Fig. 8: Straight Vertical Lines.
D’source 8
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 9
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 10
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 11
Digital Learning Environment for Design - [Link]
Design Course
Perspective
Product Drawing
Representation of Objects Understanding perspective is essential to be able to represent three-dimensional objects with correct propor-
by tions, which are more realistic and ‘true’ to the eye. One basic difference between isometric product drawings
Prof. K. Ramachandran and product sketching is the visual effect of depth that is achieved through foreshortening.
IDC, IIT Bombay
What is foreshortening?
Foreshortening is distortion due to perspective when an object appears compressed when seen from any par-
ticular viewpoint.
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos Fig. 11: Foreshortening and Vanishing Point.
9. Contact Details
For more clarity on the vanishing point, hold an object in front of your eyes, and gradually move it away towards
your left and then to your right, up and then down and notice that beyond your cone of vision, this object vanish-
es. This perimeter region, beyond which the object vanishes from your view, is where the vanishing pointslie.
D’source 12
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source: Fig. 12: Vanishing Points (VP) with respect to Eye Level or Horizon and the Cone of vision.
[Link]
tive One and Two Point Perspectives:
One and Two Point Perspectives make use of one and two vanishing points respectively.
Source:
[Link]
tive
1. Introduction
2. Lines
3. Perspective Fig. 14: Cubes in space in Two Point Perspective.
4. Shadows Examples:
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 14
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
tive
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 15
Digital Learning Environment for Design - [Link]
Source:
[Link]
tive
1. Introduction
2. Lines
3. Perspective Fig. 15: Circles in Perspective.
4. Shadows
Examples:
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 16
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link] Exercise 5:
tive Circles in Two Point Perspective:
• Now draw circles onto those various cubes in space drawn by you.
• Note how the circles get an elliptical profile when in perspective.
1. Introduction
Exercise 6:
2. Lines Treasure Box in Two Point Perspective:
3. Perspective • As you get a hang of the circles and cubes in perspective, try drawing objects that are predominantly combina-
4. Shadows tions of these.
5. Highlights • Draw these Treasure Boxes to begin with. Notice the ellipsoidal reference lines along the edges of the cube, to
correctly draw the open lid.
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
tive
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 18
Digital Learning Environment for Design - [Link]
Design Course
Shadows
Product Drawing
Representation of Objects Shadows help make your sketches ‘pop-up’ from their backgrounds, and seem more real. It is important to under-
by stand light in order to understand shadows. It is best to begin with shadows of objects with single light sources.
Prof. K. Ramachandran
IDC, IIT Bombay The simplest way to trace a shadow is to draw straight lines starting from the assumed source of light/lights to
the edges or corner most points of your product, extending it beyond to fall onto the surface or ground on which
the product is kept. In case of complex objects, shadows may be cast onto the same product surface and follow
the profile of the surface. Thus, shadows also enhance the overall sketch giving more information of the surface
it falls on, be it the ground, or on itself.
Source:
[Link]
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings Fig. 17: Observe how the shadows have been traced from the end points of the cube and cylinder in these cases.
7. Exploded Views
8. Videos
9. Contact Details
D’source 19
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source: Fig. 18: Observe how the shadows have been traced from the end points of the cube and cylinder in these cases.
[Link]
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details Fig. 19: Observe how the shadows have been traced from the end points of the cube and cylinder in these cases.
D’source 20
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source: Fig. 20: Observe how the shadows have been traced from the end points of the cube and cylinder in these cases.
[Link]
Note:
You could also try the same method for more than one source of light.
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
Fig. 21: Note the shadow trace for this pyramid and cylinder.
D’source 21
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source: Fig. 22: Note the shadow trace for this pyramid and cylinder.
[Link]
Exercise 7:
Tracing Shadows
• Assume a light source above eye-level and draw the shadow of a cube, taking references from aforementioned
1. Introduction examples.
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 22
Digital Learning Environment for Design - [Link]
Design Course
Highlights
Product Drawing
Representation of Objects Highlights are used to grab attention or create focal points for the observer by virtue of the reflections. They
by also help define form without one having to filling in or fleshing out the whole thing. They are the brightest spots
Prof. K. Ramachandran on the object as light reflects most here.
IDC, IIT Bombay
Source:
[Link]
1. Introduction
2. Lines Fig. 23: Notice the variation in fillets that give cues of the edge profiles.
3. Perspective
4. Shadows Principles:
5. Highlights The general principles that one can adopt for highlights are:
6. Object Drawings
• Sharper the edge, lesser the width of the highlight (marked as ‘w’ in Fig: 24 below).
7. Exploded Views • Bigger fillets have wider highlights.
8. Videos • Highlight fades on either side.
9. Contact Details • Chamfer edge picks up the light on the surface.
• Highlights on glossy surface is brighter.
• Highlights on matt surface is dull.
D’source 23
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
Fig. 24: Basic Highlight Techniques.
Examples:
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 24
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 25
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link] Exercise 8:
Highlights on Simple Forms:
• Apply the rules discussed above to draw various basic forms, taking cues from the aforementioned examples.
1. Introduction Note:
One can use highlights to great advantage for representing transparent and translucent objects.
2. Lines
3. Perspective Examples:
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 26
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 27
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
Exercise 9:
8. Videos Highlights on Transparent and Translucent Objects:
9. Contact Details • Take up everyday objects such as a drinking glass or bottle, and using a white colour pencil (or crayon/ white
pen, depending on necessity), try to achieve maximum effect with minimum touches through accurate high-
lights.
D’source 28
Digital Learning Environment for Design - [Link]
Design Course
Object Drawings
Product Drawing
Representation of Objects Proportionate, well-defined sketches and renders communicate best. Pencil sketches done using good shade,
by shadow and highlight techniques or renderings in crayons, dry pastels, etc. are highly effective visualization tools
Prof. K. Ramachandran for the designer.
IDC, IIT Bombay
Well thought of angles of view of the product, that gives maximum information about it, and covers most details
are ideal. At times, you could also opt for more than one view, depending on your product, so as to communicate
all aspects of your concept well.
Source:
[Link]
ject-drawings
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights Fig. 25: Notice how multiple view sketches help grasp all details of this electric iron.
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
Fig. 26: Notice how multiple view sketches help grasp all details of this electric iron.
D’source 29
Digital Learning Environment for Design - [Link]
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
ject-drawings
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 30
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
ject-drawings
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 31
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
ject-drawings
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 32
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
ject-drawings
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 33
Digital Learning Environment for Design - [Link]
Examples:
Source:
[Link]
ject-drawings
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 34
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
ject-drawings
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 35
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link] For rendering, one good technique is to select a base colour that comprises most part of the product’s body. This
ject-drawings allows you to just play with the shadows and highlights, instead of bothering about the fill. Also observe how a
reflection on an object will follow the contours of that object.
1. Introduction Examples:
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 36
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
ject-drawings
Exercise 11:
Reflections on Objects:
• Take a graph sheet and place a steel drinking glass on it, upside down and observe how the lines of the graph
1. Introduction translate into curves when reflecting on the cylindrical surface.
2. Lines • Sketch and render the same, as accurately as you can.
3. Perspective
Note:
4. Shadows Good Product Rendering requires both practice and skill. Here is a variety of renders also done by the students at
5. Highlights Industrial Design Centre, IIT Bombay.
6. Object Drawings Examples:
7. Exploded Views
8. Videos
9. Contact Details
D’source 37
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
ject-drawings
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 38
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
ject-drawings
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 39
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
ject-drawings
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 40
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link] Exercise 12:
ject-drawings Object Rendering:
• Gradually, take up more complex objects for rendering that demand greater detailing such as varied textures or
materials, as elucidated by the examples above.
1. Introduction
2. Lines Exercise 13:
3. Perspective Memory Object Drawing and Rendering:
4. Shadows • The final challenge is to be able to accomplish convincing renders without any visual references.
• Begin with simpler objects like a bottle or drinking glass and graduate to complex ones, such as a camera or
5. Highlights
mobile phone.
6. Object Drawings • This will give you the confidence to draw relatively detailed objects from your own imagination.
7. Exploded Views
8. Videos
9. Contact Details
D’source 41
Digital Learning Environment for Design - [Link]
Design Course
Exploded Views
Product Drawing
Representation of Objects It is good to have an idea about exploded views as they come in handy while detailing out various parts of your
by product concepts, and communicating as to how they connect to become a single entity. They represent the rela-
Prof. K. Ramachandran tionship or order of assembly and contain all details of the product’s component parts.
IDC, IIT Bombay
Source:
[Link]
ed-views
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
Fig. 27: Notice the dotted lines that trace the exact location of parts.
D’source 42
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
ed-views
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views Fig. 28: Notice the dotted lines that trace the exact location of parts.
8. Videos
9. Contact Details
D’source 43
Digital Learning Environment for Design - [Link]
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
ed-views
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details
D’source 44
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Source:
[Link]
ed-views
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos Exercise 14:
Exploded views:
9. Contact Details • Now, take the same object that you had practiced object sketching with and try out an exploded view sketch for
it.
• With practice you can accomplish the same for your own product concepts, out of memory!
With keen observation, diligent practice and a little bit of perseverance, you can slowly but surely master the art
of Product Sketching. Good Luck!
D’source 45
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings Product Drawing- Free Hand Lines Product Drawing- Object Sketch with Light & Shad-
ow Effect
7. Exploded Views
8. Videos
9. Contact Details
Product Drawing- Object Sketch & Shadow Effect_01 Product Drawing- Object Sketch & Shadow Effect_02
D’source 46
Digital Learning Environment for Design - [Link]
Design Course
Product Drawing
Representation of Objects
by
Prof. K. Ramachandran
IDC, IIT Bombay
Product Drawing_Circles (drawn on each seen surface Product Drawing_Cubes (2 Point Perspective)
of a cube)
Source:
[Link]
1. Introduction
2. Lines
3. Perspective
4. Shadows
5. Highlights
6. Object Drawings Product Drawing_01 by Prashasti Sinha Product Drawing_02 by Prashasti Sinha
7. Exploded Views
8. Videos
9. Contact Details
Design Course This documentation for the course was done by Pro-
fessor K. Ramachandran, faculty at Industrial Design
Product Drawing Centre (IDC), IIT Bombay.
Representation of Objects
by You can get in touch with Professor K. Ramachandran
Prof. K. Ramachandran at
IDC, IIT Bombay Email: ramachandran@[Link]
Helpdesk Details:
Source: Co-ordinator
[Link] Project e-kalpa
tact-details Industrial Design Centre
IIT Bombay
Powai
Mumbai 4000 076
1. Introduction
India.
2. Lines
3. Perspective Phone: 091-22-25767820/ 7801/ 7802
4. Shadows Fax: 091-22-25767803
Email: contact[at][Link]
5. Highlights
6. Object Drawings
7. Exploded Views
8. Videos
9. Contact Details