Eleven colors and rasters. Color objects Meta represents colors with color objects You can create a color by saying: [color r g b] r: amount of red (0-255)

Slides:

Advertisements

Similar presentations

Pixels and Digital Images Yrd. Doc. Dr. Ahmet Sayar Kocaeli Universitesi Bilgisayar Muhendisligi Ileri Bilgisayar Grafikleri.

Advertisements

CS2984: Introduction to Media Computation Drawing directly on images.

Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.

Four simple expressions in meta. Data objects Pieces of data in a computer are called objects Today, we’ll talk about four kinds of objects Numbers Pictures.

Eleven colors and rasters. Color objects [color name] Returns color with the specified name [color red green blue] Returns color with the specified amounts.

Graphics File Formats. 2 Graphics Data n Vector data –Lines –Polygons –Curves n Bitmap data –Array of pixels –Numerical values corresponding to gray-

Eleven colors and rasters. Color objects Meta represents colors with color objects You can create a color by saying: [color r g b] r: amount of red (0-255)

Twelve painting with procedures. Overview Making shaded images with procedures Making a more elegant language Making textures with noise functions.

Four simple expressions in meta. Data objects Pieces of data in a computer are called objects Today, we’ll talk about four kinds of objects Numbers Pictures.

Eighteen painting with procedures. Review [bitmap-from-procedure procedure width height] Returns a bitmap width pixels by height pixels Obtains colors.

Images. Image File Formats All browsers support All browsers support –GIF (Graphic Interchange Format)  limited to 256 colors  lossless compression.

How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.

Graphics and Multimedia. Introduction The language contains many sophisticated drawing capabilities as part of namespace System.Drawing and the other.

CS110: Computers and the Internet Color and Image Representation.

Graphical images Bit-mapped (or raster-based) image: Matrix describing the individual dots that are the smallest elements (pixels) of resolution on a computer.

Data starts with width and height of image Then an array of pixel values (colors) The number of elements in this array is width times height Colors can.

ICS 61 - Graphics. Light Color Wheel Color Perception.

WEB GRAPHICS. The Pixel Computer displays are comprised of rows and columns of pixels. Pixels are indivisible. Some common screen resolutions are:, 600.

Unit 30 P1 – Hardware & Software Required For Use In Digital Graphics

Color Names All standards-compliant browsers should handle these color names These color names can be used with the CSS properties of color and background-color.

1 Color Processing Introduction Color models Color image processing.

Computer Graphics Using “ Adobe Photoshop ” Introduction to E-Learning Center, DAD presents Workshop on Instructor: Mazhar.

Digital Images Chapter 8, Exploring the Digital Domain.

Lab #5-6 Follow-Up: More Python; Images Images ● A signal (e.g. sound, temperature infrared sensor reading) is a single (one- dimensional) quantity that.

Simple Graphics. Graphics Used in PowerPoint, Web pages and others Basic Knowledge drawing change of colour, shape and others acquiring, video camera,

CS1315: Introduction to Media Computation Picture encoding and manipulation.

Images Data Representation. Objectives  Understand the terms bitmap & pixel  Understand how bitmap images are stored using binary in a computer system.

© 1999 Rochester Institute of Technology Introduction to Digital Imaging.

Nov 061 Size Control How is a component’s size determined during layout and during resize operations? Three factors determine component sizes: The component’s.

Multimedia in Web Images. A Picture Tells A Thousand Words Forms of Images Photograph Painting Symbol Logo Flag Map Diagram Functions Provide facts Explain.

September 21, COMPUTER VISION WEB PAGE IS UP !! OR Simply go to computer science homepage.

Image Representation. Objectives  Bitmaps: resolution, colour depth and simple bitmap file calculations.  Vector graphics: drawing list – objects and.

Color and Resolution Introduction to Digital Imaging.

Elements of Art The elements of art are a set of visual techniques that describe ways of presenting artwork. Elements of art also refer to the visual language.

CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.

CS112 Scientific Computation Department of Computer Science Wellesley College Numb3rs Number and image types.

