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

Slides:



Advertisements
Similar presentations
From Paper to Pixels to Vectors Evolution of a Flash cartoon character.
Advertisements

The Keys to Speed 1 st Quarter Review. Vocabulary Projects Folder A folder on the hard drive set up for video. It is also a fail safe place to save if.
Creative Inventions and Robotics Digital Photography.
© 2005 Deborah Gilden Samples from Class Drawing with PowerPoint ® Simple Computer Art for Children and Adults.
© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Importing and Modifying Graphics
© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.
Puppets with an Attitude Laboratory Welcome to the.
Adobe Photoshop Elements photo editing software licensed for use on DEC computers can be purchased for home use by DEC staff Company name Name of.
Tessellations.
Introduction to Illustrator. With the release of Illustrator, Adobe has completed a tightly integrated trio of applications (Photoshop, InDesign and now.
Creative Inventions and Robotics Artwork in PowerPoint
Go through this show in OpenOffice Impress by using the right scrollbar or clicking individual slide thumbnails on the left side. This hands-on demo is.
Emphasis Principle of Art - occurs any time an element within an artwork is given dominance by the artist. In other words, the artist makes part of the.
Geometry and Patterning
Foundation Level Course
Microsoft PowerPoint Microsoft PowerPoint Introduction to PowerPoint Common User Interface Series of slides that include:  Clip art  Photographs.
Creative Inventions and Robotics Animation for Scratch
Class Survey  Have you ever had your portrait made?  Does anyone have the birthday October 25 th ?  How long have you been drawing?  Have you ever.
Working with Images. Painting Software Tool for: drawing pictures and making illustrations Editing digital pictures.
Graphics Standard Grade Computing. Graphics Package n A graphics package is another General Purpose Package. n It is used to draw pictures on the monitor.
Agenda 3/3/15, 3/4/15 1)Sketch/write #17: Character Artists 2)Illustrator review: pencil, smoothing pencil, eraser 3) Illustrator Skills to Learn: Symbol.
Creating Tessellations With Paint. Open Microsoft Paint. Go to: Start, Programs, Accessories, Paint.
Chapter 3 Survival Techniques. Goals Discover that being an Illustrator artist is more than just knowing the tools Develop a basic understanding of the.
Edit the text with your own short phrases. The animation is already done for you; just copy and paste the slide into your existing presentation. This animation.
XP Tutorial 7 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Working with Graphics Tutorial 7.
Lesson Two: Creating Sprites. What Are Sprites? Two-dimensional Image that is integrated into a larger graphics area. Sprites are everything that is visual.
Perspectives and Viewpoints Year 8, Term 1, PPT 1.
Introduction to Cartooning
Teacher: Kenji Tachibana Digital Photography I. Get Tight – 9 slides Using Framing & Design Copyright © Kenji Tachibana.
Adobe Illustrator Basics Instructor: Cristol Gregory Assistant: Tara Caimi.
> 1 Diagrams in Word Faculty of Health Alan Grace.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Technology Presentation: InDesign CS6 Shelby Williams.
Saturday, September 16, 2006 By: April M. Bowser Photoshop 7 Session 1.
General Purpose Packages GRAPHICS Chapter 5. General Purpose Packages Features of Graphics Packages Entering text Entering text Common tools Common tools.
Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.
PowerPoint Basics Tutorial 3: Graphics In this tutorial we’ll be looking at graphics, and the various types of illustrations that can be included in a.
Design Studies 20 ‘Show Off’ Project How to make a computer monitor In Google Sketchup By: Liam Jack.
Image #1 Getting Started
Learning PowerPoint Presenting your ideas as a slide show… …on the computer!
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Banner Tutorial Module 4: Working with Images LESSONS 11 & 12.
Hyperstudio: A Beginner’s Tutorial By Judy Swaim.
IAT-241 Animation Visualization  Visual thinking  Hand and digital drawing  3D spaces and transformations.
Agenda 3/5/15, 3/6/15 1)Sketch/write #18: Character Design Tips 2) Illustrator review: Symbol tools, creating original symbols, mesh tool (bug scene).
Create Buttons Task OCR National - Unit 21 Today we will Consider what an 80s game website might have as a “look and feel”. Understand the meaning of.
CSC/FAR 020, Computer Graphics, November 2013 Dr. Dale E. Parson Final Image Assignment 8 Due in my Inbox 11:59 PM Monday.
Card Design How to Mrs Ras. Open Illustrator File>New.
Stop Go MoreIntroStart Back Clock Find a character you like for inspiration. Then add your own ideas and make it better! Graphics for Boogie Birds
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
Goofy Introduction to Cartooning
By: Julienne Faucher. Step 1 Go to the start menu. Open “Accessories” Open paint Make a box.
Creative Inventions and Robotics Animated Gif’s
Simple Sprite Sheets with Inkscape & Gimp David Cline.
Calder Wire Portrait 3rd Grade November Art Project West Mercer Elementary Art Enrichment Program.
The Basics. Starting out This is the icon for Photoshop. Make sure that you have it!
Graphics Basic Concepts 1.  A graphic is an image or visual representation of an object.  A visual representation such as a photo, illustration or diagram.
Agenda Collect Color Meaning Artist PowerPoint Introduction to Adobe Illustrator ◦ Guided Notes ◦ Step-by-Step Illustrator Activity Alphabet Letters Project-
© it’sLearning 365 Limited | Screen 1 FLASH enabled How to use me : Teachers Notes Useful Web Link Ne xt Pa ge Ne xt Pa ge Navigate.
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
Spring 2007.
Today, we'll learn how to animate our artwork
Flash Interface, Commands and Functions
Traditionally artist have created their work with the following tools:
Workshop 7 : Graphics.
Use of Photo Shop.
Creative Inventions and Robotics
Introduction to Cartooning
Choosing your theme and background
Presentation transcript:

Creative Inventions and Robotics Graphics for Scratch In Development

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

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.

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.

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

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

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

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

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

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.

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.

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.

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

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.

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.

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

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.

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

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

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

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

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

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

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

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

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

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.

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.