Images.  Images include graphics, such as backgrounds, color schemes and navigation bars, and photos and other illustrations  An essential part of a.

Slides:



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

Raster Graphics vs. Vector Graphics
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Introduction to Computer Graphics
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.
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.
Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)
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.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
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.
Images.  Images include graphics, such as backgrounds, color schemes and navigation bars, and photos and other illustrations  An essential part of a.
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
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
Understanding Images on the Computer How do images work and why?
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.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
10 | Graphics COM 366 Web Design & Production. Native file format –Format native to software program –psd > PhotoShop default Preserves layers –Use “Save.
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.
Graphics ITGS. Pixel Short for “Picture Element” A single dot on a monitor or printed document. The smallest rectangular area of an image that can be.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
Graphic Format Factors
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Graphic definitions Summary of Chapter 10 of the Non-designer’s web book by Robin Williams and John Tollet. Pages ( ) Miss Mary Victor.
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
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
1 Perception and VR MONT 104S, Fall 2008 Lecture 20 Computer Graphics and VR.
GIF vs. JPEG GIF and JPEG (JPG) image formats are different. You should know which to use when. Here are some examples.
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.
CHAPTER 21: IMAGES. IMAGE SOURCES 3 options: Create your own images Find images Hire someone to make images.
Efficient Game Graphics From Flash MX 2004 Game Design Demystified.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
2.01 Investigate graphic image design.
Graphic Format Factors
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Understanding Web Graphics
Chapter 13 Working with Graphics
Graphic Format Factors
Web Graphics 101 Web Image File Formats Image Optimization
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
1.01 Investigate graphic types and file formats.
Lecture Week 4 Images.
2.01 Investigate graphic image design.
A computer display is made up of small squares, called pixels.
Digital Images.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
LET’S LEARN ABOUT GRAPHICS!
File size and image quality
Graphics Basic Concepts.
Web Design and Development
Graphic Format Factors
Graphic Format Factors
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Graphic Format Factors
2.01 Investigate graphic image design.
Graphic Format Factors
Multimedia System Image
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Graphic Format Factors
Graphic Format Factors
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Graphic Format Factors
Presentation transcript:

Images

 Images include graphics, such as backgrounds, color schemes and navigation bars, and photos and other illustrations  An essential part of a multimedia product, is present in every multimedia product

A picture is worth a thousand words  The major make-or-break factor of your multimedia application will always be graphics and design  Potential customers will make an instant judgement, for better of for worse, on the basis of that first impression on the screen

Production of graphics for multimedia applications  In real-life multimedia products there are two key parts of managing the production of graphics: definition of the task and the selection of the personnel  The approach to graphics should be included in the project plan  Your project team may include a graphics artist or an art director  The production team is chosen on the basis of graphics requirements

Production of graphics for multimedia applications  Organizations have quite often a pool of freelance artists; a common situation for graphics and programming

Plan your approach  Whatever is your working method, there will always be a starting point where your page is ”clean”.  Before reaching this point, be sure you have given your project a good deal of thought and planning  To get a handle on any multimedia project, you start with pencil, eraser and paper  Outline your project and graphic ideas first: make a flow chart and storyboard

Bitmaps  The more pixels used in an image the larger the actual file size; the more it consumes memory  You can’t scale a bitmapped image without losing information  Bitmapped images are often used in web pages and multimedia, but most of the time they are compressed.

Vector graphics  In computer terms a drawing is an image that consists of distinct segments or shapes, called draw objects  It is sometimes referred to as line art  A popular name for drawings in the computer world is vector graphics  The vector graphics are made in drawing programs (e.g. Illustrator)

Bitmaps vs. Vector Graphics  Remember that the programs can save images in different formats. You are not stuck with the technology you were using in the beginning.  Quite often a bitmap starts out as a set of draw objects; you’ll probably need both technologies  The vector graphic images are smaller in size than the bitmapped

Taking less space  You will usually need to reduce the size of graphics files. There are several methods: Degrading. The size in pixels can be reduced. Reducing the color depth. Compression. JPEG, GIF, PNG

Which graphics format should I use?  You have only two reasons why one format might be better than another 1.The end-user’s browsers may or may not support the format (unlikely) 2.The way the image is compressed lends itself to a particular kind of image GIF for logos, cartoons JPEG for photos, other images with smooth edges PNG both

Image compability and quality  Take care that any compression does not noticeably degrade your 24-bit images  However, you should know the difference between lossy and lossless compression methods: Lossless: you will not lose data when the image is compressed Lossy: you will lose data when the image is compressed

Asset management  Usually the number of graphics files in a multimedia application is large  Therefore it’s vital that you have a known system of naming files  Do not use too long filenames, they may create problems in some platforms  Try to organize a decent directory structure  Reserve the extension for the file type

3D drawing and rendering  3D packages are usually object- oriented like a drawing package  Speed of display is often more important than the quality; nowadays the GPU’s (not CPU) have fortunately so much computational power that the limits are not a problem  Surfaces and lightning conditions are set after the objects are drawn  The scene must be rendered to produce the final image or images; this can be very slow

Coordinate points define polygons that form 3D objects

Different materials

A foto realistic image produced by illumination and shadows

Wireframe model and a shaded surface