Photo Management Choosing Photos that Fit.. Photo Management Choosing the Right Photo to Fit Your Design and Content.. Making Sure Your Photo Fits - Resizing.

Slides:



Advertisements
Similar presentations
Today we will begin our PowerPoint presentation!
Advertisements

2.01 Investigate graphic image design. Image Resolution.
Digital Image Resolution Image Resolution Preparing Digital Images For press or monitor presentation.
How to find and process Internet Graphics for Classroom Use.
Page Design Scroll zone Data Tables Screen Readers
Creating usable content managing data sets working with vector drawings editing extracted content.
So you want pictures on your web site ? ECUSA Digital Media Services Workshop by John Rollins,Cindy Meneghin and Jan Paxton.
With Microsoft FrontPage 2003 Publishing a Web Page.
10 Tips for Creating Effective Presentations in PowerPoint
Digital Photography. Objectives After completing this class, you will be able to:  Explain the benefits, features, and workings of a digital camera.
What to do when you are done. PRINTING WITH PHOTOSHOP.
Copyright © Texas Education Agency, All rights reserved.1 Introduction to Digital Cameras Principles of Information Technology.
What is digital resolution all about? Jellybean portrait shows us how units of color placed together make an image.
Web Graphics and Formatting 101 February 10, 2010.
BY XAI LAO Photoshop: How to Image Size a Photo for Web – Beginner’s Guide ICT 710 | Learning Technologies | November 2011 by Xai Lao.
Downloading Photos Getting images from camera to Photoshop.
Creating with Scran “Create” tool “Multicreate” tool Mini Websites Customising Scran Images Scran Training PowerPoint 3.
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.
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
Image size and Image Sensors. Look at an image in Photoshop Two ways to specify Image size…
Journalism Next: Chapter 6: Visual Storytelling with Photographs Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and.
Tips for Photography Assignment FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
Light, Focus, Composition Digital Photography Basics.
© UNT in partnership with TEA1 Introduction to Digital Cameras Principles of Information Technology.
Copyright © Texas Education Agency, All rights reserved.1 Introduction to Digital Cameras Principles of Information Technology.
BritLink 5 Webinar Part 3 Resizing Images. Welcome! “BritLink 5 –Part 3” Hosted by: William Bourne, Britannia System Trainer Please MUTE your telephone.
Copyright © Texas Education Agency, All rights reserved.1 Introduction to Digital Cameras Principles of Information Technology.
AGQTP ICPFVicki Lowery 1. Using a scanner to digitise images.
What is Pixelation?. Pixelation is an effect caused when viewing an image zoomed in enough to see individual pixels that make up the image.
How To Use This Template The blank slide below will be your canvas for creating your very own custom header image! The slide has already been sized to.
How To Use This Template
Graphics and Animation Multimedia Projects Part 2.
Digital Images Can show something that cannot be photographed Illustration- using images that represent or express to make a visual statement.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Cropping and Resizing Web Design Section 5-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
11 Creating an Ancestor Book (A Multi-Generation Photographic History) Frank Comprelli SIR Area 2 Computer and Technology Group September 17, 2009.
Graphics in HTML. Graphics  Question: How does a web page include graphics?  Are the graphics included in the HTML file or separate files?
Resolution: The Peanut Butter Analogy. When you scan an image or take a digital picture you are “collecting” a batch of pixels. The mega pixel rating.
Digital Photo Edit Workflow Digital Photo SIG Mar
Introduction to Photoshop Altering photos 1 pixel at a time.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
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.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
Images Size & The Web. When putting your photos on the Web or sending them by , the smaller you can get them, the better. One simple thing you can.
COMPUTER GRAPHICS. Once you scan an image or take a picture with your digital camera, it becomes digitized. Made up of hundreds of thousands of pixels.
Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.
PART 2 – Size, Display, Color Modes. Image Size Courtesy of Digital images are made up of pixels (picture elements),
Information Technology Images: Types, Resolution and Techniques.
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Editing photos. Photoshop is the industry standard Microsoft Office Picture Manager Gimpshop – free alternative Gimpshop Picasa – free from Google Picasa.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
JRN 302: Introduction to Graphics & Visual Communication - Resizing and Resampling Thursday,
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
Using Images.
Photoshop & Photos (Cont.)
Exploring Computer Science - Lesson 3-4
Getting Started with Adobe Photoshop CS6
Digital Stewardship Curriculum
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Exploring Computer Science - Lesson 3-4
Photo Critique: 3 Basics
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.
Cropping and Resizing Web Design Section 5-6
Exploring Computer Science - Lesson 3-4
These are only suggested spaces
Step-by-Step Banner Creation Guide
Photoshop: Image size and resolution
Graphics Basics.
Presentation transcript:

Photo Management Choosing Photos that Fit.

Photo Management Choosing the Right Photo to Fit Your Design and Content.. Making Sure Your Photo Fits - Resizing V. Resampling.. See the Process from Start to Finish.. Free Alternatives to Photoshop..

Choosing the right photograph.. Why would I choose one photo over another? Think of your audience. Are your images clear? Captivating? Can you tell what the subject is doing? Does the image tell a story? The impact of photo colors on the rest of your page

Choosing the right photograph.. What are the benefits of professional photos?

Choosing the right photograph.. Better Equipment A true professional invests in their business, and their images will reflect the quality of that investment. Good equipment provides depth of field and wide angle framing of images that you simply cant get on todays pocket cameras

Choosing the right photograph.. Quality Control Higher resolution photos Better focus Elimination of distracting backgrounds Wider selection of images

Choosing the right photograph.. Experience Making subjects feel at ease Meeting deadlines and working in unexpected conditions or situations Providing new ideas to enhance the topic/subject

Making sure your photo fits.. File size is determined by the number of pixels in the image. Resolution is measured by the number of pixels in an inch or ppi. 100 x 100 pixels at 75 ppi 100 x 100 pixels at 25 ppi PRINTING

Making sure your photo fits.. On the web images will display at either 72 or 96 ppi which is standard for monitors. Therefore the dimensions on screen are greatly impacted Not by resolution but by how many pixels make up the image. 100 x 100 pixels at 75 ppi 100 x 100 pixels at 25 ppi For WEB

Sizing Images in Photoshop How many pixels make up the image when you start. Crop first, it decreases file size without reducing quality. Layers will increase file size without changing dimensions. Sometimes Resampling is good and sometimes it is not. How modifying Image size affects the size and quality. Keep your web page dimensions in mind when sizing. Lets see how Photoshop does it...

Lets see how it is done.. Using the finalsite demo/training web site, we will take a look at how to crop, resize and drop photos into templates. These templates are created to be ready for web use once flattened, saved and uploaded. We will review banners and finding/replacing images

I cant afford Photoshop.. Finalsite Image editor. Gimp - ( Picasa - (