Image Representation. Digital Cameras Scanned Film & Photographs Digitized TV Signals Computer Graphics Radar & Sonar Medical Imaging Devices (X-Ray,

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.

3461 Output Model A picture is worth a thousand words.

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.

Chapter 3 - Photoshop® Elements Outline 3.1 Introduction 3.2 Image Basics 3.3 Vector and Raster Graphics 3.4 Toolbox Selection Tools Painting.

The Seven Elements of Art Ms. Hanson/ART 1. Definition of The Elements of Art The elements of art are a commonly used group of aspects of a work of art.

Digital Imaging Fundamentals Ms. Hema C.R. School of Mechatronic Engineering.

 By Bob “The Bird” Fiske & Anita “The Snail” Cost.

POWERPOINT PLUS 11/17/07 Class Notes. WHAT IS A PIXEL A pixel is a number that represents the intensity of light at a square spot in the picture. Pixels.

Computer Science 121 Scientific Computing Winter 2014 Chapter 14 Images.

Image File Formats By Dr. Rajeev Srivastava 1. Image File Formats Header and Image data. A typical image file format contains two fields namely Dr. Rajeev.

Digital Graphics Vocabulary Texas State University CI5363 Florence Yang.

TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.

Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.

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

The Elements of Art Mrs. Love The Elements of Art There are 7 basic elements of art. These elements are the visual language of art.

Red Green Blue (RGB) Colour conversions Y and RGB Link In the images, the lighter the colour intensity (Red, Green, Blue), the more the contribution.

Colour CPSC Colour ● Models ● RGB ● CMY(K) ● HSB (or HSV) ● RYB ● Harmonies ● Monochrome ● Complementary ● Analogous ● Triadic.

Unit 2.6 Data Representation Lesson 3 ‒ Images

Representation of image data

Graphics 1 Graphics 2 Color 2 I Spy 1pt 1 pt 1 pt 1pt 1 pt 2 pt 2 pt

Introduction to raster graphics

Graphics and Multimedia

LET’S LEARN ABOUT GRAPHICS!

Color Values All colors in computer images are a combination of red, green and blue Each component is encoded as a number means the color is.

Data Representation.

Computer Graphics Using “Adobe Photoshop”

Representing Images 2.6 – Data Representation.

Geb Thomas Adapted from the OpenGL Programming Guide

COMS 161 Introduction to Computing

Colors Computers build colors from Red, Green, and Blue; not Red, Blue, and Yellow. RGB = Red Green Blue Creating Colors Red + Blue = Purple No Red, No.

12.4 p 471 a) double[] number = {1.05, 2.05, 3.05, 4.05, 5.05};

Visuals are analog signals...

Presentation transcript:

eleven colors and rasters

Color objects Meta represents colors with color objects You can create a color by saying: [color r g b] r: amount of red (0-255) g: amount of green (0-255) b: amount of blue (0-255) [red c], [green c], [blue c] return the amount of red, green or blue in the color c

Rasters (a.k.a. bitmaps) A bitmap is a specific kind of data object that represents an image E.g. JPEG files, GIF files, paint files But not like draw programs or the pictures we’ve been making so far Has a prespecified width and height (in pixels) It allows you to explicitly retrieve (or change) the color at each pixel

Bitmap procedures [new Bitmap string] Reads in the the jpeg or gif file with name string Converts it to internal bitmap format and returns it [height bitmap], [width bitmap] Returns the width/height of a bitmap, in pixels [pixel bitmap x y] Returns the specified pixel of the bitmap [bitmap-from-procedure procedure width height] Makes a bitmap of size width×height Repeatedly calls procedure with the x and y coordinates of each pixel to get the color of the pixel

Example The procedure [x y → [color x x x]] Returns a color with equal amounts of red, green, and blue light So it’s grey It’s brightness varies with its horizontal position ► [bitmap-from-procedure [x y → [color x x x]] ] ►

Example 2 The procedure [x y → [color x 0 y]] Changes red and blue independently So hue varies over space ► [bitmap-from-procedure [x y → [color x 0 y]] ] ►

Example 3 ► [define sine-wave [n → [+ 128 [× 127 [sin [∕ n 20]]]]]] ► [bitmap-from-procedure [x y → [color 0 [sine-wave x] [sine-wave y]]] ]

Bitmap procedures [map-bitmap procedure bitmap] Makes a new bitmap of the same size as bitmap Calls procedure with each pixel of bitmap Procedure returns the color of the respective pixel for the new bitmap Returns the new bitmap

Extracting color components of an image ► [define cones [new Bitmap “c:/documents and settings/ian/my documents/cones.jpg”]] ►

Extracting color components of an image ► [define gray [i → [color i i i]]] ► [map-bitmap [c → [gray [red c]]] cones] ► ► [map-bitmap [c → [gray [green c]]] cones] ► Note: the gray procedure is already built in