By: Catyana Brown Information Technology in a Global Society: Multimedia.

Slides:



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

Digital Color 24-bit Color Indexed Color Image file compression
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.
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
Introduction to Computer Graphics
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
Vector vs. Bitmap SciVis V
The University of Adelaide Picture Perfect: Image Formats and Resolution Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.
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.
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.
V Obtained from a summer workshop in Guildford County July, 2014
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.
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
Unit 30 – task 1 Danny ball. Formats BMP- Bitmap image file is a raster graphics image file which is used to store the bitmap files, such as a graphic.
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.
Computer Concepts – Illustrated 8th edition
Lecture 3. Fundamentals of Computer Graphics. Computer Graphics, a very broad term Fields Related to Computer Graphics Bitmap/Vector graphics, 2D/3D graphics,
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Storing Graphics EXTENSION.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Chapter 8: Digital Media1 Digital Media Chapter 8.
ITGS Multimedia. –Computer graphics, video, audio and interactive applications –Used extensively in entertainment, science and journalism Bitmap graphics.
Vector vs. Bitmap
Understanding Images on the Computer How do images work and why?
Module 8 Review Questions 1.VGA stands for A. Video Graphic Association B. Video Gradient Array C. Video Graphic Array D. Video Graphic Arrangement.
2.01D Investigate graphic image design. Image Resolution.
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
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.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
Graphics and CAD. LO: Understanding graphics formats, manipulation, and the benefits of using CAD software. Learning Outcome: Define key words and answer.
Graphic Format Factors
Digital Graphics. Formats: BMP – Bitmap image file which is used to store Bitmap digital images PNG – Portable Network Graphics GIF – Graphics Interchange.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.
Digital Images are represented by manipulating this…
The Digital Revolution Changing information. What is Digital?  Discrete values used for  Input  Processing  Transmission  Storage  Display  Derived.
Information Technology Images: Types, Resolution and Techniques.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
In the Know … Technological Vocabulary. Beginning Terms 1. Aperture – the mechanical opening in the lens that lets light in. 2. ASA / ISO – rating given.
Image Editing Vocabulary Words Pioneer Library System Norman Public Library Nancy Rimassa, Trainer Thanks to Wikipedia ( help.
By Nathan Lowe.  Graphic cards are high specification cards with lots of memory and fast processors providing lots of power for the updated games or.
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.
Guilford County SciVis V104.03
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
Basic Digital Imaging For PE 266 Technology in HPER.
 Many people like the flexibility of digital images. For example:  They can be shared by attaching to /uploading to Internet  Sent via mobiles.
Graphic Format Factors
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
Digital imaging.
Graphic Format Factors
Screen and Image Resolution
Vector vs. Bitmap.
ITGS Multimedia.
Chapter III, Desktop Imaging Systems and Issues: Lesson IV Working With Images
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Web Design and Development
Graphic Format Factors
Graphic Format Factors
Graphic Format Factors
Graphic Format Factors
Computer Systems Nat 4.5 Computing Science Data Representation
2.01 Investigate graphic image design.
Graphic Format Factors
Graphic Format Factors
Screen and Image Resolution
Graphic Format Factors
Presentation transcript:

By: Catyana Brown Information Technology in a Global Society: Multimedia

aka raster graphics ◦ images that are composed of a rectangle of small dots higher number of pixels = better resolution Bitmap Graphics Left: 8 mp Right: 5 mp

Resolution ◦ number of pixels in the grid ◦ 1 megapixel = 1 million pixels ◦ Resolution on different screens are different screens are gauged by pixels per inch  Pixels per inch (PPI) : determines how many pixels are displayed in each inch of the output  Dots per inch (DPI) : aka printer resolution – refers to the number of ink dots that a printer produces when creating an image Bit Depth ◦ aka color depth ◦ refers to the number of bits used to store each pixel ◦ higher bit depth = more color Image Storage

Resolution & Bit Depth Storage Requirements Desktop Computers 640 x 480Video Graphics Array (VGA) 800 x 600Super Video Graphics Array (SVGA) 1024 x 768Extended Video Graphics Array (XGA) 1280 x 1024Super Extended Video Graphics Array 1600 x 1200Ultra Extended Video Graphics Array Laptop Computers 1280 x 800Wide Extended Graphic Array (WGA) 1440 x 900Wide Extended Graphic Array (WXGA+) Mobile Phones 120 x 160Common on older phones 540 x 960Common on newer phones Televisions 1280 x p High Definition 1920 x p High Definition (Full HD) Width x height x bit depth

Cntd. Bit Depth Maximum number of colorsStorage required per pixel 121 bit (1/8 byte) 242 bits (1/4 byte) 4164 bits (1/2 byte) byte 1665,5362 bytes 2416,777,2163 bytes 324,294,967,2964 bytes

Cropping ◦ taking a subsection of a photograph and removing everything else Scaling ◦ increasing or reducing the size of a image Cloning ◦ the process of copying one part of an image into another part of an image Layers ◦ commonly used when making composite images ◦ allows several images to be ‘stacked’ on top of one another Digital Manipulations

Filters ◦ changes the contrast and saturation levels ◦ enhance the presence of certain colors Composite Image ◦ editing tools are used to combine two or more images continued.

reduce redundant, repeated data in images Lossless compression ◦ looks for repeated patterns of data and stores them in a manner which requires less space  Also allows the original to be restored Lossy Compression ◦ sacrifices image quality for reduced file size Compression

aka object oriented graphics ◦ composed of objects rather than pixels ◦ can be scaled as large as needed without loss of quality ◦ Ex: clipart photos Vector Graphics Bitmap GraphicsVector Graphics Store data grids of pixelsStore data as mathematical Zooming in reduces qualityNo quality loss when zooming in Increasing size reduces qualityCan easily be resized with no loss of quality Has lower processor requirements, but high memory requirements for large images Requires a fast computer to manipulate complex graphics Images consume lots of storage space Images consume less storage space Perfect for taking photographsNot possible to recreate complex real life scenes (ex. Photographs)

Musical Instrument Digital Interface (MIDI) ◦ communication standard for music devices, computers, and music creation software Codec ◦ a piece of software which tells media players how to decode the particular compression format used by that video or audio data Digital Audio