Presentation is loading. Please wait.

Presentation is loading. Please wait.

Creative Inventions and Robotics www.build-it-yourself.com Graphics for Scratch In Development.

Similar presentations


Presentation on theme: "Creative Inventions and Robotics www.build-it-yourself.com Graphics for Scratch In Development."— Presentation transcript:

1 Creative Inventions and Robotics Graphics for Scratch In Development

2 Why is it important to know how to make way cool graphics?

3 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.

4 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.

5 Pixel vs. Vector Graphics PixelVector Grow and shrinkBadGood SpeedFast to create. Very hard to edit! Slow to create. Much faster to edit. ApplicationsPaint Photoshop Power Point Illustrator

6 Scaling vector drawings. Original ShrinkGrow Scaling pixel drawings. Original ShrinkGrow

7 We recommend using Power Point for creating original artwork. Its: 1)A ubiquitous tool 2)Quick 3)Powerful 4)Great for story boarding

8 Which shape is more interesting or more creative? conservative circle vs. liberal circle?

9 Which colors make your imagination wander? Flat Color vs. 3-D Colors

10 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.

11 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.

12 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.

13 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. … ?

14 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.

15 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.

16 If you need to change your shape, select the shape you want to edit. Use the Draw / Edit Points mode.

17 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.

18 Another way of adding depth to your drawing is by using perspective. Conservative SquarePerspective Square

19 Another way of adding depth to your drawing is by using size and placement. 2-D scene3-D scene

20 Exercise: Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration. Mondrian

21 Exercise: Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration. Monet

22 Exercise: Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration. Picasso

23 Exercise: Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration. Sponge Bob

24 Exercise: Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration. Clare - 13

25 Exercise: Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration. Steve - 11

26 Exercise: Fill in a rectangle using drawing tricks you have learned including color, gradations, perspective, depth, exaggeration. Build-It-Yourself Student

27 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.

28 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.


Download ppt "Creative Inventions and Robotics www.build-it-yourself.com Graphics for Scratch In Development."

Similar presentations


Ads by Google