Design Illustration
description
Transcript of Design Illustration
![Page 1: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/1.jpg)
Design IllustrationBiomimicry Project – Ohe Team
![Page 2: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/2.jpg)
Sustainable Design PrinciplesIs this worth doing?What is the goal we are addressing
with our solution?Are you solving the problem or the
symptom?Is it a win-win-win? Does it minimize
the creation of new problems?
![Page 3: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/3.jpg)
Student OutcomeThe goal of this part of the biomimicry project is
to create an illustration of your system or product that you designed.
Your illustration will be done using a drawing that is inked and scanned into photoshop.
Using photoshop, you will color, add values and text to your illustrations to complete your design.
You will write a one paragraph explanation of your design, so that together with your illustration anyone can understand what your product or system does.
![Page 4: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/4.jpg)
What is Design Illustration?We are visual people with a better
understanding of what we see rather than what we read or hear about. If you have a brilliant invention idea, you may need to convey its usefulness before the prototype is developed.
That means you’ll need some kind of imagery of what it may look like and what it does.
Product illustration is the visualization of your idea, a conceptual representation. It is used to show and tell before you have the actual product to demonstrate.
![Page 5: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/5.jpg)
Different OptionsComputer illustration is the most common
and can sometimes be quicker with a more realistic look.
Rendering by hand can be done with pencils, paints, pen and ink or any art materials. The choice really depends on the product, Before anything, you’ll need to decide on your product’s branding, or its personality, that you want to convey to your audience. That will help determine the illustration style.
![Page 6: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/6.jpg)
Multiple ViewpointsMost likely you’ll need at least 2 views of the
product to show its dynamics. The basics are front, back, side, top and bottom. There should also be an angled view to show the product more 3 dimensionally, which could also look up or down at the product. The views used just need to make sense with the most important details of the subject at the forefront.
A few more variations to reveal more detail are the cutaway view and the exploded view. If used, at least one other basic view should also accompany it.
![Page 7: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/7.jpg)
Multiple Viewpoints
![Page 8: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/8.jpg)
Multiple Viewpoints
![Page 9: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/9.jpg)
Cutaway or Ghosted ViewThe cutaway or ghosted view takes
away external areas of the product or makes them transparent in order to see the inner parts. This allows someone to understand the internal workings of the invention in relation to its outward appearance.
Look at the examples on the next slides.
![Page 10: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/10.jpg)
Ghosted View with Details
![Page 11: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/11.jpg)
What’s missing from this?
![Page 12: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/12.jpg)
Exploded ViewThe exploded view is literal in the
sense that the parts of an object have exploded in an orderly manner. They are floating and separated slightly to show their relationship and how they fit together. This type of drawing shouldn’t ever be the main image to represent the product. It may do a good job explaining how the product works or how it’s constructed, but it doesn’t do an adequate job showing what exactly the subject is.
![Page 13: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/13.jpg)
Systems Illustration - ?sSystems thinking means you consider
broader issues—preferably at the very beginning of design. These questions must be answered: Who will use this product? How will it be used? What is the relationship of one part to the whole? Where does it start and end? These concepts should subsequently be rendered visually, through a drawing or model that a design team can refer to as a representation of their overall vision.
Look at some examples.
![Page 14: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/14.jpg)
Systems: Landfill Process
![Page 15: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/15.jpg)
Sytem: Turbine Power Plant
![Page 16: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/16.jpg)
System: Osmotic Power
![Page 17: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/17.jpg)
System: PA
![Page 18: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/18.jpg)
System: What is it?
![Page 19: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/19.jpg)
System: What is it?
![Page 20: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/20.jpg)
What is missing?
![Page 21: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/21.jpg)
AssessmentYou will be assessed on your illustration and
your one paragraph explanation.Your illustration will be assessed on: Design,
Detail, Color, and Shading.Your paragraph will be assessed on how well
you explain what your system or product does, how it is sustainable, how it mimics nature, and how it solves the problem.
See Rubric.
![Page 22: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/22.jpg)
Product IllustrationIf your group design is a product, you
will need to do an illustration that includes multiple views or ghost/cutaway view.
You need labels.
![Page 23: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/23.jpg)
System IllustrationIf your group design is a system
illustration, your drawings should be side view.
You need to have labels.
![Page 24: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/24.jpg)
Timeline: Day 1 - 3Day One: sketch, decide, then draw a full size
sketch of the product or system. You should know what colors you will use. Write where the labels will go and what it will say. Check rubric.
Day Two: draw final illustration with details and realism. Drawing should be with lines only. No words, arrows, shading, or coloring in. Final illustration due at end of day. Check rubric.
Day Three: Scan and color in Photoshop. Follow instructions that were emailed to you. Illustration should be colored by the end of day. Check rubric.
![Page 25: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/25.jpg)
Timeline: Day 4 - 5Day Four: add value to the illustration.
Start to add arrows and text. Check rubric.
Day Five: finish arrows and text. Check final illustration with rubric to ensure earning maximum points. Get feedback from classmates and advisor. Make adjustments. Turn in.
![Page 26: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/26.jpg)
Day 1: Monday, Feb. 27 (E)7:51-8:34 Design Powerpoint slides 1-26.8:40-9:23 Sketch ideas for product/system.
Decide on one you will do as group. Colors and labels (location and words) decided.
9:38-11:10 Each person, draw a full size sketch of your design in pencil. Include cutaway or multiple views. Work out colors, labels, arrows, etc.
12:07-12:52 Finish sketch. Check rubric. Get feedback – do they understand your drawing?
![Page 27: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/27.jpg)
Day 2: Tuesday, Feb. 28 (F)8:11-9:44 Using your sketch, draw your
final design. Include all details. Draw with pencil using lines only; no shading, coloring, arrows, or words. These will be done in Photoshop.
9:59-10:41 Continue drawing final design.
10:47-11:29 Continue drawing final design.
1:59-2:41 Final design due at the end of class.
![Page 28: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/28.jpg)
Day 3: Wed., Feb. 29 (O-7) 7:35-8:50 Ink your design carefully. Trace
all pencil lines. Make sure you connect all lines (no gaps). No mistakes.
8:57-10:12 Scan design onto your laptop. Watch the Photoshop instructional video. Download the Photoshop instructions.
1:33-2:48 Follow the instructions on how to prep your artwork and color in your design. Coloring should be done by end of class. Check rubric.
![Page 29: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/29.jpg)
Day 4: Thurs., Mar. 1 (E-4)9:47-11:02 Follow instructions and add
values (burn and dodge tools) to your design. Start to add arrows and text.
12:53-2:08 Keep working on design.
![Page 30: Design Illustration](https://reader035.fdocuments.in/reader035/viewer/2022062410/5681649f550346895dd68a7d/html5/thumbnails/30.jpg)
Day 5: Friday, Mar. 2 (A)7:35-8:23 Finish arrows and text.8:29-9:14 Check completed design with
rubric to ensure you are earning maximum points. Make adjustments as necessary.
12:02-1:38 Get feedback from others on your finished design. Make small adjustments as necessary based on feedback
1:44-2:29 Turn in completed project.