Computer Graphics Prepared by Dragon Lee 1 January 2003.

Slides:

Advertisements

Similar presentations

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

Advertisements

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.

Foundation Level Course

Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.

1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.

Introduction to Computer Graphics

October 2001Sheffield Hallam University1 Raster Graphics Raster formats used for storing digitized photographs, scanned artwork. comprised of individual.

1 Introducing Macromedia Flash MX – Lesson 1 Flash MX adds content and animation to Web pages Flash MX movies use vector graphics to reduce size and download.

Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.

Raster vs Vector and Image Resolution By Josh Gallagan.

V Obtained from a summer workshop in Guildford County July, 2014

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.

Graphic Images 101. Painted on a grid Drawn mathematically.

Dedicated Vector and Bitmap editing software.

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.

MULTIMEDIA M U A T H H U M A I D R a s h A t a l l a h.

© 2000 – All Rights Reserved - Page 1 Workflow in Computer Graphics Workflow in Computer Graphics For Print and For the Web.

Module Code: CU0001NI Technical Information on Digital Images Week -2.

Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.

1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.

Basic Knowledge of Web creation. Computer graphic knowledge Graphic file has 2 types Raster Graphic A bitmap or raster image are comprised of pixels in.

Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,

TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.

XP Tutorial 1 Introduction to Macromedia Flash MX 2004.

Graphics and Animation Multimedia Projects Part 2.

EDT321EDT321 1 Summer Session Online Presentations Presentation Guidelines Design Guidelines Graphic File Types Power Point Skills PowerPoint Project.

Files, File Format Folders Paths, URL Absolute Addresses Relative Addresses © Ms. Masihi.

Tutorial 1 Introducing Adobe Flash CS3 Professional

Multimedia Elements II Graphics, Digital Video. UIT - Multimedia Production2 Multimedia Elements Multimedia elements include: Text Graphics Animation.

Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.

Graphics. Graphic is the important media used to show the appearance of integrative media applications. According to DBP dictionary, graphics mean drawing.

ADOBE PHOTOSHOP VECTOR VS RASTER. Pixel A pixel is the fundamental unit of an image in Photoshop. It is a small square block of color. An image often.

Introduction to Graphics. Terms n Computer Aided Design (CAD) –using computer graphics to draft a model, can be tested on screen n Computer Aided Manufacturing.

Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.

Vector vs. Raster Objectives:

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

Graphic Image Editing Software. It removes White Backgrounds CS3 Fireworks is for Editing Non-Photo Images.

Flash Adding Multimedia Content to Web Pages. What is it? A multimedia program Combines motion, graphics, sound, and interactivity in web page formats.

Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.

File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.

Graphics Concepts Presentation

1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.

Vector vs. Raster What’s the difference between vector and raster file formats? The real difference between the two formats is how they are used.

Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.

EUROTECHNIKI PRODUCTION OF MULTIMEDIA MATERIALS FOR EDUCATION MODULE 5: PRODUCTION OF MULTIMEDIA MATERIALS FOR EDUCATION ANTWERP MEETING JANUARY.

NANJING UNIVERSITY OF INFORMATION SICENCE & TECHNOLOGY Competencies Competencies  Graphics software, including desktop publishing, image editors, illustration.

Graphics Basic Concepts 1.  A graphic is an image or visual representation of an object.  A visual representation such as a photo, illustration or diagram.

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.

BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS

Introducing Macromedia Flash 8

Digital Imaging 101 Ann Ware.

Computer Graphics Presented by: May Lau.

Types of Graphics Technological Design.

Web Graphics By Chris Harding.

Lesson 22 Graphics Software.

Basic Knowledge of Web creation

Adobe Fireworks.

Bitmap vs. Vector.

Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.

ADOBE FIREWORKS.

Graphics and Animation

Graphics Basic Concepts.

Objective % Explain concepts used to create digital animation.

Digital Media Objective

Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt

Final Study Guide Arts & Communications.

Graphics Basics.

Graphics and Animation

Presentation transcript:

Computer Graphics Prepared by Dragon Lee 1 January 2003

Use of Computer Graphics Movies Movies Games Games Medical Imaging Medical Imaging Computer Aided Design Computer Aided Design Scientific Visualization Scientific Visualization Graphics User Interfaces Graphics User Interfaces Presentation Presentation

Concept & Terminology Pixel – basic element of a bitmap graphics. Pixel – basic element of a bitmap graphics. Resolution – the no. of pixels in horizontal and vertical dimension. Resolution – the no. of pixels in horizontal and vertical dimension. Colors – the RED, GREEN, BLUE value of a pixel. Colors – the RED, GREEN, BLUE value of a pixel. Gray Levels – 256 gray levels Gray Levels – 256 gray levels Objects – graphics elements that can move freely. Objects – graphics elements that can move freely.

Types of Computer Graphics Bitmap Graphics Bitmap Graphics Based on pixels Based on pixels Does not scale well Does not scale well Jagged( 起鋸齒 ) after enlargement Jagged( 起鋸齒 ) after enlargement Vector Graphics Vector Graphics Based on mathematical formula Based on mathematical formula Scale well Scale well

Creating & Editing a graphic image Drawing primitive: Drawing primitive: Dots, lines, curves, circles, ellipse, rectangles. Dots, lines, curves, circles, ellipse, rectangles. Painting: Painting: Color fill Color fill Editing operations: Editing operations: Scale Scale Transform Transform Group and Ungroup Group and Ungroup Merge (combine all objects/layers into background layer) Merge (combine all objects/layers into background layer) Flip horizontal / vertical Flip horizontal / vertical Rotate Rotate

Presentation Graphics Presentation Software Presentation Software Eg. Microsoft PowerPoint Eg. Microsoft PowerPoint Reminder on using presentation software Reminder on using presentation software Apply a template to save your valuable time. Apply a template to save your valuable time. Use transition effects and building effects to enrich your presentation visually. Use transition effects and building effects to enrich your presentation visually. Control the time of your slide show to achieve automation. Control the time of your slide show to achieve automation. Add Sounds to your presentation Add Sounds to your presentation

Common graphics format GIF (Widely used on the Internet) GIF (Widely used on the Internet) Animated GIF (Widely used on the Internet) Animated GIF (Widely used on the Internet) JPG/JPEG (Widely used on the Internet) JPG/JPEG (Widely used on the Internet) Bmp (Windows graphics format) Bmp (Windows graphics format) Psd (PhotoShop file format) Psd (PhotoShop file format) Ufo (PhotoImpact file format) Ufo (PhotoImpact file format) Ai (adobe illustrator – Vector) Ai (adobe illustrator – Vector) Fla / swf (Macromedia Flash -- Vector) Fla / swf (Macromedia Flash -- Vector)

Reference The Mathematics of Web Design The Mathematics of Web Design b/ b/ b/ b/ VRML Sites VRML Sites ml ml ml ml