Mirjana Devetakovic, M.Sc. CAAD - Images Beograd, 2011.

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

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.
Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.
Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
File Types, Sizes & Dots Per Inch (dpi) Best practices applied to Photoshop file formats when creating media-specific documents. Bit Depth is the number.
WEB GRAPHICS. The Pixel Computer displays are comprised of rows and columns of pixels. Pixels are indivisible. Some common screen resolutions are:, 600.
Digital Images Chapter 8, Exploring the Digital Domain.
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.
Getting the Basics Graphics for the Web McIntyre, Period 2 Kellogg, Period 5.
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.
Foundations of Web Design I Photoshop CS5 Michael Daniel
SOFTWARE TYPES Word processing Page layout Paint Draw.
THE THEORY & CONCEPTS Lesson 1 – Part 1. What is Graphic Design It’s a CREATIVE PROCESS Undertaken in order to convey a specific message/s I can’t teach.
Graphics and Animation Multimedia Projects Part 2.
Web Image Basics Comp 140 December 2. Vector Graphics Can be repositioned or resized – Will not diminish output quality Typically stored in AI, EPS, PICT.
+ 5 Things you need to know about images* *Images for the web.
Raster Graphics. An image is considered to be made up of small picture elements (pixels). Constructing a raster image requires setting the color of each.
Chapter 1. Introduction. Goals of Image Processing “One picture is worth more than a thousand words” 1.Improvement of pictorial information for human.
Computer Images Can store color info about each pixel, but makes file BIG Compression for Web 15.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
Graphics workshop Library and Information Services University of St Andrews.
Image Representation. Digital Cameras Scanned Film & Photographs Digitized TV Signals Computer Graphics Radar & Sonar Medical Imaging Devices (X-Ray,
Types of Graphics  Vector Individual scalable objects defined by mathematical equations  Bitmap Pixels (tiny, single-colored square) in a grid Most.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
Digital imaging and web design ©2003, Mark Rayner Colour, Graphics & Layout How we see Colour systems Graphic files Composition.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
A BCDE.
Using the Sony DSC-P52 Camera Sunday, December 06, 2015.
Raster Graphics 2.01 Investigate graphic image design.
Graphics Concepts Presentation
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
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.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Image Editing Vocabulary Words Pioneer Library System Norman Public Library Nancy Rimassa, Trainer Thanks to Wikipedia ( help.
Image File Formats Which one is right for me?. The Only Three Image Formats Your Will Ever Need: Names Jpg “Joint Photographic Experts Group” Png “Portable.
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.
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.
Sampling, Quantization, Color Models & Indexed Color
Introduction to raster graphics
Image Formats.
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
2.01 Investigate graphic image design.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Digital Images.
Image File Size and File Compression
Graphics and Animation
Graphics and Animation
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
Сабақтың тақырыбы: Компьютерлік графика негіздері
Photoshop: Creating and Preparing Images for the Web
2.01 Investigate graphic image design.
Nuts and Bolts of Digital Imaging
Color and Images.
Multimedia Graphics.
Basic Concepts of Digital Imaging
2.01 Investigate graphic image design.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Graphics and Animation
2.01 Investigate graphic image design.
Creating Digital Graphics
Presentation transcript:

Mirjana Devetakovic, M.Sc. CAAD - Images Beograd, 2011.

Belgrade, 2011 CAAD – Digital Images A picture is worth a thousand words A picture is worth a thousand words is a familiar proverb that refers to the idea that complex stories can be told with just a single still image, or that an image may be more influential than a substantial amount of text. It also aptly characterizes the goals of information visualization where large amounts of data must be absorbed quickly.proverbinformation visualization

Belgrade, 2011 CAAD – Digital Images “Imaginaire scientifique”

Belgrade, 2011 CAAD – Digital Images Pixel and Voxel ■Pixel – Picture Element ■Voxel – Volume Element

Belgrade, 2011 CAAD – Digital Images Resolution ■Low-resolution images ■High-resolution images

Belgrade, 2011 CAAD – Digital Images Compression ■RLE (Run-Length Encoding) ■Quadtree encoding

Belgrade, 2011 CAAD – Digital Images Color – RGB vs. CMYK

Belgrade, 2011 CAAD – Digital Images Color – RGB Model

Belgrade, 2011 CAAD – Digital Images Color – CMYK Model (Cyan, Magenta, Yellow + blacK)

Belgrade, 2011 CAAD – Digital Images Color – HSL Model (Hue, Saturation, Lightness)

Belgrade, 2011 CAAD – Digital Images Palette

Belgrade, 2011 CAAD – Digital Images Image Formats ■BMP – (Bit Map, no compression) ■GIF – (Graphic Interchange Format, Web based, 255 colors, supporting animated sequences) ■TIFF – (Tagged Image File Format, printing) ■JPG (JPEG) – (Joint Photographic Experts Group, photos and continuous tone images, compression settings) ■PNG – (Portable Network Graphics)

Belgrade, 2011 CAAD – Digital Images Image Processing ■Resize ■Crop ■Contrast / Brightness ■Hue / Saturation / Lightness

Belgrade, 2011 CAAD – Digital Images Image Processing ■Contrast / Brightness

Belgrade, 2011 CAAD – Digital Images Color – Hue, Saturation, Lightness