Graphics A graphics program allows you to combine pictures and text in many different ways. Features – General Level Draw graphics Enter Text Common Tools.

Slides:



Advertisements
Similar presentations
The GIMP Simple features tutorial By Mary A White.
Advertisements

Computer Systems Nat 4/5 Data Representation Lesson 4: Storing Graphics.
Introduction to Illustrator. With the release of Illustrator, Adobe has completed a tightly integrated trio of applications (Photoshop, InDesign and now.
Chapter 12 Using Clipping Masks, Paths, & Shapes.
Foundation Level Course
Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX DRAWING IN.
DIGITAL GRAPHICS & ANIMATION
How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.
How do bitmapped graphics differ? Bitmaps are the most common type of picture format. Vector images are inherently different from bitmap images.
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.
Appleworks Paint Let’s get started…. With Appleworks Paint, you can create… Objects produced by changing pixels (or bits) Objects produced by changing.
By: Zaiba Mustafa Copyright ©
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
XP Tutorial 7 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Working with Graphics Tutorial 7.
1 Bitmap Graphics It is represented by a dot pattern in which each dot is called a pixel. Each pixel can be in any one of the colors available and the.
Higher Computing Data Representation.
Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Storing Graphics EXTENSION.
BFTAW BDPA Workshop Introduction to GIMP Chris
BFTAW BDPA Workshop Introduction to GIMP Chris
Media Arts – Review Day 2 Photoshop Tools and Functions.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
Higher Computing Computer Systems S. McCrossan 1 Higher Grade Computing Studies 1. Data Representation Data Representation – Why do we use binary? simplicity,
Data Representation The method of data representation in a computer system depends upon the type of data which is being used. Three types of data are considered.
Working with Symbols and Interactivity
© 2010 Delmar, Cengage Learning Chapter 2: Drawing Objects in Adobe Flash.
Image Processing © Copyright William Rowan Objectives By the end of this you will be able to: Manipulate images to achieve special effects.
Slide 1 Graphics Slide 2 Graphics A graphics package is a general purpose package used to draw pictures (graphics). Once produced, these can be saved.
Chapter 2 Drawing Objects in Adobe Flash. 1.Use the Flash drawing and alignment tools 2.Select objects and apply colors 3.Work with drawn objects 4.Work.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Lecture Manipulating Graphics w/ Paint.Net. What is Paint.Net? Paint.NET is free image and photo editing software for computers that run Windows. It features.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
Marr CollegeHigher ComputingSlide 1 Higher Computing: COMPUTER SYSTEMS Part 1: Data Representation – 6 hours.
General Purpose Packages GRAPHICS Chapter 5. General Purpose Packages Features of Graphics Packages Entering text Entering text Common tools Common tools.
Illustrator I I450 Technology Seminar. Bitmap vs. Vector Photoshop = Bitmap Illustrator = Vector Bitmap images are resolution dependent Vector images.
Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.
Data Representation The storage of Text Numbers Graphics.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Representing and Storing Graphics EXTENSION.
By: Affaf Muzammal ALLIED SCHOOL 46-Iqbal Block, Ittefaq Town, Multan Road, Lahore ,
Fireworks Web Page mockups. Set up canvas/page size Fireworks is very well-suited to designing graphics and web pages for the screen. To create a web.
Graphics in a computers memory How a picture (i.e. a graphic) is stored in a computers memory A computer screen is made up of little dots, called PICture.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
© 2011 Delmar, Cengage Learning Chapter 12 Using Clipping Masks, Paths, & Shapes.
First, why use a program like Illustrator instead of Photoshop? Each is very good at different things. Illustrator is a drawing program and makes images.
RASTERIZING SHAPES IN PHOTOSHOP RASTERIZE: A process in Photoshop of converting a vector image into a bitmap (or raster) image VECTOR: A vector image is.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Introduction to Tool Panel. The tools in the Tools panel let you draw, paint, select, and modify artwork, as well as change the view of the Stage If the.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Design a CD cover Use Paint.net to design a suitable cover for these songs: Au Clair de la Lune Sur le Pont d’Avignon Use layers Insert images in separate.
Computer Systems Nat 5 Computing Science Data Representation
Adobe Photoshop CS5.
Storing Graphics Nat 5 Data Representation Lesson 4a: Storing Graphics
MS Paint A simple drawing tool that can be used to create simple or elaborate drawings. These drawings can be either black-and-white or color, and can.
Digital imaging.
Computer Systems Nat 4/5 Data Representation Lesson 4:
Computer Science Higher
Flash Interface, Commands and Functions
Adobe Flash Professional CS5 – Illustrated
Adobe Flash CS6 Tools and Functions
Learning Intention I will learn how a computer stores graphics.
Gimp Guide Mr Hall.
NOTES for S1. Start by drawing a LINE. Move MOUSE POINTER (MP) over INSERT TAB of TOP MENU and Left.
Chapter Lessons Use the Macromedia Flash drawing tools
Computer Systems – Unit 1
Vectors and Paths, also File Export
Computer Systems Nat 4.5 Computing Science Data Representation
Computer Systems Nat 4/5 Data Representation Lesson 4:
Presentation transcript:

Graphics A graphics program allows you to combine pictures and text in many different ways. Features – General Level Draw graphics Enter Text Common Tools Alter Tool Attributes Scale Graphic Rotate Graphic

Draw You draw a graphic on the screen using a: Mouse Track Pad Graphic Tablet Keyboard Text A graphic package also allows you to enter text anywhere on the screen. STANDARD GRADE COMPUTING IS FANTASTIC!

Serif Draw Toolbar Pointer Rotate Node Pencil Paintbrush Pen Line Quick Shapes Text Tool Insert Picture

Pointer Allows the user to select, move, copy, and resize objects. Rotate Allows the user to rotate objects around a centre point in a certain number of degrees. Node Allows the user to manipulate the shape of objects. For example, a rectangle can become a curved rectangle Pencil Choose this tool to sketch lines using a freeform pencil.

Paintbrush Choose this tool to paint with either one of a selection of preset brushes or with your own customized paintbrush. Pen Allows the user to creates a series of connected line segments (which may be curved or straight) using a series of "connect the dots" mouse clicks. Line Choose this tool to create straight line segments. Quick Rectangle Click to display the QuickShapes flyout menu, then select one of the available QuickShapes. Text Tool Choose this to add text to your document or edit existing text.

Common Toolbar Set of tools that are common to most drawing graphics packages Shapes (circle, rectangle, polygon) Free hand (pencil, paintbrush, pen) Selection (arrow) Fill (colour wheel, paint bucket)

Colour wheel Allows the user to change the colour of a shape or text Fill Colour Line Colour

Common Toolbar (cont) Text – add text to your document or edit existing text. Zoom

Alter Attributes Changing the properties of a tool. The way the shape is displayed, for example, changing the line thickness or fill of a shape. Line thickness changed to 6pt Pattern has been given to the fill

Scale Graphic Changing the size of the graphic by making it larger or smaller. Rotate the Graphic Turn the whole graphic through a certain number of degrees.

Crop Graphic - Credit Is to reduce the size of a graphic by cutting parts from the edges. The unwanted parts of the graphic.

Paint and Draw (Credit) Graphics packages can be classified into two main types: Paint (bit mapped) – Windows Paint Draw (vector) – Serif Draw Paint Produce pictures by changing the colour of tiny dots called pixels. 11 =1 =0

Features of bitmapped graphics: Each pixel can be changed individually i.e. colour Edit a bit mapped graphic by deleting pixels anywhere on the image. Bit-Mapped images require a large amount of storage space, as every pixel is stored including white space. Once they are enlarged to much, they look unnatural and blocky.

Draw Draw packages work by producing objects on the screen. The store images by their description. The shape of graphic objects Their position on the screen Their attribute such as fill, line colour Example Line thickness = 5pts Fill pattern = red diagonal brick Co-ordinates and radius of position

Features of vector graphics: Take up less storage space Do not lose their quality when resized Objects can be grouped to form larger objects User cannot edit individual pixels Complex objects with many layers can demand a lot of storage space. Grouped Image You can easily turn a multiple selection into a group object. When objects are grouped, you can position, resize, rotate, or shear all the objects at the same time.

Resolution The amount of detail which can be shown on a screen. Measured in dpi – dots per inch. Small pixels mean high resolution Large pixels mean low resolution

Calculate the size of an image. – 25 Jan Black and White bitmapped Image – Credit = 2666 x 1764 = pixels = bits/8 – putting the answer into bytes – divide 8 = bytes/1024 – put the answer into Kb – divide 1024 = Kb Image 2666 pixels 1764 pixels