Multimedia Elements –Graphics. Graphics in Multimedia Applications.

Slides:



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

1 PowerPoint Objective 3: Working with Graphical and Multimedia Elements Microsoft Office Specialist 2010 Certification Prep Story/Walls.
Multimedia Elements – Text and Graphics Unit B. 2 Objectives - Text Text in multimedia applications Text on the web Software for text editing.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.
Graphics and Still Images John H. Krantz Hanover College.
2.01 Understand Digital Raster Graphics
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Graphic File Formats. Objectives Understand the difference between two major categories of computer graphic images Investigate the differences between.
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
WHAT IS IT AND WHY SHOULD I CARE? 2.0.  GRAPHICS  Draw-type graphics (also called vector graphics) represent an image as a geometric shape made up of.
Graphic Images 101. Painted on a grid Drawn mathematically.
Graphics.
GRAPHICS/IMAGES INFSCI Source: Learning Web Design by Jennifer Niederst RobbinsJennifer Niederst Robbins Creating Images:  Scanning  Be aware.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
Module Code: CU0001NI Technical Information on Digital Images Week -2.
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.
Enhancing Documents with Graphics Graphics are images that enhance a document or publication.  Clip Art, WordArt, Digital Camera, Internet, and Scanned.
Graphics and Animation Multimedia Projects Part 2.
Digital Images Can show something that cannot be photographed Illustration- using images that represent or express to make a visual statement.
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.
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.
© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Computer Graphics Bitmap v Vector Graphics. Learning Objectives: By the end of this topic you should be able to:
Forcier and Descy The Computer as an Educational Tool (Fifth Edition) Copyright © 2008 by Pearson Education, Inc. Columbus, Ohio All rights reserved.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Digital Imaging 101 Ann Ware
$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 $
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Chapter 8B Graphics and Multimedia.
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.
Introduction to Photoshop. What is Photoshop? Photoshop is software that enables you to create, modify, combine and optimize digital images.
Interactive Multimedia Design Chapter 1 – Introduction to Multimedia.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
Online & Offline Publishing - Bitmaps & Vector Graphics Keywords: Paths, Points, Resize, Transparency, Resolution, Print Quality Web Image File Formats:
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand digital graphics production methods, software, and hardware.
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
Chapter 14 Working with Graphics
Graphics and Multimedia
Chapter 13 Working with Graphics
Digital imaging.
Introduction to raster graphics
Lecture Week 4 Images.
Multimedia Elements – Text and Graphics
IMAGES.
Enhancing Documents with Graphics
2.01 Investigate graphic image design.
Graphics: Production Methods, software, & Hardware
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
McGraw-Hill Technology Education
LET’S LEARN ABOUT GRAPHICS!
Graphics and Animation
1.01 Investigate graphic types and file formats.
Enhancing Documents with Graphics
Competency 002 B Sonia Aldape
Enhancing Documents with Graphics
Digital Media Objective
2.01 Investigate graphic image design.
Enhancing Documents with Graphics
2.01 Investigate graphic image design.
Enhancing Documents with Graphics
Graphics and Animation
Presentation transcript:

Multimedia Elements –Graphics

Graphics in Multimedia Applications

Graphical images - used to add emphasis, direct attention, illustrate concepts, and provide background content Two types of graphics : 1) Draw-type graphics or vector graphics – represent an image as a geometric shape 2) Bitmap graphics – represents the image as an array of dots, called pixels

Draw Type Graphics Draw type or vector graphics  Geometric shape stored as set of instructions  Smaller than bitmap  Resize, rotate, no distortion  No photo quality

Draw-type Example Scanned image: from Multimedia Concepts – James Shuman

Bitmap Graphics Bitmaps – array of dots or pixels Color depth per pixel High quality pictures Photo realistic Larger than draw-type File size = pixels x color depth / 8

Graphic Image File Sizes Image file sizes can become large, you must balance the need for quality images with the need for small file sizes

Graphics Software Drawing programs – used to create draw- type graphics Paint programs – used to create bitmap images Image editing programs – useful in making changes, or applying textures or patterns to existing images

Graphics Software Programs Drawing programs – Adobe Illustrator Paint programs – Paint Shop Pro Image-editing programs – Photoshop (does the work of all 3)

Graphics Programs Features Graphics types Compatibility Graphics files – tiff, jpeg, bmp, gif … Layers Image enhancement Selection tools Color adjustments

Graphics Programs Features (Cont.) Image manipulation Filters Antialiasing  Smoothes edges by blending colors Text support Hardware support Open architecture

Using Graphics on the Internet Techniques to speed transfer times  File compression – reduces the file size of a graphic  Load images in stages  Use thumbnails  Use image editing programs

Graphic Image Sources Alternative image sources  Clip art  Stock photographs  Video images  Still images  Scanned images  Photo CD’s  Screen-capture programs

Other Resources Some of the sources for font shopping EyeWire ( garageFonts ( LetterSpace ( BitStream ( MyFonts ( T26 ( P22 ( FontHaus (

The End University of North Texas Dr. Vicky Cereijo