Chapter 6:Graphics & Multimedia. “ MULTIMEDIA is a seamless integration of data, text, image of all kinds and sound within a digital environment. ” FELDMAN,

Slides:



Advertisements
Similar presentations
3.01C Multimedia Elements and Guidelines 3.01 Explore multimedia systems, elements and presentations.
Advertisements

1 Introduction to Computer Science بسم الله الرحمن الرحيم MULTIMEDIA LEVEL -9 King Khalid University Kingdom of Saudi Arabia Ministry of Higher Education.
Sounds, Images & Other Objects Website Production.
3.02C Multimedia Fair Uses Guidelines and Elements
3.02 Publishing Animations
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Una DooneyMultimediaSlide 1 What is Multimedia? A combination of different media types such as text, graphics, audio, video and animation etc in a single.
Guilford County SciVis V106.01
V Obtained from a Guildford County workshop-Summer, 2014.
Welcome to a New Quarter Class Rules and Responsibilities What will be learning? 106-Static and Dynamic Visualization 105-Synthesize Data for SciVis Video-Real.
Image Compression CSC CSC Computing with Images2 How do we use fewer bytes to encode the same or similar information? Reduce redundancy Take.
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.
HYPERTEXT MARKUP LANGUAGE (HTML)
Nat 4/5 - Software Design and Development – Low Level Operations - 1 National 4/5 – Computing Science Information Systems Design and Development Media.
Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.
CS 1308 Computer Literacy and the Internet. Creating Digital Pictures  A traditional photograph is an analog representation of an image.  Digitizing.
Graphics and Multimedia Foundation Computing The beatings will continue until morale improves.
File Formats About graphic file formats And image compression.
MULTIMEDIA - WHAT IS IT? DEFINITION 1: Uses a VARIETY of media ELEMENTS for instruction Media elements are: text, sound, graphics, moving images (real.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
2.02G Publishing Animated Videos 2.02 Develop Computer Animations.
Multimedia and The Web.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
3.01C Multimedia Elements and Guidelines 3.01 Explore multimedia systems, elements and presentations.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
1 1 Introduction to Computer Science بسم الله الرحمن الرحيم MULTIMEDIA LEVEL -9 King Khalid University Kingdom of Saudi Arabia Ministry of Higher Education.
GIF - Graphics Interchange Format JPEG - Joint Photographic Experts Group PNG - Portable Network Graphics GIF images are limited to the 8 bit palette which.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
File Format. Graphics file Format GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) TIFF (Tag.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
File Format. Graphic file Format GIF –cross-platform compatibility –developed by CompuServe as a common format for exchanging bitmapped images between.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
BY CASEY KUCERA Multimedia. Vector Graphics Composed of objects not pixels Object oriented graphics = vector graphics Stores a series of mathematical.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Raster Graphics 2.01 Investigate graphic image design.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Media Types Information Systems can contain the following types of media: Sound, graphics, video & text.
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
GIF vs. JPEG GIF and JPEG (JPG) image formats are different. You should know which to use when. Here are some examples.
Information Systems Design and Development Media Types Computing Science.
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
Copyright © 2003 Prentice Hall, IncSlides created by Bob Koziel.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Graphics and Multimedia
VIDEO.
3.02 Publishing Animations
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Image File Size and File Compression
2.02G Publishing Animated Videos
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
2.02F Publishing Animated Videos
3.01F Publishing Animated Videos
3.01C Multimedia Fair Uses Guidelines and Elements
Graphics Basic Concepts.
Web Design and Development
3.01C Multimedia Elements and Guidelines
3.01C Multimedia Fair Uses Guidelines and Elements
Final Study Guide Arts & Communications.
3.01C Multimedia Fair Uses Guidelines and Elements
3.01C Multimedia Elements and Guidelines
(c) V/2-Com (Verhaart) Multimedia Elements & standards 4/15/2019 (c) V/2-Com (Verhaart)
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
3.01C Multimedia Fair Uses Guidelines and Elements
2.01 Investigate graphic image design.
Presentation transcript:

Chapter 6:Graphics & Multimedia

“ MULTIMEDIA is a seamless integration of data, text, image of all kinds and sound within a digital environment. ” FELDMAN, 1992

MULTIMEDIA IS THE USE OF A COMPUTER TO PRESENT AND COMBINE TEXT, GRAPHICS,AUDIO AND VIDEO WITH LINKS AND TOOLS THAT LET THE USER NAVIGATE, INTERACT, CREATE AND COMMUNICATE. Hofstetter, 2001

Images 2basic structures for graphics: bitmapped and vector-based. Bitmapped image files store image data as a map of individual pixels. GIF and JPEG are bitmapped formats. Vector-based image files store image data as a set of mathematical formulas that instruct the computer how to draw the image. Macromedia Flash is a vector-based format

Bitmap images formed from matrix of pixels problem : jagged or staircase effect image must be mapped to the matrix

solution to jagged : use antialiasing making something slightly fuzzy so that you can't see the jagged edges use different tones

Vector image bitmap image vector image Vector-based graphics use mathematical relationships between points and the paths connecting them to describe an image

Comparing bitmap and vector File size : vector is smaller Resize : Vector-based images can be easily resized, recolored, and reshaped without lowering their quality (color, detail, sharpness, etc.) Bitmaps are best used for photos and images with subtle shading. vector format are for page layout, hardcopy printing, line art or illustrations

Bitmap files format - BMP Bitmap - short for BitMaP created by microsoft file extension BMP weakness : uncompress  file size is big and is not supported by web used for Windows graphic

Bitmap files format - PCX PCX have.pcx entenxion the first graphics file format to become a standard for bitmap file storage on IBM PCs. used by ZSoft's PC Paintbrush program, which was licensed to Microsoft in the early 1980s, and later converted into Windows Paintbrush and distributed with Windows. this popular format is diminishing

Bitmap files format - TIFF TIFF = Tagged Image File Format Provides the highest quality but has large file sizes usually use for images from scanners

Bitmap files format - Gif Graphics Interchange Format pronounced "jiff" created by CompuServe use 8 bits  maximum color = 2 8 = 256 lossless method of compression - squashes the original image without losing any data good for images contain repetitive pattern / color

Bitmap files format - JPEG jpg or jpeg extension pronounced "jay-peg Lossy compression removes image details that are (in theory, at least) too small for the human eye to notice to make file size smaller suitable for photo but not for image composed largely of solid color blocks and lines

IMAGE (COLOR) DEPTH Image depth refers to the maximum number of colors used in bitmap Each pixel can have one or more bits of color information attached to it: # Bits# ColorsUses 12Text, line drawing 416Simple drawings and graphics 8256Natural images MPhotographic realism

IMAGE SIZE FILE Bitmap file size relates directly to the number of bits in the image: Size (in bytes) = (Height x Width x Color Depth)/8 Samples file sizes for different images sizes and color depths: Monocrome (640x480x1 bit)/8 = 38k bytes 256 color (640x480x8 bits)/8 = 307k bytes 16 M (640x480x24 bits)/8 = 922k bytes –High quality images are big! Image requirements will affect hardware and software selection, including graphics and authoring software, video graphics adapter, disk space and data transfer rates.

comparing file size jpg = 24KB pcx= 217KB bmp = 216 KB png = 127 KB tif = 157 KB gif = 56KB lowest quality because 256 colors only

Beckham.jpg 5KB Beckham.bmp 103KB

comparing - usage if u want to use for webpage : gif, jpeg and png only if u intend to print on paper … always save any picture u scan using tiff … otherwise jpg photo always use jpg plain text, 2d cartoons use gif

vector graphic used in:  Illustration/drawing programs such as Macromedia Freehand and Adobe Illustrator.  3D applications such as CAD/CAM, architectural rendering, and animation.  Charts and graphs in spreadsheet programs.

vector graphics wire frame view shaded view

Audio /sound The audio used in multimedia applications can be obtained in several ways: can be captured digitally using a microphone, CD-ROM, radio Synthesized: digitally recorded Sampling rate: number or sound snapshots the recording equipment takes each second

Software for recording sounds 1. Sound recorder ( program > accessories > entertainment ) Options for recording : Telephone : 8KHz Mono Radio : 22KHz Mono CD : 44KHz Stereo

Edit songsbackground music

Type of audio compressions : mp3, real player.

WinMX = to download software movie, mp3, picture.

Video  Comprises of photographic images that display at speeds of 15 to 30 frames per second and provide the appearance of motion in real-time.  Video compression works by taking advantage of the fact that only a small portion of the image changes from frame to frame. Thus, a video compression program might store the first reference frame and then, assuming that the following frames will be almost identical to it, store only the changes from one frame to the next.

Video compression - AVI Audio Video Interleaved (AVI) format, which is a standard on the Windows platform. AVI is viewable in a player application such as the MediaPlayer included with Windows, or directly on a Web page.

AVI Windows media player is used to open avi files

MPEG (Moving Pictures Experts Group) has developed standards for video compression and decompression. This method can reduce the size of video files up to 95 percent, while retaining near-television quality.

(MPEG) is a file format that compresses video files effectively, but is not as widely standardized as QuickTime or AVI. There are actually several variations of MPEG. The version generally used for Internet and CD-ROM is MPEG-1, which provides picture quality nearly comparable to VHS. MPEG-2 can provide SVHS picture quality.

Video compression - Quicktime QuickTime is Apple's award-winning, industry-standard, software architecture for creating and viewing digital media for Mac OS and Windows. The file extension is mov Supports Internet streamings