Graphics Basics Ellen Eyth.

Slides:

Advertisements

Similar presentations

Raster Graphics 2.01 Investigate graphic image design.

Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.

Raster Graphics vs. Vector Graphics

Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.

Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.

Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.

Objective 1.  Computer graphics falls into two main categories:  Bitmap images  Vector images.

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 By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.

Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.

Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.

Digital Images. Scanned or digitally captured image Image created on computer using graphics software.

 Scanned or digitally captured image  Image created on computer using graphics software.

BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.

Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.

Module Code: CU0001NI Technical Information on Digital Images Week -2.

Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.

Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.

SOFTWARE TYPES Word processing Page layout Paint Draw.

TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.

Graphics and Animation Multimedia Projects Part 2.

Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.

2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.

File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.

Vector vs. Raster Objectives:

Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)

 Scanned or digitally captured image  Image created on computer using graphics software.

Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.

Raster Graphics 2.01 Investigate graphic image design.

Graphics Concepts Presentation

Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.

Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.

8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.

Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.

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.

Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.

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.

BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS

Objective % Explain design concepts used to create digital graphics.

2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics

Vector (Shapes) vs. Raster (Pixels)

Types of Graphics Technological Design.

Introduction to Graphics

2.01 Understand Digital Raster Graphics

Introduction to raster graphics

Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.

2.01 Investigate graphic image design.

Digital Images.

Graphics and Animation

Using GRAPHICS Bristol Community College CIS 13 Business Creativity Sources: Conference for Desktop Publisher and Others.

Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.

Adobe Visual Design 2.00 Identifying design elements when preparing images (10%) 7.00 Identifying design elements when preparing illustrations (1%)

Digital Images.

Graphics and Animation

1.01 Investigate graphic types and file formats.

Graphics Basic Concepts.

2.01 Understand Digital Raster Graphics

2.01 Investigate graphic image design.

Final Study Guide Arts & Communications.

2.01 Understand Digital Raster Graphics

Vector (Shapes) vs. Raster (Pixels)

Multimedia Graphics.

2.01 Investigate graphic image design.

Objective % Explain design concepts used to create digital graphics.

Graphics and Animation

2.01 Investigate graphic image design.

Presentation transcript:

Graphics Basics Ellen Eyth

What are Graphics? Chart Drawing Painting Photograph Logo Navigation Button Diagram

Image Editing Images edited on a computer are either: BITMAPPED GRAPHICS (Photoshop, Corel Draw, etc,) VECTOR GRAPHICS (Illustrator, InDesign, etc.)

What are “Bitmapped” Graphics? Bitmapped graphics consist of grids of tiny dots called PIXELS. Each pixel is assigned a color. AKA Raster Graphics Can be in full color or gray Photo editing programs such as Photoshop are pixel based. If you zoom in REALLY far on your image in PS, you will find tiny squares of color. Enlarging bitmapped images may compromise clarity or “crispness”.

What are “VECTOR” graphics? Use mathematical formulas to define points, lines, curves, and other attributes. Vector editors are called DRAW PROGRAMS. (Illustrator) They will never lose clarity as they are enlarged or decreased in size. They are good for making logos, printed signs, banners, and other large format graphics.

Graphics Quality Resolution (dpi) and Color Depth 2 factors that determine graphic quality- Resolution and color depth. Resolution is determined by the number of pixels per inch (ppi) or dots per inch (dpi). Color depth refers to the number of distinct colors an image can contain. It can range from 2-bit (black and white) to 24-bit which has 16.7 million colors. 8-bit has 256 colors (called INDEX color).

File Formats- Common formats: GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) TIFF (Tagged Information File Format) PNG (Portable Networks Graphics) BMP (bitmap) TGA (Targa) The most common format for editing and viewing photos is JPEG.

Resolution Resolution is how sharp or clear the image appears. Low resolution appears blurry or pixelated. High resolution is clear and sharp but the image is larger in file size. Screen resolution- Anything you see online- 72 dpi Print resolution- needed for high quality print jobs – 300 dpi