Graphics.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

Multimedia for the Web: Creating Digital Excitement Multimedia Element -- 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.
Digital Media: COMS 106 Images Digital Media Before You Create Images Plan your approach Organize your tools.
ETT 429 Spring 2007 Digital Photography/Scanners.
SWE 423: Multimedia Systems Chapter 4: Graphics and Images.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Introduction to Computer Graphics
Guilford County SciVis V106.01
V Obtained from a Guildford County workshop-Summer, 2014.
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Vector vs. Bitmap SciVis V
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.
V Obtained from a summer workshop in Guildford County July, 2014
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
Graphics: Creating Images Chapter 8, Exploring the Digital Domain.
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
GRAPHICS/IMAGES INFSCI Source: Learning Web Design by Jennifer Niederst RobbinsJennifer Niederst Robbins Creating Images:  Scanning  Be aware.
Lecture 4 - Introduction to Computer Graphics
Simple Graphics. Graphics Used in PowerPoint, Web pages and others Basic Knowledge drawing change of colour, shape and others acquiring, video camera,
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Vector vs. Bitmap
Graphics and Animation Multimedia Projects Part 2.
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.
Information Processes and Technology Multimedia: Graphics.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Graphics. Graphic is the important media used to show the appearance of integrative media applications. According to DBP dictionary, graphics mean drawing.
Multimedia Elements –Graphics. Graphics in Multimedia Applications.
Graphics workshop Library and Information Services University of St Andrews.
© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.
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.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
Vector vs. Raster Objectives:
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Digital Graphics. Formats: BMP – Bitmap image file which is used to store Bitmap digital images PNG – Portable Network Graphics GIF – Graphics Interchange.
Digital Imaging 101 Ann Ware
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Graphics Concepts Presentation
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Chapter 1 Definitions & Basics of Digital Image 1.Image 2.Digital Image 3.Raster 4. Vector 5.Image Editing 1.
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
Digital Imaging 101 Ann Ware.
Vector (Shapes) vs. Raster (Pixels)
Introduction to Graphics
CSI-447: Multimedia Systems
Graphics Basics Ellen Eyth.
Graphics and Animation
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
LET’S LEARN ABOUT GRAPHICS!
Graphics and Animation
1.01 Investigate graphic types and file formats.
Introduction to Computer Graphics
Graphics Basic Concepts.
Final Study Guide Arts & Communications.
Vector (Shapes) vs. Raster (Pixels)
Multimedia Graphics.
Building an Online Store
Lecture 4 - Introduction to Computer Graphics
Graphics and Animation
2.01 Investigate graphic image design.
Presentation transcript:

Graphics

Objectives Explain why graphic images are vital to multimedia applications List the different ways graphics can be used in multimedia applications Describe the different technologies that can be used to capture digital images List several sources of still images List the four items that should be logged in reference to graphic images Discuss the responsibilities of a graphics designer Define common terms used in computer graphics Describe some of the common tools found on a tool palette

Objectives Explain the difference between paint programs and draw programs Explain the difference between bitmapped graphics and vector-based graphics Describe several features of common graphics programs Explain jaggies and how they occur Explain the process of creating 3D graphics Discuss the different types of images that can be used in a multimedia application Discuss the two different types of resolution related to graphic images Explain several disadvantages of high resolution graphics Discuss copyright law as it applies to graphic images

Introduction backgrounds buttons icons navigation bars charts/graphs Photographs 3D

Digitized Images converting images into a format the computer can understand series of 0’s and 1’s

Methods of Creating Graphics Draw Programs Paint Programs Scanners Video Capture Cards Snappy Photo CD

Types of Images Line Art - black and white/flat colors Grayscale - 256 levels of gray Color - 4-bit to 36-bit (RGB) 2D or 3D - (3D Web = VRML or Live3D) Hypergraphics - (image map)

Image Quality bit or color resolution number of colors in each pixel also called bit or pixel depth most common ranges are 8-, 16-, and 24-bit images with greater bit resolutions will be more colorful and of higher quality image resolution (measured in ppi) amount of information stored for each image

Image Compression compression - an algorithm used to create smaller file sizes lossy - expendable data is actually lost lossless - none of the data is actually lost; mathematical algorithms eliminate redundant data.

Graphics Software Paint Programs and Bitmapped Graphics Features stored as pixels pixels record the screen location and color value on a bitmap jaggies/staircasing Features Geometric Figures Edit Add Color and Patterns Cut and Paste Rotate and Stretch

Graphics Software Draw Programs and Vector Graphics Features vector-based images - created and recreated from mathematical models Features Fully Editable Shapes Bézier Curves Gradient Fill Blending Grouping Objects Rasterize

Graphics Software 3D Modeling Programs Features 3D objects - created using geometric forms or wire frame models surfaces/textures are mapped to the models rendering - converting 3D images to 2D Features Modeling Arranging and Deforming Objects Shading Setting Lights and Cameras Rendering

3-D Drawing 3-D software usually offers: Directional lighting Motion Different perspectives

3-D Drawing 3-D objects combine various shapes

3-D Drawing Shapes can be extruded…

3-D Drawing …or lathed

A scene can use different types of shading 3-D Drawing Gourand shading Flat shading Ray tracing Phong shading A scene can use different types of shading

Graphics Software Image Editing Programs Features manipulate existing images Features Cropping Brightness, Contrast, and Color Correction Filters Layering File Format Conversion Image Enhancement Plug-Ins

File Formats TIFF (Tagged Image File Format) EPS (Encapsulated PostScript) BMP (short for Bitmap) DIB (Device-Independent Bitmap) GIF (Graphics Interchange Format) PCX PICT/PICT2 (short for Picture) JPEG (Joint Photographic Experts Group)

File Formats TARGA Photoshop Native MacPaint PIC PCD (Photo CD) Plot File AutoCAD Windows Metafile (WMF) Word Perfect Graphics (WPG)

Sources of Still Images Commercial Image Providers/Stock Photography Houses Clip Art Photographs Digital Video Charts Maps

Copyright assume an image is copyright protected 1976 Federal Copyright Act property of the creator to 50 years beyond his or her life. if the creator is a corporation or business, up to 75 years after publication or 100 years following creation, whichever is shorter.

Copyright Public domain images can be manipulated and used without permission from the artist and without having to pay the artist any royalties for using them Fair use policy - instruction/education exclusions

Copyright Summary The only time you can alter or manipulate images is if: you receive permission from the original artist you create the image yourself the image is clearly public domain the image is being used strictly for instructional purposes in an educational setting

Example