CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Introduction to Imaging on the World Wide Web Instructor: Joseph.

Slides:

Advertisements

Similar presentations

Introduction to CSS CSS Backgrounds - Fort Collins, CO Copyright © XTR Systems, LLC Cascading Style Sheets - Colors & Backgrounds Instructor: Joseph DiVerdi,

Advertisements

Raster Graphics vs. Vector Graphics

SWE 423: Multimedia Systems Chapter 4: Graphics and Images.

Introduction to Computer Graphics

Vector vs. Bitmap SciVis V

8.2 PICTURE IT Graphic Types and Their Uses. What Are Graphics?  Graphics are pictures/images  They could be images taken on a digital camera or scanned.

Raster vs Vector and Image Resolution By Josh Gallagan.

V Obtained from a summer workshop in Guildford County July, 2014

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

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

Introduction to Graphic Arts Technology PRINT Versus WEB.

BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.

Dedicated Vector and Bitmap editing software.

Images and the Web web graphics. web graphics: constraints Due to the constraints imposed by varying degrees of Internet bandwidth, designing images for.

Dean Pentcheff NHMLAC MBPC/Crustacea 17 April 2006.

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

Lecture 4 - Introduction to Computer Graphics

JRN 302: Introduction to Graphics and Visual Communication - Raster and Vector Files Tuesday, 9/8/15.

Vector vs. 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.

Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,

CSU - DCE Advanced Perl CGI Operation - Fort Collins, CO Copyright © XTR Systems, LLC Introduction to the Common Gateway Interface (CGI) on the.

SOFTWARE TYPES Word processing Page layout Paint Draw.

CSU - DCE Webmaster I HTML - Forms - Fort Collins, CO Copyright © XTR Systems, LLC Designing Web Sites using HTML - Introduction to Forms Instructor:

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

Color and Resolution Introduction to Digital Imaging.

Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.

CSU - DCE Advanced Perl First Web Page - Fort Collins, CO Copyright © XTR Systems, LLC Creating Your First Web Page Instructor: Joseph DiVerdi,

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.

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.

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

Fundamentals of WWW Imaging Fort Collins, CO Copyright © XTR Systems, LLC Fundamentals of Web Imaging Instructor: Joseph DiVerdi, Ph.D., MBA.

Vector vs. Raster Objectives:

Photoshop 7.0. What is Photoshop Photoshop is a graphics package used to create, modify and correct pictures and images. Retouching photos.

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

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

Things to Remember When working with digital images.

Fundamentals of WWW Imaging Fort Collins, CO Copyright © XTR Systems, LLC Fundamentals of Web Imaging Instructor: Joseph DiVerdi, Ph.D., MBA.

OV Copyright © 2012 Logical Operations, Inc. All rights reserved. Beginning with Image Basics  Manage Image Elements and Formats  Work with Digital.

CSU - DCE Webmaster I HTML - Tables - Fort Collins, CO Copyright © XTR Systems, LLC Designing Web Sites using HTML - Introduction to Tables Instructor:

CSU - DCE Introduction to CSS CSS Colors - Fort Collins, CO Copyright © XTR Systems, LLC Cascading Style Sheets - Specifying Color Instructor: Joseph.

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

The Web. Web Servers and File Transfer Protocol (FTP)

Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.

Vector vs. Raster What’s the difference between vector and raster file formats? The real difference between the two formats is how they are used.

Webmaster II Introductions - Fort Collins, CO Copyright © XTR Systems, LLC Introduction to Webmaster II Instructor: Joseph DiVerdi, Ph.D., MBA.

CSU - DCE Introduction to CSS CSS Length - Fort Collins, CO Copyright © XTR Systems, LLC Cascading Style Sheets - Specifying Length Instructor:

Raster vs. Vector 2.02 Understand Digital Vector Graphics.

CSU - DCE Introduction to CSS CSS URLs - Fort Collins, CO Copyright © XTR Systems, LLC Cascading Style Sheets - Specifying URLs Instructor: Joseph.

CSU - DCE Advanced Perl Introductions - Fort Collins, CO Copyright © XTR Systems, LLC Advanced Perl Programming Instructor: Joseph DiVerdi, Ph.D.

Eric Kincaid. Adobe Photoshop  Adobe Photoshop is a graphics editing program developed and published by Adobe Systems Incorporated.  1987-Thomas Knoll,

Guilford County SciVis V104.03

Lesson 9: Web Graphics. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility.

CSU - DCE Webmaster JavaScript Class - Fort Collins, CO Copyright © XTR Systems, LLC Introduction to Object-Oriented Perl and CGI.pm Instructor:

ITEC2110, Digital Media Chapter 2 Fundamentals of Digital Imaging 1 GGC -- ITEC Digital Media.

CSU - DCE Webmaster I HTML & URLs - Fort Collins, CO Copyright © XTR Systems, LLC Designing Web Sites With HTML - Using Effective Links Instructor:

Vector vs. Bitmap. Vector Images Vector images (also called outline images) are images made with lines, text, and shapes. Test type is considered to be.

Vector (Shapes) vs. Raster (Pixels)

Vector vs. Bitmap.

© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.

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

Agenda 2/18/16 Surreal World Project: Turn in yourlastname-SW.jpeg,

Agenda 2/27/17 Sketch/write #30: Raster Vs. Vector Article

Digital Images.

ImageEditing Understanding Image Resolution.

Computer Graphics Using “Adobe Photoshop”

Vector (Shapes) vs. Raster (Pixels)

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

Presentation transcript:

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Introduction to Imaging on the World Wide Web Instructor: Joseph DiVerdi, Ph.D.

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Core Imaging Concepts Graphics Models –Raster vs. Vector Image Types –“Photograph” vs. “Cartoon” Color Models –Black-White, Monochrome, RGB, HSL, HSV,...

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Graphics Models Raster Environment –Space is defined using a fixed number of points called “pixels” which possess a color images are made up of arrays of pixels Adobe PhotoShop

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Raster Examples Magnified View of TV or Monitor Screen Magnified View of Printed Magazine

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Raster Examples Magnified View of Image of TV or Monitor Screen

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Graphics Models Vector Environment –“Objects” are defined using mathematical operations line: start_point, end_point patch: top_left_point, bottom_right_point, color Adobe Illustrator, PostScript

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Vector Examples

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Importance of Resolution

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Graphics Models Vector Environment –Requires considerable processing power to “render” or display image –Objects can be manipulated at any time –Image is scalable, always rendered at the output device’s resolution Raster Environment –Images have intrinsic resolution –Objects do not exist –Data size depends on pixel count –WWW is “primarily” but not exclusively raster

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Image Types “Pictures” –Continuous gradations of color –Think photographs

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Image Types “Cartoons” –Relatively large patches of constant color –Gradients can be simulated or approximated –Think cartoons

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Color Models - Color Wheel

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Color Models - RGB

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Color Models - HSL

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Color Models

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Storage Formats

CSU - DCE Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Storage Formats Saved as JPEGSaved as GIF