Tech Technicalities I Mills SOC128 Fall 2013 Dan Ryan.

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.

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.

2.01 Understand Digital Raster Graphics

Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.

File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.

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

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.

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

Web Design, 4 th Edition 5 Typography and Images.

GRAPHICS/IMAGES INFSCI Source: Learning Web Design by Jennifer Niederst RobbinsJennifer Niederst Robbins Creating Images:  Scanning  Be aware.

Web Design, 5 th Edition 5 Typography and Images.

Web Graphics Image File Formats Image optimization Accessibility issues Using images and colors on the web.

File Formats About graphic file formats And image compression.

Module Code: CU0001NI Technical Information on Digital Images Week -2.

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.

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.

Digital Image: Representation & Processing (2/2) Lecture-3

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.

Digital File Formats ACCT-IGD-10: Students will generate and manipulate various graphic imaging processes. ACCT-IGD-15: Students will identify and produce.

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.

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.

File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.

File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.

Types of Graphics  Vector Individual scalable objects defined by mathematical equations  Bitmap Pixels (tiny, single-colored square) in a grid Most.

 JPEG is a standardized image compression mechanism.  JPEG stands for Joint Photographic Experts Group.  JPEG is designed for compressing either full-

Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

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

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

Raster Graphics 2.01 Investigate graphic image design.

Digital Images are represented by manipulating this…

Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.

Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.

1 Perception and VR MONT 104S, Fall 2008 Lecture 20 Computer Graphics and VR.

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.

HTTP transaction with Graphics HTML file + two graphics files.

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.

2.01 Understand Digital Raster Graphics

File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.

2.01 Understand Digital Raster Graphics

DIGITAL MEDIA FOUNDATIONS

Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Sampling, Quantization, Color Models & Indexed Color

Binary Representation in Audio and Images

2.01 Understand Digital Raster Graphics

Introduction to raster graphics

2.01 Investigate graphic image design.

Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.

2D Drawing Basics 1.

Image File Size and File Compression

1.01 Investigate graphic types and file formats.

Graphics Basic Concepts.

2.01 Understand Digital Raster Graphics

MED 2001 Advanced Media Production

2.01 Investigate graphic image design.

2.01 Understand Digital Raster Graphics

GRAPHICAL DATA EXCHANGE FORMATS .jpg .gif .tif.

Color and Images.

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.

Creating Digital Graphics

Presentation transcript:

Tech Technicalities I Mills SOC128 Fall 2013 Dan Ryan

Contents Types of Image Files Clients, Servers, Browsers, Applications Vector/Raster Bar codes, QR Codes

IMAGE FILE TYPES “Know the Difference”

Consider this 30x30 pixel image , 0, 5, 1, 7,

PNG (1996) – 24 bit RGB color space or grey scale. Not for graphics so does not do CYMK (cyan, yellow, magenta, black) GIF – “graphics interchange format” (1987) – Up to 8 bits per pixel (only 256 colors), animation, LZW loss-less compression – Patent controversies gave way to PNG JPG, JPEG (1992) “joint photographic experts group” – ~10:1 compression format lossy – each time it’s compressed some information is lost. TIFF (1980s) tagged image file format 3 rd byte 42 – Largest files, used in high def graphic design environments PDF (1991) – “portable document format” – Adobe. Cross-platform/application document not image per se. Vector and raster

Comparing Formats

CLIENTS, SERVERS, AND APPS “Know the Difference”

Servers and Clients Multiple meanings, but …boils down to… A division of labor in which… …a single server entity provides some service for multiple distributed client entities May refer to hardware or software

Clients and Servers

Clients and Servers in Conservation

Clients and Servers Server Software Client Software Client Machine Server Machine

Clients and The Cloud Client Software Client Machine

RASTER AND VECTOR “Know the Difference”

What does “raster” mean? How (analog) TVs used to work Device consists of electron beam gun, screen, magnets and circuitry. Circuitry translates input signal into instructions for beam gun and magnets Beam turns on and off and is bent by magnets so it sweeps across and down the screen. TV Circuitry Signal In Turn beam on/off Magnets deflect beam what we see

Digital Raster Image Same, except screen defined in terms of a grid of “pixels”

Digital Vector Image Specify coordinates of vertices How to draw object

Vector and Raster

Vector and Raster

Vector and Raster

Vector and Raster

Vector and Raster

QR CODE “What is a…”

QRCodes Quick Response Code (Toyota 1994) Matrix Bar Code. Encodes 100s of characters. License free Generators online