An bitmapped image on the computer is represented by many pixels. A pixel is basically a dot on the computer screen.

Slides:



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

Computer Fundamentals Multimedia MSCH 233 Lecture 10.
Multimedia Mr. Sanchez.
Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Droddy.  “Pixel” is short for two words: Picture and Element. Pixels (tiny squares) combine to form the image the human eye perceives Too small for the.
Sounds, Images & Other Objects Website Production.
Introduction to Computer Graphics
Object Orientated Data Topic 5: Multimedia Technology.
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
Pixels Minute University Richard Fisher 2/4/2002 Richard Fisher2 PixelsPixels  Picture Element  A single point in an electronic image  The.
Dedicated Vector and Bitmap editing software.
Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.
WEB GRAPHICS. The Pixel Computer displays are comprised of rows and columns of pixels. Pixels are indivisible. Some common screen resolutions are:, 600.
Computer Concepts – Illustrated 8th edition
MULTIMEDIA M U A T H H U M A I D R a s h A t a l l a h.
CSCI-235 Micro-Computers in Science Hardware Part II.
Lecture 4 - Introduction to Computer Graphics
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
Representing Nonnumeric Data Everything is really a number.
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.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
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.
Photoshop Software Rasterized, file formats, and printing choices.
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
File Name Extensions Computer Applications 7th grade.
Copyright © 2009 Curt Hill The Picture Object Getting and displaying.
Types of Data. Numbers Text Pictures Sound Video.
M404 Multimedia Elements Form 4.
Information Processes and Technology Multimedia: Graphics.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
Image formats. Basic terminologies… Pixels: Pixels are the building blocks of every digital image. a pixel is a single point in a graphic image. Resolutions:
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
Competency 002 By Kari Knisely. The Master Technology Teacher knows and applies basic strategies and techniques for using graphics and animation. Knows.
File Format. Graphics file Format GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) TIFF (Tag.
Raster vs Vector Graphics And Other Digital Terms.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Digital Imaging 101 Ann Ware
Lecture 7: Intro to Computer Graphics. Remember…… DIGITAL - Digital means discrete. DIGITAL - Digital means discrete. Digital representation is comprised.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Pixels Minute University Richard Fisher 2/4/2002 Richard Fisher2 PixelsPixels  Picture Element  A single point in an electronic image  The.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
CSCI-100 Introduction to Computing Hardware Part II.
The Web. Web Servers and File Transfer Protocol (FTP)
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
1 Multimedia Literacy Taxonomy of Multimedia Objects.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
DIGITAL MEDIA FOUNDATIONS
Chapter 04: Specialized Application Software
Getting and displaying
Graphics and Multimedia
Types of Graphics Technological Design.
Binary Representation in Audio and Images
2.01 Understand Digital Raster Graphics
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
Multimedia: making it Work
Introduction to Computer Graphics
Web Design and Development
2.01 Understand Digital Raster Graphics
Digital Media Objective
Final Study Guide Arts & Communications.
2.01 Understand Digital Raster Graphics
Color and Images.
Lecture 4 - Introduction to Computer Graphics
WJEC GCSE Computer Science
Presentation transcript:

An bitmapped image on the computer is represented by many pixels. A pixel is basically a dot on the computer screen.

A pixel is made up of an RGB (Red, Green, Blue) value. Red, green and blue each have a value of 0 to 255. Examples  Black (0,0,0)  Red (255, 0, 0)  Green (0, 255, 0)  Blue (0, 0, 255)

Common bitmapped images ExtensionName BMPBitmap GIFGraphics Interchange Format JPGJoint Photographics Expert Group PNGPortable Network Graphics TIFFTagged Image File Format

Although many different types of bitmapped images exist GIF and JPG are used most (especially on the web) JPGs are used for photographs GIFs are mainly used for graphics (clip art, animations) These formats do the best job of balancing quality and file size

GIFJPG

Vectors are another image format but quite different from bitmaps Uses points, line and curves and relies on mathematical equations to create images The main format for vectors is Scalable Vector Graphics

By combining our programming skills and our new knowledge of images we can easily manipulate images This allows us to create “filters” much like an image editing program such as Photoshop or Fireworks

Images can easily be added to Java programs However, this topic will be covered in Intermediate Programming A package named Javax.Swing must be imported Just remember JPG and GIF work best with Java for now

By using a pre-existing Picture class (courtesy of Mark Guzdial and Barb Ericson at Georgia Tech) we can easily create Picture objects and modify them We will work with bitmapped images (GIF and JPG)

Using the Picture class we can create an image object The pixels that make up the image can easily be placed into an array So, if we access the pixels through an enhanced for loop we can modify the RGB values If every pixel is modified a filter is created

Follow along with my demonstration and we will modify our first picture together

MIDI (Musical Instrument Digital Interface) industry-standard protocol than allows electronic instruments and computers to communicate with one another MIDI makes is possible for computers, synthesizers, sounds cards, drum machines and samplers to control one another and exchange data No audio signal is produced, rather data is sent to determine the pitch and intensity of music

Sampled sounds (such as WAV files) are actual recordings Sampled sound allows for human voice to be synthesized