why are you here? Can I presume that: you understand the value of using images on-line in your teaching that you are ‘quality conscious’ that you are.

Slides:



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

B ASIC T ERMINOLOGY. W ORDS W E W ILL C OVER T ODAY Digital Camera Digital Pixels Pixelization File Formats Focus & Clarity.
Working with Image Files Aaron Fuegi SCV Visualization Workshop – Fall 2008.
Digital Imagery Michael Nieckoski Technology Learning Services January 2009.
Digital Photography Final Exam Study Guide 2015 DIRECTIONS
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
ETT 429 Spring 2007 Digital Photography/Scanners.
Working with Image Files Aaron Fuegi IS&T Scientific Visualization Tutorial – Spring 2010.
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
Designing for Web stuff you need to know before you start.
2.01 Understand Digital Raster Graphics
Digital Photography What do you need to Know?. Advantages of Digital Camera over Film Cameras Speed: Images recorded by the camera can be transmitted.
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
The University of Adelaide Picture Perfect: Image Formats and Resolution Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.
How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
Pixel Power: Getting the Most from Digital Photography.
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
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.
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.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Unit 30 Digital Graphics – Course overview Anne Sewell
Photographics 10 Introduction to Digital Photography
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Digital Imaging Raster (Bitmapped) Images. 1. How they work…  Image data is stored in literal “map”  Each pixel (picture element) is measured for its.
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,
What is Digital Photography? Lesson One Mrs. Johnson Winter/Spring 2012 Digital Photography Course.
Digital Photography Final Exam Study Guide 2015 DIRECTIONS Answer the following questions using the class website. Almost all questions can be found using.
Presented by the Virginia 4-H Science and Technology Committee.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Vocabulary Words. 2-stage shutter release is a shutter release, that when pressed halfway, it activates the autofocus and the light meter of the camera,
Digital Photography Final Exam Review Assignment DIRECTIONS Save this to your Desktop or your Z:drive folder. Then, answer the following questions using.
© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Digital Imaging 1 Fall 2014 CCBC ARTD 116 CN1, Digital Imaging 1 CRN
Digital Photography Multimedia I. 1)Check to see if the battery is charged. 2)Check to see if memory has space. 3)Check to see if the camera’s date is.
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.
Task 3 Store and Present Your Digital Entry Guidance Notes.
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.
Information Technology Images: Types, Resolution and Techniques.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Lesson 2: Introduction to Digital Imaging Digital Photography MITSAA IAP 2003 Rob Zehner.
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
2.01 Understand Digital Raster Graphics
Basic Digital Imaging For PE 266 Technology in HPER.
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.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
Multimedia: making it Work
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Digital Photo editing with Photoshop
PROPERTY OF PIMA COUNTY JTED, 2010
Final Exam Review Assignment
2.01 Investigate graphic image design.
A computer display is made up of small squares, called pixels.
GRAPHICS Source:
Digital Images.
LET’S LEARN ABOUT GRAPHICS!
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
Resolution and Printing Tips
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Graphics Basics.
2.01 Investigate graphic image design.
Presentation transcript:

why are you here? Can I presume that: you understand the value of using images on-line in your teaching that you are ‘quality conscious’ that you are aware that raw images generally need ‘post-production’- manipulation with a computer- to look and work their best that you want to better understand how that works….? Can I presume that: you understand the value of using images on-line in your teaching that you are ‘quality conscious’ that you are aware that raw images generally need ‘post-production’- manipulation with a computer- to look and work their best that you want to better understand how that works….?

what’s it about? Digital photography is about dots (how many, where they are, how bright, what colour) Digital imaging is the manipulation of the dots (to alter, repair, to create new art) after the acquisition stage. Digital photography is about dots (how many, where they are, how bright, what colour) Digital imaging is the manipulation of the dots (to alter, repair, to create new art) after the acquisition stage.

in this session …we’ll look briefly at a few ‘photographic fundamentals’ Look at a few examples of how Photoshop was used to manipulate raw images Look at how Photoshop can be used to create websites (I’ll talk about Photoshop, but you can use your own image editor for much of this…) …we’ll look briefly at a few ‘photographic fundamentals’ Look at a few examples of how Photoshop was used to manipulate raw images Look at how Photoshop can be used to create websites (I’ll talk about Photoshop, but you can use your own image editor for much of this…)

