FOUNDATIONS OF TECHNICAL ILLUSTRATING BY: ADAM BRADLEY EMAIL: [email protected] LINKEDIN: HTTPS://WWW.LINKEDIN.COM/IN/ADAM- BRADLEY-STUDIO/ My Background
Adam Bradley Bachelor of Fine Arts (BFA) in Industrial Design Master of Business Administration (MBA) Pursuing a Master of Science (MS) in Information Technology — Business Intelligence & Analytics Project Management Professional (PMP) Adobe Certified Expert (ACE) Employed at ManTech as a Senior Technical Writer/Graphic Artist for the DoD https://www.mantech.com/careers
https://www.linkedin.com/in/adam-bradley-studio/ 2 Purpose Lots of Different Mediums to Communicate Concepts
Writing Physical Prototype Photograph Video
Technical Illustrations have Their own Advantages
2-D Drawing 3-D Drawing/CAD Model
https://www.linkedin.com/in/adam-bradley-studio/ 3 Types of Technical Illustration
Internet
Front Room
Firewall
PC 1
Router Modem PC 3 PC 2 Server
Back Room
Teacher/ PC 4 Monitor PC 18 PC 19 PC 5
PC 17 PC 6
PC 16 6 PC 7
PC 15 PC 8
PC 14 PC 9
PC 13 PC 10 PC 12 PC 11
Technical drawing Hand drawn product Wiring diagram Cross section part (four views) with a stylus on the analysis computer
https://www.linkedin.com/in/adam-bradley-studio/ 4 Types of Technical Illustration (cont)
Figure for procedural Infographic 3-D model of components, instructions parts, and operations
https://www.linkedin.com/in/adam-bradley-studio/ 5 Types of Technical Illustration (cont)
Organizational Cover graphic Journey map Graphical user chart interface (GUI)
https://www.linkedin.com/in/adam-bradley-studio/ 6 Vector vs Raster Vector
Internet 7
Building 1 Building 2
Conference Firewall Room Server
Wireless Modem Plotter Printer Video Phone Access Point PC 8 PC 9 PC 10
Router Switch Printer PC 7 Laptop 1 Laptop 2 PC 1 PC 2 Printer Projector and Scanner Wireless Switch Access Point PC 6 PC3
Projector PC 5 PC 4 Screen Mainframe
https://www.linkedin.com/in/adam-bradley-studio/ 7 Colors: RGB, CMYK, HSB, Hexadecimal
https://www.linkedin.com/in/adam-bradley-studio/ 8 Drawing Orthographic Projection and Perspective
https://www.linkedin.com/in/adam-bradley-studio/ 9 Perspective
https://www.linkedin.com/in/adam-bradley-studio/ 10 One Point Perspective
https://www.linkedin.com/in/adam-bradley-studio/ 11 Two Point Perspective
45° 45° Perspective Cube
60° 30° Perspective Cube
https://www.linkedin.com/in/adam-bradley-studio/ 12 Three Point Perspective
https://www.linkedin.com/in/adam-bradley-studio/ 13 Projecting Cubes
https://www.linkedin.com/in/adam-bradley-studio/ 14 Axonometric
Isometric Dimetric Trimetric
http://www.significant-bits.com/a-laymans-guide-to-projection-in-videogames 15 Isometric Example SimCity
https://www.linkedin.com/in/adam-bradley-studio/ 16 Ellipses
http://www.studentartguide.com/articles/realistic-observational-drawings 17 Ellipses (cont)
Major and Ellipse on Ellipses Towards Minor Axis Every Side Vanishing Point
https://www.linkedin.com/in/adam-bradley-studio/ 18 Ellipses (cont)
https://www.linkedin.com/in/adam-bradley-studio/ 19 Sphere
Constructing Sphere Sphere Wireframe Rendered Sphere
https://www.linkedin.com/in/adam-bradley-studio/ 20 Rounded Edge Box
https://www.linkedin.com/in/adam-bradley-studio/ 21 Shadows
https://www.linkedin.com/in/adam-bradley-studio/ 22 Shadows (cont)
Regular Shading
Shading with Applied Gradients for Flat Surfaces
https://www.linkedin.com/in/adam-bradley-studio/ 23 Line Weights
https://www.linkedin.com/in/adam-bradley-studio/ 24 Line Types
https://www.linkedin.com/in/adam-bradley-studio/ 25 Drawing Examples
http://www.gtmrinc.com/technical-illustrations-graphics 26 Rendering Glass and Liquid
https://www.linkedin.com/in/adam-bradley-studio/ 27 Rendering Screen
https://www.linkedin.com/in/adam-bradley-studio/ 28 Rendering Chrome and Steel
https://www.linkedin.com/in/adam-bradley-studio/ 29 Rendering Matt Finish
https://www.linkedin.com/in/adam-bradley-studio/ 30 Additional Rendering Techniques
https://www.linkedin.com/in/adam-bradley-studio/ 31 Gestalts Principles of Design
Figure/Ground Proximity Similarity Similar Fate
Symmetry Parallelism Continuity Closure
-- https://www.canva.com/learn/gestalt-theory/ -- https://www.creativebloq.com/graphic-design/gestalt-theory-10134960 -- https://www.toptal.com/designers/ui/gestalt-principles-of-design 32 Thank You Any Questions? BY: ADAM BRADLEY EMAIL: [email protected] LINKEDIN: HTTPS://WWW.LINKEDIN.COM/IN/ADAM-BRADLEY-STUDIO/
https://www.linkedin.com/in/adam-bradley-studio/ 33