Graphics Manipulation 8 Mar 2001 10:30am - 12:00pm 2:30pm - 4:00pm.

Slides:



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

IMD 205 MULTIMEDIA FOR INFORMATION PROFESSIONAL Topic 5: Adobe Photoshop: Introduction.
Designing for Web stuff you need to know before you start.
2.01 Understand Digital Raster Graphics
Graphic File Formats. Objectives Understand the difference between two major categories of computer graphic images Investigate the differences between.
Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
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.
Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
An Introduction to Scanning and Storing Photographs and Graphics Bryn Jones Aug 2002
 HTML Tags  Multimedia Definitions  Information from the Computer Internet Project  Information from the Technology/Scanner Assignment  Information.
Graphic Images 101. Painted on a grid Drawn mathematically.
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
Dedicated Vector and Bitmap editing software.
Unit 30 Digital Graphics – Course overview Anne Sewell
Analog and Digital Cameras  History of Digital cameras  Advantages and Disadvantages / Similarities and Differences of both types of cameras  Types.
Unit 30 P1 – Hardware & Software Required For Use In Digital Graphics
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
CMPD273 Multimedia System Prepared by Nazrita Ibrahim © UNITEN2002 Multimedia System: Enabling Technology References: S. McGloughlin, “Multimedia: Concepts.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
DIGITAL GRAPHICS & ANIMATION Complete LESSON 2 Importing and Exporting Graphics.
Digital Images Chapter 8, Exploring the Digital Domain.
XP Practical PC, 3e Chapter 13 1 Working with Graphics.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Graphics.
Day 4.  Assignment 1 Due  Assignment 2 Posted Assignment 2 Posted  Due Feb 9:35 AM  3 8:30 AM  Today we will look at creating and using.
SBEC Master Technology Teacher Competency 5 Marie L. Evans EDTC 6342 Janice Butler.
SOFTWARE TYPES Word processing Page layout Paint Draw.
Computer Science 101 Images in Web Pages. Image Files Two common formats, GIF and JPEG GIF images are more flexible for use as icons JPEG images are sharper.
Digital File Formats ACCT-IGD-10: Students will generate and manipulate various graphic imaging processes. ACCT-IGD-15: Students will identify and produce.
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.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Chapter 14 Working with Graphics. 2Practical PC 5 th Edition Chapter 14 Getting Started In this Chapter, you will learn: − About different graphics you.
Tools for information processes Organising IPT 2009.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.
Computer Graphics Bitmap v Vector Graphics. Learning Objectives: By the end of this topic you should be able to:
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Digital Graphics. Formats: BMP – Bitmap image file which is used to store Bitmap digital images PNG – Portable Network Graphics GIF – Graphics Interchange.
COS 125 Day 4. Agenda Assignment 1 Due Assignment 2 Posted –Due Feb 9:35 AM Today we will look at creating and using images Examples –
Chapter 12 Web Publishing. Goals Become an image optimization master Get a handle on Web file formats, including SVG and SWF Learn about Web image color.
Raster Graphics 2.01 Investigate graphic image design.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
CSCI-100 Introduction to Computing Hardware Part II.
1 After completing this lesson, you will be able to: Comprehend the basics of Web graphics. View and manipulate Web graphics in a graphics program. Describe.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Software Packages Used In Digital Graphics By Jack Turner.
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.
Resources Research Shannon Ciriaco. Graphic cards, otherwise known as video cards is a printed circuit board which generates images to display. Most.
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
Chapter 14 Working with Graphics
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
Chapter 13 Working with Graphics
Maran Illustrated Computers CIS 102
Lesson 22 Graphics Software.
Image Formats.
Multimedia Elements – Text and Graphics
2.01 Investigate graphic image design.
Choosing the right image format
A computer display is made up of small squares, called pixels.
1.01 Investigate graphic types and file formats.
Introduction to Computer Graphics
An Introduction to Scanning and Storing Photographs and Graphics
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Creating Digital Graphics
Presentation transcript:

Graphics Manipulation 8 Mar :30am - 12:00pm 2:30pm - 4:00pm

Topics u Working with imaging devices u Prepare images for your web page u Software Tools u Introduction to Colour Management

Acquire Images from Image Devices u Digital Camera/Scanner u TWAIN standard

What is TWAIN u A standard software protocol and Applications Programming Interface (API) that regulates communication between software applications and imaging devices. u

TWAIN API TWAIN API Scanner Digital Camera PhotoShop Corel- Photo Paint Paint Shop Pro

Prepare Graphics for your WEB u Keep the file size small with reasonable quality u Less space and less transfer time u Select suitable format u JPEG, GIF/Animated GIF?

Properties of JPEG u High compression ratio (about 10~100+ to 1) u Small file size u True colour (24bits, 16.7M) image u Lost of details

Properties of GIF/Ani. GIF u Good compression ratio u Lost-less compression u Only 256 simultaneous colour u Colour palette stored in file

When to use JPEG? u Colourful photo u Large image u True colour needed u Detail is not the 1st priority

When to use GIF/Ani. GIF? u Banner, title u Bullet, icon u Separation line, etc

Image with compression Image 1: Format: JPEG Comp. Factor: 15 Dim.: 157 x 239 pixels File size: 9500 Bytes

Image with compression Image 2: Format: JPEG Comp. Factor: 85 Dim.: 157 x 239 pixels File size: 2847 Bytes

Software Tools u “Draw” or “PAINT” type software u PhotoShop, Corel Photo-Paint, PhotoImpact, Paint Shop Pro and so on... u “Optical Character Recognition”(OCR) u Animation creator u Word processor

Intro. To Colour Management u To overcoming device dependence u Colour-Matching Systems – PANTONE® Matching System u Electronic Colour Management Software – Kodak Precision Color Manager – Corel Color Manager

Colour Space

Colour Matching System u A collection of colors from which you can select colors for use u A swatchbook used as reference u Each color has it own color code – e.g. PANTONE®274VC u Designate the color code you want

Colour Manager u A software utility that works to ensure accurate colour reproduction across the devices in your system u Each devices calibrated with a profile u Profile accurately defines the capabilities of your devices

THE END Thank you