Multimedia Technology Image Technology Krich Sintanakul 271430 Multimedia and Hypermedia.

Slides:



Advertisements
Similar presentations
Computer Graphics- SCC 342
Advertisements

Computer Graphics Tz-Huan Huang National Taiwan University (Slides are based on Prof. Chen’s)
Display Hardware Yingcai Xiao Display Hardware Yingcai Xiao.
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.
Java ThreadsGraphics Programming Graphics Programming: Graphics Devices.
Graphics Device Principles B.Sc. (Hons) Multimedia ComputingMedia Technologies.
Digital Video 1.
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
Graphics Device Principles B.Sc. (Hons) Multimedia ComputingMedia Technologies.
Image Representation.
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.
Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.
Fonts Typeface Typography. Leading Spacing between lines.
1 Internet Graphics. 2 Representing Images  Raster Image: Images consist of “dots” of color, not lines  Pixel: Picture element-tiny rectangle  Resolution:
Data starts with width and height of image Then an array of pixel values (colors) The number of elements in this array is width times height Colors can.
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
CS 1308 Computer Literacy and the Internet. Creating Digital Pictures  A traditional photograph is an analog representation of an image.  Digitizing.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Storing Graphics EXTENSION.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Basics of a Computer Graphics System Introduction to Computer Graphics CSE 470/598 Arizona State University Dianne Hansford.
Lecture 03 Fasih ur Rehman
Module Code: CU0001NI Technical Information on Digital Images Week -2.
1 Image Basics Hao Jiang Computer Science Department Sept. 4, 2014.
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.
Raster-scan system In addition to the central processing unit a special purpose processor called the video controller or display controller is used to.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Video.
Information Processes and Technology Multimedia: Graphics.
MILLIONAIRE SCOREBOARD $100 $200 $300 $500 $1,000 $2,000 $4,000 $8,000 $16,000 $32,000 $64,000 $125,000 $250,000 $500,000 $1 MILLION Click the $ for.
Agenda Last class: Memory, Digitizing Numbers Today: Digitizing: Text
© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.
Week One Raster & Vector Formats. 2 Computer Graphics Vector Graphics Pictures are produced via a series of ‘draw commands’ These commands will draw short.
ECE291 Lecture 12 Mode 13h Graphics. ECE 291 Lecture 12Page 2 of 27 Lecture outline Color theory Video Hardware Mode 13h Graphics File Formats.
Graphic Format Factors
Graphics and Images Graphics and images are both non-textual information, that can be displayed and printed. These images may appear on screen as well.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
By Courtney Field Creative digital graphics. Types of graphics and examples There are a number of different types of graphics file formats. Each type.
Quiz # 1 Chapters 1,2, & 3.
 Video Display Devices Video Display Devices  Cathode-ray tube (CRT) Monitors Cathode-ray tube (CRT) Monitors  Display Technologies Display Technologies.
ECE291 Computer Engineering II Lecture 15 Josh Potts University of Illinois at Urbana- Champaign.
Introduction to Vector Graphics and Adobe Illustrator CS3
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $
Graphics: Conceptual Model Real Object Human Eye Display Device Graphics System Synthetic Model Synthetic Camera Real Light Synthetic Light Source.
Raster Graphics 2.01 Investigate graphic image design.
Beam Penetration & Shadow Mask Method
Why a bitmap (.bmp), not a.jpg? If you cannot save a.bmp, make it an uncompressed.tif. Compression (of this 8-bit 397,000 pixel image): none (397kb memory)medium.
Color Web Design Professor Frank. Color Displays Based on cathode ray tubes (CRTs) or back- lighted flat-screen Monitors transmit light - displays use.
The Digital Revolution Changing information. What is Digital?  Discrete values used for  Input  Processing  Transmission  Storage  Display  Derived.
Overview of Graphics System
By: Catyana Brown Information Technology in a Global Society: Multimedia.
Introduction to the Computer Graphics Anton V. Kudinov, Assistant professor of Computer Engineering Department.
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
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.
Lesson 9: Web Graphics. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility.
Information Systems Design and Development Media Types Computing Science.
Computer Graphics Lesson 2 July 12, 2005 Image Formats What are some formats you are familiar with? There are 4 basic image format types: Uncompressed.
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
Mohammed AM Dwikat CIS Department Digital Image.
Multimedia and weBLOGging Grade 7-9 | Cahaya Bangsa Classical School (C) 2010 Digital Media Production Facility 03 - Still Picture 01 – Basics.
1 Section 1.3 Binary Number Systems Fundamentals of Java: AP Computer Science Essentials, 4th Edition Lambert / Osborne.
8th Lecture – Intro to Bitmap or Raster Images
Computer Graphics: An Introduction
Graphics and image data representation
Data Representation.
Color Color is one of the most interesting aspects of both human perception and computer graphics. In principle, a display needs only three primary colors.
Graphics Systems SUBJECT: COMPUTER GRAPHICS LECTURE NO: 02 BATCH: 16BS(INFORMATION TECHNOLOGY) 1/4/
Multimedia System Image
Visuals are analog signals...
Presentation transcript:

