Digital Imagery Michael Nieckoski Technology Learning Services January 2009.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

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 Editing Basics Resolution Screen resolution Printer resolution.
Adobe Photoshop CS Design Professional ADOBE PHOTOSHOP CS GETTING STARTED WITH.
ETT 429 Spring 2007 Digital Photography/Scanners.
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
2.01 Understand Digital Raster Graphics
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.
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.
An Introduction to Scanning and Storing Photographs and Graphics Bryn Jones Aug 2002
Images you see on your screen are made up of these things called pixels. A screen will show over 1 million pixels and then a computer has to do what it.
Graphics Ms. Brewer Spring Bellwork Edmodo – log on! Quiz? Take it if you need to! Policies and Procedures Powerpoint in Shared Folder! Get to Know.
Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Drawing Packages 1 Image management and Drawing packages This is a segment of the draft version of a large syllabus. I need your feedback to improve it.
Tutorial 3: Working with Images. Objectives Session 3.1 – Identify the differences among image file types – Evaluate the purpose of alternative text –
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
GRAPHICS/IMAGES INFSCI Source: Learning Web Design by Jennifer Niederst RobbinsJennifer Niederst Robbins Creating Images:  Scanning  Be aware.
Lesson 7—Part 1 Working with Graphics Prepared 3/5/11.
Poster Title XXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXX Name Department of East Carolina University Learning Objectives This is a basic.
MSET 365 Digital Imaging Technologies. MSET 365 The Sony Mavica.
DIGITAL GRAPHICS & ANIMATION Complete LESSON 2 Importing and Exporting Graphics.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
1 Enhancing Your Teaching with the Effective Use of Digital Images Richard P. Usatine, MD Nancy B. Clark, MEd For STFM Annual Conference, September 2003,
Presented by the Virginia 4-H Science and Technology Committee.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
Digital Images Can show something that cannot be photographed Illustration- using images that represent or express to make a visual statement.
Copyright 2002, Paradigm Publishing Inc. CHAPTER 14 BACKNEXTEND 14-1 LINKS TO OBJECTIVES Border Concepts Creating a Border Adding Shading Horizontal Lines.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
HTML Comprehensive Concepts and Techniques Second Edition.
Laboratory Exercise # 9 – Inserting Graphics to Documents Office Productivity Tools 1 Laboratory Exercise # 9 Inserting Graphics to Documents Objectives:
LCPS Art Teacher In-service Workshop Augusta Dadiego September 1, 2009.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Graphics and CAD. LO: Understanding graphics formats, manipulation, and the benefits of using CAD software. Learning Outcome: Define key words and answer.
 Scanned or digitally captured image  Image created on computer using graphics software.
Chapter 2 Working with Images and Links. Chapter Objectives Insert and align an image Change the workspace Add borders and margins to an image Copy page.
Week 3  Adobe Photoshop Introduction  Create an Image Collage  Save For Web Please Visit:
PowerPoint Bloat How to avoid it. 1 PowerPoint technique, 4 image techniques PowerPoint 1.Split long PowerPoint files into several smaller files Image.
Lesson 7 Working with Graphics. * Insert pictures from files * Insert picture from Microsoft Clip Art Collections * Resize and reposition a picture *
Raster Graphics 2.01 Investigate graphic image design.
Bitmap images Resizing bitmaps Vector images Why are there so many image file formats? Resolution and Scanning “Bits” and.bmp files Photo editors JPG file.
Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.
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.
Chapter 1 Getting Started with Adobe Photoshop CS4.
Information Technology Images: Types, Resolution and Techniques.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
Photoshop. Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares,
By tom squire.  Graphic cards are made of millions of dots called pixels. Graphic cards take data from the CPU and turn it into a picture. At most common.
CHAPTER 21: IMAGES. IMAGE SOURCES 3 options: Create your own images Find images Hire someone to make images.
2.01 Understand Digital Raster Graphics
“Rightsizing” Images for
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
Getting Started with Adobe Photoshop CS5
Exploring Computer Science - Lesson 3-4
Photoshop.
2.01 Understand Digital Raster Graphics
Chapter Lessons Start Adobe Photoshop CS
Exploring Computer Science - Lesson 3-4
Graphics Card A graphics card is used to make the images displayed on your computer better quality and the performance of your computer. It is usually.
LET’S LEARN ABOUT GRAPHICS!
Digital Images.
Poster Title XXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXX
1.01 Investigate graphic types and file formats.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Presentation transcript:

