IMAGES.

Slides:



Advertisements
Similar presentations
Objectives Define photo editing software
Advertisements

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.
Lecture 6 Graphics, Number Systems. 7.2 Bit-map Graphics Similar to real painting on the canvas, there is no way to change something but paint over it.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Introduction to Computer Graphics
Vector vs. Bitmap SciVis V
What is it? The use of computers to present text, sound, graphics, animation and video in an integrated way.
Chapter 6-Images. Overview Creation of multimedia images. Creation of still images. Colors and palettes in multimedia. Image file types used in multimedia.
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.
Graphical images Bit-mapped (or raster-based) image: Matrix describing the individual dots that are the smallest elements (pixels) of resolution on a computer.
COM 205 Multimedia Applications St. Joseph’s College Fall 2004.
Dedicated Vector and Bitmap editing software.
Graphics.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 19 Other Graphics Considerations Review.
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.
Lecture 4 - Introduction to Computer Graphics
9/18/20151 Lesson 6 Images. 9/18/20152 Overview Creation of multimedia images. Creation of still images. Colors and palettes in multimedia. Image file.
Vector vs. Bitmap
Adobe Fireworks CS3 Revealed CHAPTER ONE: GETTING STARTED WITH ADOBE FIREWORKS.
Macromedia Fireworks 8 Revealed MACROMEDIA FIREWORKS GETTING STARTED WITH.
© 2011 The McGraw-Hill Companies, Inc. All rights reserved Chapter 3: Images.
Multimedia Software Tools. 3-D Modeling and Animation Tools 3-D modeling gives images a 3-dimensional look. It can be used along with animation, for instance,
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Multimedia Elements –Graphics. Graphics in Multimedia Applications.
Chapter 3: Images Yaqoob Al-Slaise ITBIS351. Outline Work out your graphical approach by planning your approach Organizing your tools Configuring your.
Computer Graphics Bitmap v Vector Graphics. Learning Objectives: By the end of this topic you should be able to:
Vector vs. Raster Objectives:
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.
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.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
Images.
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.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Guilford County SciVis V104.03
COM 205 Multimedia Applications St. Joseph’s College Fall 2004.
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.
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
Bitmap vs. Vector How computers work with photographs and drawings.
Vector vs. Bitmap. Vector Images Vector images (also called outline images) are images made with lines, text, and shapes. Test type is considered to be.
Chapter 14 Working with Graphics
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Multimedia: making it Work
TOPIC 3 - GRAPHICS.
Vector (Shapes) vs. Raster (Pixels)
Graphics and Multimedia
Getting Started with Adobe Photoshop CS6
Lesson 22 Graphics Software.
Vector vs. Bitmap.
CSI-447: Multimedia Systems
Tools and techniques.
Adobe Flash Professional CS5 – Illustrated
MOHD SAIFULNIZAM ABU BAKAR
Lecture Week 4 Images.
MS 2013 POWERPOINT.
McGraw-Hill Technology Education
LET’S LEARN ABOUT GRAPHICS!
Introduction to Computer Graphics
Chapter Lessons Understand the Fireworks work environment
Digital Media Objective
Chapter 3 IMAGES.
Vector (Shapes) vs. Raster (Pixels)
Lesson 22 Graphics Software.
Lecture 4 - Introduction to Computer Graphics
Presentation transcript:

IMAGES

Before You Start to Create Plan your approach using flowcharts and storyboards Organize your tools ( text, buttons, sounds, etc.) Use multiple monitors (especially for a program like Director where changes in one window are visible in the presentation window)

Making Still Images Bitmaps ( or paint graphics) – used for photo-realistic images and detailed drawings Vector graphics – used for lines, polygons and other mathematical objects Saved as GIF,JPEG,PNG files with compression

Bitmaps Bitmap is derived from the words ‘bit’, which means the simplest element in which only two digits are used, and ‘map’, which is a two-dimensional matrix of these bits. A bitmap is a data matrix describing the individual dots of an image.

A simple information matrix describing the dots or pixels which make up the image Make it with paint or drawing program Grab it and (save it) then paste it into you application Scan or digitize an image Bitmapped images are known as paint graphics. A bitmap is made up of individual dots or picture elements known as pixels or pels. Bitmapped images can have varying bit and color depths

Bitmaps are an image format suited for creation of: Photo-realistic images. Complex drawings. Images that require fine detail.

Available binary Combinations for Describing a Color

Where do bitmaps come from. How are they made Where do bitmaps come from? How are they made? You can do the following: ■ Make a bitmap from scratch with a paint or drawing program. ■ Grab a bitmap from an active computer screen with a screen capture program, and then paste it into a paint program or your application. ■ Capture a bitmap from a photo or other artwork using a scanner to digitize the image. ■ Once made, a bitmap can be copied, altered, e-mailed, and otherwise used in many creative ways.

Bitmap Software's The industry standard for bitmap painting and editing programs are: Adobe's Photoshop and Illustrator. Macromedia's Fireworks. Corel's Painter. CorelDraw. Quark Express.

Capturing and Editing Images Capturing and storing images directly from the screen is another way to assemble images for multimedia. The PRINT SCREEN button in Windows and COMMAND-CONTROL-SHIFT-4 keystroke on the Macintosh copies the screen image to the clipboard. From there you can insert it into a paint program or other application.

Clipboard Both the Macintosh and Windows environments have an area of memory where data such as text and images is temporarily stored when you cut or copy them within an application

Advanced Image Editing Image editing programs allow you to insert and remove images from photos Enable you to alter and distort images, add and delete elements Morphing blends two images so that one seems to “melt” into the other

Scanning Images Everyday objects can be scanned and manipulated using tools such as Photoshop Traditional artwork created with pen and ink or watercolors can be created and scanned

Vector Drawing Used for lines, rectangles, geometric objects- stored mathematically CAD ( computed aided design) programs created complex and geometric renderings needed by architects and engineers Programs for 3-D animation use vector graphics for rotation,spinning and shading

How Vector Drawing Works Vector drawn object are drawn to the computer screen using a fraction of the memory space required by a bitmap. A vector is a line described by its endpoints, and sometimes direction A rectangle might be described as: RECT, 0, 0,200, 200 Starts at 0,0 and extends 200 pixels horizontally and 200 pixels downward from the corner ( a square) RECT, 0, 0,200, 200, red, blue This is the same square with a red border filled with blue

Converting Bitmaps into Vectors Most drawing programs offer several file formats for saving and converting images. Converting bitmaps to drawn object is more difficult autotracing It computes the bounds of an object and its colors and derives the polygon that most nearly describes it Freehand

3-D Drawings Scenes consist of objects that in turn contain many small elements such as blocks, cylinders, spheres, or cones Objects and elements in 3-D space carry with them properties such as shape, color, texture, shading, and location. Objects are created by modeling them using a 3-D application. To model an object that you want to place into your scene, you must start with a shape.

When you extrude a plane surface, its shape extends some distance, either perpendicular to the shape’s outline or along a defined path.

When you lathe a shape, a profile of the shape is rotated around a defined axis (you can set the direction) to create the 3-D object.

Once you have created a 3-D object, you can apply textures and colors to it to make it seem more realistic, whether rough and coarse or shiny and smooth.

Complete the modeling of your scene or an object render it for final output Rendering is when the computer finally uses intricate algorithms to apply the effects you have specified on the objects you have