Multimedia Technology Image Technology Krich Sintanakul Multimedia and Hypermedia

Technology Multimedia Types of Images Raster Image –Digitize or sampling from the real world –Store in bitmap orientation –Need large storage and High compression –Edit by retouching tool Vector Image –Synthesized image –Store in object structure list (Smaller) –Reusable, Scalable, Animating –No stair problem

Technology Multimedia Types of Images Raster Image

Technology Multimedia Types of Images Vector Image (x min,y min ) (x max,y max ) Object Rectan01 Pivot center Data (x min,y min,x max,y max ) Rectangular (x min,y min,x max,y max ) begin lineto (x min,y min,x max,y min ) lineto (x max,y min,x max,y max ) lineto (x min,y min,x min,y max ) lineto (x min,y max,x max,y max ) end end object

Technology Multimedia Types of Images From vector to raster display system

Technology Multimedia Displaying Image in Computer Cathode-Ray Tubes and LCD panel

Technology Multimedia Displaying Image in Computer Source of color

Technology Multimedia Displaying Image in Computer Source of color in CRT

Technology Multimedia Displaying Image in Computer Color Mixing in RGB model

Technology Multimedia Displaying Image in Computer Raster scan display system

Technology Multimedia Displaying Image in Computer Raster scan display system

Technology Multimedia Displaying Image in Computer Color Raster scan display system

Technology Multimedia Displaying Image in Computer Raster scan display system

Technology Multimedia Type of color display system True Color system –24/16 Bits each pixel –3/2 Bytes per pixel –Keep Color intensity in Frame buffer Index Color system –8 bits (1 byte) per pixel –Display 256 from index table at a time –Keep address of table in Frame buffer

Technology Multimedia Type of color display system True Color system N M Bit depth Video controller CRT

Technology Multimedia Type of color display system True Color system –VGA 24 Bits 640*480 = Pixels = Bytes –VGA 16 Bits 640*480 = Pixels = Bytes –SVGA 24 Bits 800*600 = Pixels = Bytes –SVGA 16 Bits 800*600 = Pixels = Bytes 1 Byte

Technology Multimedia Type of color display system Index Color system x y Color Table R GB colors x 8 bits/column = 24 bits D/A y x 8 bits Frame Buffer

Technology Multimedia Type of color display system Index color system –VGA 256 Color 640*480 = Pixels = Bytes Index table 256*3 (24 bits) 768 Bytes Total = Bytes –SVGA 256 Color 800*600 = Pixels = Bytes Index table 256*3 (24 bits) 768 Bytes Total = Bytes –SVGA 256 Color 1024*768 = Pixels = Bytes Index table 256*3 (24 bits) 768 Bytes Total = Bytes

Technology Multimedia How to display an image file(1) BMP indexed file structure

Technology Multimedia How to display an image file(2) Step 1 Load image information

Technology Multimedia How to display an image file(3) Step 2 Load color index to video pallet

Technology Multimedia How to display an image file(4) Step 3 Load pixel information by lookup color pallet