Working With Graphics. Two Types of 2D Graphics Bitmap Bitmap Vector Vector.

Slides:



Advertisements
Similar presentations
2.01 Investigate graphic image design. Image Resolution.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Raster Graphics vs. Vector Graphics
Color COM 366 Web Design & Production. RGB color Amount of light in each channel Closer to 255, whiter color gets Every color has value for red,
Multi-media graphics--JOUR 205 Vectors vs. bitmaps.
Scanning Documents Lunch and Learn: April 20, 2005.
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
8.2 PICTURE IT Graphic Types and Their Uses. What Are Graphics?  Graphics are pictures/images  They could be images taken on a digital camera or scanned.
Objective 1.  Computer graphics falls into two main categories:  Bitmap images  Vector images.
DIGITAL GRAPHICS & ANIMATION
Objective 1.  Also known as raster images.  Made up of pixels in a grid.  Pixels: tiny dots of individual color that makes up what you see on your.
Raster vs Vector and Image Resolution By Josh Gallagan.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
Chapter 3 Survival Techniques. Goals Discover that being an Illustrator artist is more than just knowing the tools Develop a basic understanding of the.
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Storing Graphics EXTENSION.
GCSE Computing#BristolMet Session Objectives#9 MUST identify the data needed for a computer to display an image correctly (metadata) SHOULD describe the.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
JRN 302: Introduction to Graphics and Visual Communication - Raster and Vector Files Tuesday, 9/8/15.
Graphics and Hyperlinks b Graphics on the web are what make a web page interesting b Hyperlinks are what make it a “web”
Vector vs. Bitmap
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
Chapter 6 Images in Dreamweaver & Fireworks Mrs. Johnson Web Design.
 Scaling an image is resizing the image in a graphic editing software so it is the proper size before adding it to a site.  Important NOTE: If you insert.
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
Poster Title XXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXX Name Department of East Carolina University Abstract Your poster will.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
Understanding Images on the Computer How do images work and why?
2.01D Investigate graphic image design. Image Resolution.
Computer Concepts 2014 Chapter 8 Digital Media. 8 Chapter Contents  Section B: Bitmap Graphics  Section C: Vector and 3-D Graphics Chapter 8: Digital.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
Software. Read the description on the next slide. Can you picture the scene?
Graphics workshop Library and Information Services University of St Andrews.
Chapter 4: Representation of data in computer systems: Images OCR Computing for GCSE © Hodder Education 2011.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Introduction to Graphics. Terms n Computer Aided Design (CAD) –using computer graphics to draft a model, can be tested on screen n Computer Aided Manufacturing.
Graphics and CAD. LO: Understanding graphics formats, manipulation, and the benefits of using CAD software. Learning Outcome: Define key words and answer.
Computer Graphics Bitmap v Vector Graphics. Learning Objectives: By the end of this topic you should be able to:
Introduction to Image Processing. Image Processing is the steps of using image processing tools to covert different kinds of image sources into different.
Illustrator I I450 Technology Seminar. Bitmap vs. Vector Photoshop = Bitmap Illustrator = Vector Bitmap images are resolution dependent Vector images.
Aim: What is Illustrator? Mr. Spaterella Technology Feb. 22.
Introduction To Technology.  In computer graphics, there are two type of graphics:  Raster  Vector.
PLACING AND LINKING GRAPHICS
13 Production Essentials. Chapter 13 Objectives Differentiate between continuous tone and vector artwork. Use the mighty Links panel Adjust image resolution.
Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Information Technology Images: Types, Resolution and Techniques.
Glencoe Introduction to Web Design Chapter 8 Web Graphics 1 A bitmap file format that is used by scanners and graphics programs for use in print.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Introduction to the Computer Graphics Anton V. Kudinov, Assistant professor of Computer Engineering Department.
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.
Basic Digital Imaging For PE 266 Technology in HPER.
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
Types of Graphics Technological Design.
Data Representation Images.
Screen and Image Resolution
Introduction to Humanities Computing
Adobe software utilization
Bitmap vs. Vector.
Graphics Basics Ellen Eyth.
Learning Intention I will learn how a computer stores graphics.
Images and PowerPoint Scanners usually try to save an image as a TIF or Bitmap Don’t use .bmp, or .tif files in PowerPoint They are too big They will make.
ImageEditing Understanding Image Resolution.
Screen and Image Resolution
Digital Media Objective
Computer Systems Nat 4.5 Computing Science Data Representation
2.01 Investigate graphic image design.
Screen and Image Resolution
Presentation transcript:

Working With Graphics

Two Types of 2D Graphics Bitmap Bitmap Vector Vector

Bitmap A computer graphic file that contains dot-by-dot representations of the original graphic image A computer graphic file that contains dot-by-dot representations of the original graphic image –Basically, it’s an image made up of pixels When you try and stretch a bitmap image, it becomes pixilated When you try and stretch a bitmap image, it becomes pixilated

Bitmap Bitmapped images are also referred to as Raster Images Raster Images are often created with a camera or scanner. Raster Images are often created with a camera or scanner.

Vector Defined by mathematical equations instead of pixels, so they always have a high quality. Defined by mathematical equations instead of pixels, so they always have a high quality. No matter how you stretch vector images, they won’t pixilate No matter how you stretch vector images, they won’t pixilate Most clipart graphics are vector images and they are Most clipart graphics are vector images and they are resolution independent resolution independent Not useable for realistic images Not useable for realistic images –Too cartoon-like

Resolution Refers to the number of pixels in an image Refers to the number of pixels in an image –Usually stated as dpi (dots per inch) or ppi (pixels per inch) The higher the resolution, the more pixels will be in your image, the clearer your image will be The higher the resolution, the more pixels will be in your image, the clearer your image will be

Editing Images Crop Crop –Trim a graphic image

Editing Images Handle Handle –A small square that appears around graphics. –Used to change the size or shape of the object Graphic shapes contain 8 handles around an image Graphic shapes contain 8 handles around an image Bouncing Box Bouncing Box –Lines with handles around the image when it is selected

Editing Images Standoff Standoff –The distance within which text is kept away from a graphic Text wrap Text wrap Also called the offset Also called the offset This image has a text wrap so no text comes in contact with it This image has a text wrap so no text comes in contact with it

Editing Images Proportion Proportion –Sizing elements in relationship to their relative size –By holding down the shift key, you can keep the images proportions the same

Creating Documents Standard/Letter page size Standard/Letter page size –Default 8 ½” X 11” Legal size Legal size –8 ½” X 14” Tabloid size Tabloid size –11” X 17” Custom size Custom size –Anything else

Creating Documents Don’t crowd your page with graphics Don’t crowd your page with graphics

Creating Documents You should have ONE dominant graphic You should have ONE dominant graphic Vary the size and shape of graphics Vary the size and shape of graphics

The End