creative inventions and robotics build-it-yourself
DESCRIPTION
Graphics for Scratch In Development. Creative Inventions and Robotics www.build-it-yourself.com. Why is it important to know how to make way cool graphics?. www.build-it-yourself.com. Why is it important to know how to make way cool graphics?. This is a racing game made with quick graphics. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/1.jpg)
Creative Inventions and Robotics
www.build-it-yourself.com
Graphics for ScratchIn Development
![Page 2: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/2.jpg)
www.build-it-yourself.com
Why is it important to know how to make way cool graphics?
![Page 3: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/3.jpg)
www.build-it-yourself.com
Why is it important to know how to make way cool graphics?
This is a racing game made with quick graphics.
This is the same racing game made with way cool graphics.
![Page 4: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/4.jpg)
www.build-it-yourself.com
The point is that it is very important to have good ideas and a good game engine.
But it can be just as important to present your ideas in creative, memorable ways if they are to get the attention they deserve.
![Page 5: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/5.jpg)
www.build-it-yourself.com
Pixel vs. Vector Graphics
Pixel Vector
Grow and shrink
Bad Good
Speed Fast to create. Very hard to
edit!
Slow to create. Much faster to
edit.
Applications PaintPhotoshop
Power PointIllustrator
![Page 6: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/6.jpg)
www.build-it-yourself.com
Scaling vector drawings.Original Shrink Grow
Scaling pixel drawings.Original Shrink Grow
![Page 7: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/7.jpg)
www.build-it-yourself.com
We recommend using Power Point for creating original artwork.
It’s:1) A ubiquitous tool2) Quick3) Powerful4) Great for story boarding
![Page 8: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/8.jpg)
www.build-it-yourself.com
Which shape is more interesting or more creative?
conservative circle vs. liberal circle?
![Page 9: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/9.jpg)
www.build-it-yourself.com
Which colors make your imagination wander?
Flat Color vs. 3-D Colors
![Page 10: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/10.jpg)
www.build-it-yourself.com
Which eyes are more expressive?
Famous paintings often have eyes that are bigger than normal. Animal photographs are often judged on how well the photographer has focused on the eyes.
![Page 11: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/11.jpg)
www.build-it-yourself.com
Drawing a simple line for a mouth may be quick. But can a simple line say as much as playful shapes laid on top of each other?
Generally, your design may be more interesting and have more character if you use unusual shapes and stay away from symmetry.
![Page 12: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/12.jpg)
www.build-it-yourself.com
Which face has more soul?
Which face would you rather use in your game?
Adding details to your design is often what separates the average from the way cool.
![Page 13: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/13.jpg)
www.build-it-yourself.com
If there was one part of a body that could tell you at a quick glance what the nature of that character is, what part would you choose? A nose, an ear, a hand. … ?
![Page 14: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/14.jpg)
www.build-it-yourself.com
If there was one part of a body that could tell you at a quick glance what the nature of that character is, what part would you choose? A nose, an ear, a hand. … ?
Eyes are very important!!! Drawing eyes is one of your best chances for setting the personality of your character.
Generally, big and bold is good.
![Page 15: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/15.jpg)
www.build-it-yourself.com
Use the AutoShapes / Lines / Curve lines to create unusual shapes that can be colored.The line end point must be exactly on top of the line start point if you want to color the object.
![Page 16: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/16.jpg)
www.build-it-yourself.com
If you need to change your shape, select the shape you want to edit. Use the Draw / Edit Points mode.
![Page 17: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/17.jpg)
www.build-it-yourself.com
To create 3-D looking graphics, click on the arrow next to the paint bucket. Select Fill Effects / Two Colors and experiment with the different effects.
![Page 18: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/18.jpg)
www.build-it-yourself.com
Another way of adding depth to your drawing is by using perspective.
Conservative Square
Perspective Square
![Page 19: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/19.jpg)
www.build-it-yourself.com
Another way of adding depth to your drawing is by using size and placement.
2-D scene 3-D scene
![Page 20: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/20.jpg)
www.build-it-yourself.com
Exercise:Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration.
Mondrian
![Page 21: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/21.jpg)
www.build-it-yourself.com
Exercise:Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration.
Monet
![Page 22: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/22.jpg)
www.build-it-yourself.com
Exercise:Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration.
Picasso
![Page 23: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/23.jpg)
www.build-it-yourself.com
Exercise:Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration.
Sponge Bob
![Page 24: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/24.jpg)
www.build-it-yourself.com
Exercise:Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration.
Clare - 13
![Page 25: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/25.jpg)
www.build-it-yourself.com
Exercise:Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration.
Steve - 11
![Page 26: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/26.jpg)
www.build-it-yourself.com
Exercise:Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration.
Build-It-Yourself Student
![Page 27: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/27.jpg)
www.build-it-yourself.com
More tricks …• Copy and paste • Group objects• Order objects• Rotate or Flip• Size your drawing• Animated frames• Save as JPG• Cut image sizes in Paint• Make transparent backgrounds.
![Page 28: Creative Inventions and Robotics build-it-yourself](https://reader035.vdocuments.us/reader035/viewer/2022062422/56813e20550346895da7ffcc/html5/thumbnails/28.jpg)
www.build-it-yourself.com
Another way of thinking about pixel (Paint) vs. vector (Power Point) graphics …
Imagine you have a cup of lemonade. A friend wants a cup too. Which is better?
Pour half of your lemonade into another cup and then fill both cups with water.
Give your friend a lemon, sugar and water to fill up the new cup.