Digital Images Can show something that cannot be photographed Illustration- using images that represent or express to make a visual statement.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
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.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
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.
Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.
ETT 429 Spring 2007 Digital Photography/Scanners.
2.01 Understand Digital Raster Graphics
Illustration & Photography- Ch 9 Creating Graphics Illustration- using images that represent or express to make a visual statement Can show something that.
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.
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.
V Obtained from a summer workshop in Guildford County July, 2014
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.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
Chapter 3 Survival Techniques. Goals Discover that being an Illustrator artist is more than just knowing the tools Develop a basic understanding of the.
Graphic Images 101. Painted on a grid Drawn mathematically.
Dedicated Vector and Bitmap editing software.
Chapter 14-Designing for the World Wide Web. Overview Introducing multimedia on the Web. Designing text for the Web. Creating images for the Web. Adding.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Graphics.
Raster/Paint Software
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.
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.
SBEC Master Technology Teacher Competency 5 Marie L. Evans EDTC 6342 Janice Butler.
Graphics and Animation Multimedia Projects Part 2.
2.01D Investigate graphic image design. Image Resolution.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Multimedia Elements –Graphics. Graphics in Multimedia Applications.
CHAPTER 4 : MULTIMEDIA DEVELOPMENT 4.2 MULTIMEDIA ELEMENTS IMAGE/graphic/picture.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
10 | Graphics COM 366 Web Design & Production. Native file format –Format native to software program –psd > PhotoShop default Preserves layers –Use “Save.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Illustrator I I450 Technology Seminar. Bitmap vs. Vector Photoshop = Bitmap Illustrator = Vector Bitmap images are resolution dependent Vector images.
Digital Graphics. Formats: BMP – Bitmap image file which is used to store Bitmap digital images PNG – Portable Network Graphics GIF – Graphics Interchange.
Aim: What is Illustrator? Mr. Spaterella Technology Feb. 22.
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.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor.
Chapter 3 1 Introduction to Computer Graphics Photoshop: An Overview.
Photoshop. Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares,
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
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.
Graphic Format Factors
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Getting Started with Adobe Photoshop CS6
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Graphic Format Factors
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Adobe Flash Professional CS5 – Illustrated
Basic Desktop Terminology
Multimedia Elements – Text and Graphics
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.
Digital Images.
2.01 Understand Digital Raster Graphics
Digital Media Objective
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
Graphic Format Factors
2.01 Understand Digital Raster Graphics
Graphic Format Factors
Graphic Format Factors
Graphic Format Factors
Graphic Format Factors
Presentation transcript:

Digital Images Can show something that cannot be photographed Illustration- using images that represent or express to make a visual statement

What is a Pixel? Building Blocks Cannot delete a pixel, just change its color PPI = resolution / image quality Higher PPI= larger file size …so eliminate unnecessary pixels, How?

Basic Types of Graphic Creation Programs Drawing- Vector programs  Illustrator- draws object… no layers Paint- Bitmap programs  Photoshop- working in pixels and layers .bmp.jpeg.gif.pic.tif

Pros/Cons of Bitmap images Photo-realistic images Large file size, Inability to resize without quality loss Can manipulate it, adjust it, cut and paste it

Pros/Cons of Vector images Shapes (mathematically expressed) Can be filled with color and patterns Fraction of the file space For web, downloads faster Most programs can export vector to bitmap Vector images require a plug-in to display on the web (Flash) Can not be used for photo-realistic images

Bitmap-based application  Every image made up of a series of dots called pixels Wide range of tools to adjust and correct color, contrast and dynamic range Powerful type handling tools Capable of handling web-based graphics Photoshop: An Overview

File Formats.PSD: Photoshop Document  Native Photoshop format,  Preserves layers  Access to all tools and commands

File Formats.JPG: Joint Photographic Experts Group  Compressed image format  Often used for complex photographic images.GIF: Graphics Interchange Format  Used specifically for the Web  Transparency

Basic Graphic Creation Issues Aspect Ratio Scanning and Essential Area- Over scan Readability  Keep all words in essential area  Choose fonts with bold and clean contour  Limit information amount (do a new page)  Format lettering into easily perceived blocks( avoid scattering)

Text Attributes  Bold, Italic, Underline  Size in points  Leading space between lines  Kerning space between letters  Alignment  Emboss/Shadow

Choosing a font type and text Smaller font, less decorative Limit different fonts on project Vary size to importance Pick fonts that fit message Color contrast (Text to Background) Top fold principle Use recognized operating system fonts

Digital Cameras and Scanning Choosing the Best Resolution?  Input and Output How distribute? 72 for web, for printing Formula for resolution- x 1.5 or 2

Criteria for Good Photo Design Same as before Eye and the Mind (Heart) Concept Design Element of Communication Output Quality of the Photo

Impact of Photography Not capturing reality  Fact that camera is there can change things  Editing and Manipulating