a basic truth about photography A camera is just a tool. Good photographs are created by talented photographers. All things being equal, the actual camera used makes little difference. A camera is just a tool. Good photographs are created by talented photographers. All things being equal, the actual camera used makes little difference.

bitmap editing A bitmap editor, such as Adobe Photoshop, is the tool that allows you to Edit Manipulate Size Colour-correct Optimize/improve Composite …your raw images. A bitmap editor, such as Adobe Photoshop, is the tool that allows you to Edit Manipulate Size Colour-correct Optimize/improve Composite …your raw images.

sizing This is key: When we consider images for inclusion in electronic presentations and delivery systems, we need to consider resolution and pixel dimensions…and forget about the more familiar “linear measurements”. e.g. 400 x 600 pixels x 72dpi, rather than 4 x 6 inches This is key: When we consider images for inclusion in electronic presentations and delivery systems, we need to consider resolution and pixel dimensions…and forget about the more familiar “linear measurements”. e.g. 400 x 600 pixels x 72dpi, rather than 4 x 6 inches

bitmap editing Retouching and manipulation- these are two of the best reasons to embrace digital photography. Finally, the control of the final image, from capture to output, is yours. In the past, your involvement stopped right after exposure. What can you change in an image? Anything. Retouching and manipulation- these are two of the best reasons to embrace digital photography. Finally, the control of the final image, from capture to output, is yours. In the past, your involvement stopped right after exposure. What can you change in an image? Anything.

Let’s look (briefly) at a few examples. In all cases, I’ll lead with the raw image (sized for this presentation, of course), and follow with the final manipulated image. Note and discuss any differences or improvements. Let’s look (briefly) at a few examples. In all cases, I’ll lead with the raw image (sized for this presentation, of course), and follow with the final manipulated image. Note and discuss any differences or improvements.

example

a basic truth regarding image processing As amazing as the computer’s ability is to repair and improve on your photographic shortcomings … you should only choose to work with the highest quality images possible. As amazing as the computer’s ability is to repair and improve on your photographic shortcomings … you should only choose to work with the highest quality images possible.

a bit about file formats Once you begin to work with digital images, you have to learn a bit about the file formats. Most cameras allow you to select between several formats. The.jpg format is accepted as the standard for general use, although it’s far from perfect… Once you begin to edit photographs, you’ll want to know a few more. tif gif raw png psd Once you begin to work with digital images, you have to learn a bit about the file formats. Most cameras allow you to select between several formats. The.jpg format is accepted as the standard for general use, although it’s far from perfect… Once you begin to edit photographs, you’ll want to know a few more. tif gif raw png psd

photo tip- image sizing There are a lot of people sharing unnecessarily huge files on LMSs and e- mail. For screen display, anything greater than 72 dpi is a waste. There are a lot of people sharing unnecessarily huge files on LMSs and e- mail. For screen display, anything greater than 72 dpi is a waste.

photo tip- resolution Unless you have a good reason not to, you should plan to shoot at high resolutions and low compression. Otherwise, you may regret it when you take the once-in-a-lifetime shot.

Stage 2- here’s what I’d like to do: Photograph a volunteer or product Open the resulting image in Photoshop Make some basic image ‘improvements’ Save the file in a variety of formats Integrate those images into a web page Show some examples of how Photoshop can be used to develop complex composite images and websites. Photograph a volunteer or product Open the resulting image in Photoshop Make some basic image ‘improvements’ Save the file in a variety of formats Integrate those images into a web page Show some examples of how Photoshop can be used to develop complex composite images and websites.

examples Writing Content website (and artwork) >> Group Systems website (and artwork) >> Connections ’04 poster FRED website (and artwork) >> Artwork for this presentation…? Writing Content website (and artwork) >> Group Systems website (and artwork) >> Connections ’04 poster FRED website (and artwork) >> Artwork for this presentation…?

Live demo follows…