Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis

Slides:



Advertisements
Similar presentations
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
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.
Nice Calm Scene. (You’ll need it.). Skills Getting files off of the camera or scanner Getting files off of the camera or scanner Archiving Archiving Choosing.
ETT 429 Spring 2007 Digital Photography/Scanners.
2.01 Understand Digital Raster Graphics
Introduction to Computer Graphics
Graphics and Images September 28, Unit 3.
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
Raster vs Vector and Image Resolution By Josh Gallagan.
Graphic File Formats. Objectives Understand the difference between two major categories of computer graphic images Investigate the differences between.
Image and Sound Editing Raed S. Rasheed Image Image. Digital image. – Raster images. – Vector Images. – Stereo Images. – Image File Formats Lossless.
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
File Types, Sizes & Dots Per Inch (dpi) Best practices applied to Photoshop file formats when creating media-specific documents. Bit Depth is the number.
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.
Russell Taylor Week 3. Image File Formats - TIF, JPG, PNG, GIF - which to use? The three most common and important image file formats for for printing,
Dr Jimmy Lam CAD for Fashion and Textiles
Graphic Images 101. Painted on a grid Drawn mathematically.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
File Formats About graphic file formats And image compression.
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.
All About File Formats Mr. Butler John Jay High School Department of Technology.
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.
Digital File Formats ACCT-IGD-10: Students will generate and manipulate various graphic imaging processes. ACCT-IGD-15: Students will identify and produce.
Information Processes and Technology Multimedia: Graphics.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
CHAPTER 4 : MULTIMEDIA DEVELOPMENT 4.2 MULTIMEDIA ELEMENTS IMAGE/graphic/picture.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Multimedia File FormatsGraphics JPG, GIF, TIF, PSD, WMF, BMP, PNG, RAW.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify 3 types of vector programs.
Digital Imaging 101 Ann Ware
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
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.
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.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
2.01 Understand Digital Raster Graphics
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
2.01 Understand Digital Raster Graphics
Objective % Describe digital graphics production methods.
Digital Imaging 101 Ann Ware.
Digital Illustration Chapter 6 File format.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Introduction to Graphics
2.01 Understand Digital Raster Graphics
Image Formats.
2.01 Investigate graphic image design.
Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
A computer display is made up of small squares, called pixels.
Image File Size and File Compression
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
Objective % Describe digital graphics production methods.
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.01 Investigate graphic image design.
Presentation transcript:

Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis

2 Objectives  Understand the difference between two major categories of computer graphic images  Investigate the differences between various file formats  Generalize formats to the type of software that creates them  Establish a philosophy of use for various graphic file formats Graphic File Formats

3 Native File Format Graphic File Formats

4 Bitmapped Formats Graphic File Formats Images are created by individual pixels displayed in various colors. Remember, each pixel can hold up to 24 bits (3 bytes) of color information Bitmapped formats have a fixed resolution Can NOT be resized without some effects on the clarity of the image

5 Bitmapped Formats Graphic File Formats Bitmapped formats are best suited for “photographic” quality images Scanners and digital cameras acquire images in bitmapped formats

6 Common Bitmapped File Formats Graphic File Formats 1.TIF 2.JPG 3.BMP 4.PIC 5.GIF 6.PNG 7.PSD 8.PCX

7 TIF Format Graphic File Formats  Tagged Image File format.  Standard between MAC and PC bitmap graphics.  Handles multiple channel files. i.e. RGB i.e. Alpha Channels

8 TIF Format (cont.) Graphic File Formats  Writes a "header" that tells software what information is contained.  Header may increase file size. - Not really a problem with modern hardware  Uses a LZW compression scheme.  Loseless - No data lost, just compressed.

9 JPG (Jpeg) Format Graphic File Formats  Joint Photographic Experts Group  A file format and compression scheme  Emerging as a standard format for photos  Internet use  “Lossy” compression  Reduces data during save  Data loss can be controlled  Can reduce file size in a ratio between 10:1 and 20:1

10 BMP Format Graphic File Formats  Microsoft native file format  PC system compatible  DOS  Windows  OS/2  No MAC compatibility  Photoshop encodes to 1, 4, 8, 24 bit color but.bmp can not support channels  No file space savings for photos with.bmp

11 PIC (Pict) Format Graphic File Formats  A MAC native file format  Not PC operating system compatible  Can do 24 bit color plus an extra 8 bits  Any MAC monitor can display 32 bit PICT files  MAC system format used to exchange data via clipboard

12 GIF Format Graphic File Formats  Graphics Interchange Format  Created by Compuserve to speed downloading of graphics  Limited to 256 colors  Compression format  Can be both interlaced and non-interlaced

13 PNG Format Graphic File Formats  Portable Network Graphics  New format targeted for Internet use  Can support up to 48-bit color 8-bit = 2^8 = bit = 2^48 = trillion billion million thousand  Big compression factor  Can support multiple transparent colors

14 PSD Format Graphic File Formats  Photoshop native file format  Supports all image types from line art to photos  Increasing compatibility with other software  PSD can hold an infinite amount of channels!  Each layer can hold 24 channels  Infinite amount of layers are possible  Subject to available RAM!!!!

15 Multi-Channel to.GIF Graphic File Formats

16 PCX Format Graphic File Formats  From ZSoft Corp  Many versions exist  Great for indexed, grayscale and line art  Supports only one channel  Photoshop only supports PCX version 5!  Convert.pcx to RGB to use most Photoshop tools  PC Paintbrush format

17 Kodak Photo CD - PCD Graphic File Formats  Kodak format for images stored on Kodak Photo CD  Uses YCC color model  Limited to five image sizes  Photoshop opens as a LAB color model  Photoshop can not save as a PhotoCD format

18 Vector Formats Graphic File Formats  Vector Formats are basically defined by shapes and lines  No more than 256 colors  Clip Art  Not resolution dependent  Infinitely scalable  Not appropriate for photo realistic images

19 Common Vector File Formats Graphic File Formats WMF AI Post Script CGM Fonts DRW CIL

20 PostScript Format Graphic File Formats  Developed by Adobe Systems for typefaces  Expanded for many graphic elements  Encapsulated Post Script (.eps) is of this format

21 PostScript Format Graphic File Formats  Adobe Acrobat file format  Portable Document Format  Integrates color, graphics and text  Searchable format

22 Software Choices Graphic File Formats  Traditionally, different software creates either bitmapped or vector art  This is changing!

23 Software Choices Graphic File Formats Examples Adobe Photoshop Deluxe Paint Photoshop Elements Adobe Fireworks Corel Photo-Paint Paint Shop Pro  For bitmapped, names that include the words “Paint” or “Photo” indicates that the primary function of the software is to create and manipulate bitmapped formats

24 Software Choices (cont.) Graphic File Formats Examples Adobe Illustrator Corel DRAW Microsoft Draw AdobeFreehand Serif DrawPlus Adobe Flash  For vector art, names that include the words “Draw” or “Illustrator” indicates that the primary function of the software is to create and manipulate bitmapped formats

25 When to Use What and When!?!? Graphic File Formats What are the requirements of your output device?

26 When to Use What and When!?!? Graphic File Formats Image QualityFile Size

27 When to Use What and When!?!? Graphic File Formats Image QualityFile Size Photo Image Illustration

28 When to Use What and When!?!? Graphic File Formats Image QualityFile Size Photo Image Illustration Internet Other Computer Devices