introduction medical illustration plme...

54
Introduction to Medical Illustration PLME 0400 Drawing 5 Texturing Francois Luks

Upload: others

Post on 20-Jul-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Introduction to Medical Illustration

PLME 0400

Drawing 5Texturing

Francois Luks

Page 2: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Light, light reflex, shadows

• Textures:– Hard surfaces: clear shadow lines, light reflexes – Soft surfaces: less clearly defined lines

Page 3: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Textures:– Hard and shiny surfaces have clear shadow lines and light reflexes 

– Soft surfaces have less clearly defined lines– Fluffy objects have fluffy contours

Light, light reflex, shadows

Page 4: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Volumes, shadows and light (weeks 1 and 2)• Volume rendering

– Gray tones v. pen and ink – “Back of the envelope” (drawing on the fly)– Shading techniques and other tricks

Simplify, simplify…

Page 5: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Outlines

• Use different thickness lines– To indicate close v. far away– To indicate contour v. inner details– To indicate light v. shadow– To indicate visible v. hidden

Page 6: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Outlines

• Use different thickness lines– To indicate close v. far away

Page 7: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Outlines

• Use different thickness lines– To indicate close v. far away– To indicate contour v. inner details

Page 8: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Outlines

• Use different thickness lines– To indicate contour v. inner details

• Wide for contours (marker)• Finer for inner details (pen)

Page 9: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Outlines

• Use different thickness lines– Fine lines close to the light– Thick lines away from the light

Tim Phelps, JHU

Page 10: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Outlines

• Suggest transparency– Fine lines for hidden objects

Page 11: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Outlines

• Suggest transparency– Fine lines for hidden objects– Unshaded hidden objects

Page 12: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Outlines

• Suggest transparency– Fine lines for hidden objects– Unshaded hidden objects– Incomplete lines for hidden objects

Page 13: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Outlines

• Suggest transparency– Fine lines for hidden objects– Unshaded hidden objects– Incomplete lines for hidden objects– Graying out for hidden objects

Page 14: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

White is a color

• Not everything has to be shaded– Anything “light” can be white– Maximize contrast

Christoph Niemann

Page 15: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

White is a color

• Not everything has to be shaded– Anything “light” can be white– Maximize contrast

Page 16: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Shading techniques

Page 17: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Depends on– Medium (pencil, pen, felt‐tip, chalk, marker, paint)– Color v. black– Purpose

Shading techniques

Page 18: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Depends on– Means of reproduction

• Black‐and‐white is cheaper than full‐color• Black‐and‐white is easier than gray‐scale

Shading techniques

Page 19: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles– Dots (stippling)

Shading techniques

Page 20: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles– Dots (stippling)– Hatching

• Crosshatching

Shading techniques

Page 21: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles– Dots (stippling)– Hatching

• Crosshatching• Contour v. straight

Shading techniques

Page 22: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles– Dots (stippling)– Hatching

• Crosshatching• Contour v. straight• Basket hatching

Shading techniques

Page 23: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles– Dots (stippling)– Hatching

• Crosshatching• Contour v. straight• Basket hatching• Woodcut

Shading techniques

Page 24: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles– Dots (stippling)– Crosshatching– “Eyelashes”

Shading techniques

Page 25: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles– Dots (stippling)– Crosshatching– “Eyelashes”

Shading techniques

Page 26: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles– Dots (stippling)– Crosshatching– “Eyelashes”

Shading techniques

Page 27: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles– Dots (stippling)– Crosshatching– “Eyelashes”

Shading techniques

Page 28: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles– Dots (stippling)– Crosshatching– “Eyelashes”– Snodgrassing*

Shading techniques

*Robert E. Snodgrass

Page 29: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles– Dots (stippling)– Crosshatching– “Eyelashes”– Snodgrassing

Shading techniques

Page 30: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Combine styles• Rich texture

– Wall Street Journal “hedcuts”

Shading techniques

Kevin Sprouls

Page 31: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Combine styles• Represent different textures

Shading techniques

Page 32: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Combine styles• Represent different textures

– Fluffy objects– Cross‐sections

Shading techniques

Page 33: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Shading techniques• Combine styles• Render imperfections

– Smooth v. rough

Page 34: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Jean Giraud (GIR, Moebius)

Shading techniques• Combine styles• Render imperfections

– Random dots and squiggles

Page 35: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Combine styles• Watercolor, “organic” • Sharp, hard lines, “synthetic”

Shading techniques

Page 36: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Combine styles

Shading techniques

Suk I, Gokaslan ZL, Lees GP, Sandone C. The art of the critique: Techniques‐based tools for critical thinking. J BioCommunic (JBC) 36 (3): E81‐E94, 2010

Page 37: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Aortic arch

Pulmonary artery

Left subclavian artery

Left carotid artery

Rigth carotid artery

Brachiocephalic trunk

Right subclavianartery 

Page 38: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 39: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 40: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 41: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 42: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 43: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 44: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 45: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 46: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 47: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 48: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 49: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 50: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 51: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 52: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Basic styles

Shading techniques

Page 53: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

• Now you do it…

• Thick v. thin lines• Dots, cross‐hatching, 

‘eyelashes,’ Snodgrassing• Raised lesion• Depressed lesion (ulcer)• Laceration

Shading techniques

Page 54: Introduction Medical Illustration PLME 0400med.brown.edu/pedisurg/IllustrationClass/Reference_Material_9-23-2… · Jean Giraud (GIR, Moebius) Shading techniques • Combine styles

Shading techniques

Colon

Liver

Spleen

Stomach

Small bowel

Femur

Scapula

Kidney

Vertebra

Heart