MED 2001 Advanced Media Production

Slides:

Advertisements

Similar presentations

Multimedia Mr. Sanchez.

Advertisements

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.

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.

2.01 Understand Digital Raster Graphics

Graphics in the web Digital Media: Communication and Design

File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.

File Types, Sizes & Dots Per Inch (dpi) Best practices applied to Photoshop file formats when creating media-specific documents. Bit Depth is the number.

Digital Images. Scanned or digitally captured image Image created on computer using graphics software.

Introduction to Graphic Arts Technology PRINT Versus WEB.

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

Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.

Dean Pentcheff NHMLAC MBPC/Crustacea 17 April 2006.

Types of content Contone –DEMS –Photos –Some statistical layers Spot color (drawings, vector) –Points –Polylines –polygons –Categorical rasters: Land cover.

Digital Imaging Raster (Bitmapped) Images. 1. How they work…  Image data is stored in literal “map”  Each pixel (picture element) is measured for its.

Digital Images Chapter 8, Exploring the Digital Domain.

BFTAW BDPA Workshop Introduction to GIMP Chris

07: Color in Interactive Digital Media

Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.

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.

Foundations of Web Design I Photoshop CS5 Michael Daniel

SOFTWARE TYPES Word processing Page layout Paint Draw.

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

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 Images Communicating Information : Documents and Publications.

Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.

Graphics workshop Library and Information Services University of St Andrews.

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.

2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.

Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.

$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $

Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.

Raster Graphics 2.01 Investigate graphic image design.

Graphics Concepts Presentation

Resolution The resolution of an image is determined by the number of individually addressable points that make up the image, whether it is the number.

Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.

Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.

Multimedia and weBLOGging Grade 7-9 | Cahaya Bangsa Classical School (C) 2010 Digital Media Production Facility 03 - Still Picture 01 – Basics.

BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS

2.01 Understand Digital Raster Graphics

Common Bitmap Image File Types

2.01 Understand Digital Raster Graphics

DIGITAL MEDIA FOUNDATIONS

Understanding Web Graphics

Images Data Representation.

Types of Graphics Technological Design.

2.01 Understand Digital Raster Graphics

Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.

2.01 Investigate graphic image design.

Bitmap vs. Vector.

Raster Images CPSC 1030.

1.01 Investigate graphic types and file formats.

EEE3112 Introduction to Multimedia Application & Technology Chapter 1: Image Development by Muhazam Mustapha, September 2012.

Graphics Basic Concepts.

Computer Graphics Using “Adobe Photoshop”

2.01 Understand Digital Raster Graphics

Colour Theories.

2.01 Investigate graphic image design.

Nuts and Bolts of Digital Imaging

2.01 Understand Digital Raster Graphics

Web Programming– UFCFB Lecture 7

Color and Images.

Multimedia System Image

Basic Concepts of Digital Imaging

timo. fi (59003) www. biocenter

2.01 Investigate graphic image design.

"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.

2.01 Investigate graphic image design.

Presentation transcript:

MED 2001 Advanced Media Production Lecturer: Stefan Lutschinger S.Lutschinger@mdx.ac.uk https://www.facebook.com/groups/advanced.media.production/

Lesson Plan Theory of computer graphics The basics: What is resolution? What are image file formats? What are colour models? Practical exercise Brochure

A. What is resolution? Unit of measurement: DPI: dots per inch Screen: Print: 150 dpi or more (300)

B. Image file formats: Concepts Types: Vector graphics vs. bitmap images Bitmap images: Indexed vs. true colour Uncompressed vs. compressed Compression: Lossy vs. lossless

B. Image file formats: Examples Raster images: JPG: bitmap image, true colour, compressed, lossy GIF: bitmap image, indexed, compressed (LZW), lossless RAW: bitmap image, true colour uncompressed, lossless TIFF: bitmap image, true colour compressed (LZW), lossless Vector graphics: AI (Adobe Illustrator) Compound formats: PDF INDD (Adobe InDesign)

C. Colour models True colour: Indexed: Formats: Formats: GIF, PNG 8-bit 256 colours Alpha-channel (transparency) A colour palette refers to colour values (flexible) Special features for web, like animation. True colour: Formats: JPG, RAW, TIFF 16.7 mill colours No alpha-channel Each primary colour value is stored numerically in 8-bit (256 shades) 256 red x 256 blue x 256 green = 16.7 mill colours

Additive color mixing: (Screen) Subtractive color mixing: (Print) Three overlapping lightbulbs in a vacuum, adding together to create white. Three splotches of paint on white paper, subtracting together to turn the paper black.

A 10 × 10-pixel image on a computer display usually requires many more than 10 × 10 printer dots to accurately reproduce, due to limitations of available ink colors in the printer. The whole blue pixels making up the sphere are reproduced by the printer using cyan, magenta, and black.

Download exercise at: http://tinyurl.com/q8pfmme