Digital Imagery Michael Nieckoski Technology Learning Services January 2009

Agenda What are digital images? File formats and sizes Sources for Images Use and Copyright Working with images in MSWord Modifying images in Editing programs Hints and Tips Digital Fakery Disclaimers : This will NOT be a serious Photoshop workshop.

What are digital images? Digital images are electronic representations of analog photographs and graphics Photos are reduced to individual bits called “pixels” and each pixel is coded so that it can be saved electronically The digitizing process shows how analog information is made into a digital image…

Digitizing * During the scanning process, each pixel in the photo is assigned codes for: Color, brightness, contrast, location, etc. The digital codes are placed in a table and saved as a file. When you display the image, the software decodes the File, reads the coded values, and paints it to the screen.

Why Why would you use digital images?

How How would you use digital images?

Programs Photoshop –Photoshop Elements –Free Photoshop Express on the web Gimp – Free! Windows Paint, PaintShop Pro

File Formats For Print.tif (or.tiff) For the Web.png.gif.jpg (or jpeg) Proprietary formats.psd.psp Others –.BMP Bitmap (B&W) –.PICT Macintosh –.EPS publishing

Which one,.gif or.jpg?.gif format is used for images with large areas of color – graphical images, clipart – with 256 colors only!.jpg format is for photographs – handles millions of colors, is compressed. Saved as.gif

File size Determined by several factors: Resolution –set this when scanning or shooting. –In dpi or “dots per inch” –The more dots per inch, the more information captured, therefore the larger the file. –The web can handle 72 dpi Compression Color palate These two are also related To the file format used.

About saving images in Photoshop Usually you’ll want to save an image that you are editing in the Photoshop (PSD) format to ensure that all the image data is preserved. Photoshop format doesn’t compress your image data. Your digital camera may save photos in JPEG format, but it’s better to use the Photoshop format rather than resave a photo in JPEG format unless you are ready to share it or use it on a web page. Each time you save in JPEG format, the image data is compressed, potentially causing some data to be lost. You may start to notice reduced image quality after 2-3 saves. *A disadvantage of saving in Photoshop PSD format is that the file size will increase significantly because the file is not compressed. *Another disadvantage: because PSD is a proprietary format, images can’t be inserted into Word, the Web, etc.

Sources for Images Your own – camera, scanning Government sites: ex. LOC, NASALOCNASA Social sites the web: Flickr, Photobucket, Creative Commons licensingFlickr Web pages should be your last location –because of the use issues associated with using someone else’s material Google images Ditto images

Use and Copyright BEWARE!! Changing one format to another Use of logos and trademarks – Just don’t! Attribute your use – include URL Stock Photography (visible and invisible watermarks)

A couple of Legal sources Creative Commons Wikimedia Commons

Modifying Images in MSWord Insert menu>PICTURE>insert “Picture from File” You can also copy and paste Click on the image to work with it –Use the “handlebars” to resize Use the Image Toolbar to make changes Placement of image –Behind text, wrap style –In a text box –In a table

Working in your Image Editing Program: Manipulating Images Most commonly used: –Crop –Adjust brightness and contrast –Red-eye –Re-size (use 72 dpi for the web) –Text on top for titles or captions –Transparency –Layers

Hints and tips I To take a “screen shot” press the Prt Scr key –Loads the clipboard Paste this into your graphics program to crop, edit, and save. Some commercial products: Snag-It

Hints and tips II: Hints and tips II: Printing a single window To take a shot of a single window: press Alt + Prt Scr Paste this directly into PowerPoint, Word, etc. (this is excellent for creating training materials!)

Images can be large, so be aware of your storage capacities (network drive, flash drive, scratch drive in Photoshop) Create an images folder in your workspace(s) and keep them together Chose a naming scheme and stick to it! Name files consistently with short and descriptive names. (phot_flower_rose.jpg) Hints and tips III: Hints and tips III: Saving and storing images

More Hints and Tips Make the image as close to the useable size as possible to avoid distortion (stretching or scrunching) When saving, use the “Save for Web” feature in Photoshop – it gives you many options to optimize your images.

Can we believe what we see?

Digital Fakery Current events: The case of Kristen Roovers – – – “Our trip to China” photo Articles:

Michael Nieckoski EAB 101 Ext