Using Images.

Slides:



Advertisements
Similar presentations
1. Tuesday: Halloween Shoot due TOMORROW. You must make a contact sheet of your photos and print it from my computer tomorrow. -5 pts for every day I don’t.
Advertisements

Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
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.
PowerPoint for Macs: Building Image Intensive Presentations Julia Simic University of Oregon VRC 2006 Version: PowerPoint 2004 for Mac.
Color Correct and Remove Keystoning A minimalist approach to photographing your art By Paul Marley.
Graphics and Hyperlinks b Graphics on the web are what make a web page interesting b Hyperlinks are what make it a “web”
Microsoft Office 2013 ®® PowerPoint Tutorial 1 Creating a Presentation.
Presented by the Virginia 4-H Science and Technology Committee.
2.01D Investigate graphic image design. Image Resolution.
UNL does not discriminate based on race, ethnicity, color, national origin, sex, religion, disability, age, sexual orientation, gender identity, genetic.
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.
Scanning Basics. An image can be created, opened, edited, and saved in over a dozen different file formats in Photoshop. Of these, you might use only.
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.
Start with loading the picture Locate your camera’s USB cable –it looks something like this:
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
PDF is the preferred format for poster printing. For Power Point 2007 for Windows: Click the Microsoft Office button, point to the arrow next to Save As,
Lesson 4 Word Processing and Microsoft Word Computer Literacy 1 Transition Plus Services.
EE400D DOCUMENTATION INSTRUCTIONAL SERIES BLOG POSTS.
“Rightsizing” Images for
Editing images using Microsoft Photo Editor and Paint
Getting an account with WordPress.com
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
Getting Started with Adobe Photoshop CS6
Permeability (% of Control)
Permeability (% of Control)
What is digital resolution all about?
Poster Session Title Author #1, Author #2, and Author #3 Introduction
Exploring Computer Science - Lesson 3-4
Screen and Image Resolution
The University PowerPoint Template
Google Drive.
Poster Title 108pt Arial Bold
Creating a Brochure In Microsoft Word.
Cropping and Resizing Web Design Section 5-6
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.
setting the resolution - 72 vs 300 dpi (300 better quality)
Adding Assignments and Learning Units to Your TSS Course
Indent markers In some cases, you may want to have more control over indents. Word provides indent markers that allow you to indent paragraphs to.
The University PowerPoint Template
Collaboration with Google Docs
Adding Shapes and Text to Pictures on PowerPoint
The University PowerPoint Template
The University PowerPoint Template
This would be the area for your title, which should be at least 72 ppi tall, which is equal to one inch (this is 100 points). This font is 72 ppi. If.
How to Customize Your Teens in the Driver Seat Poster
How to Customize Your Teens in the Driver Seat Poster
The University PowerPoint Template
The University PowerPoint Template
How to Customize Your Teens in the Driver Seat Poster
The University PowerPoint Template
What is digital resolution all about?
Editing images using Microsoft Photo Editor and Paint
The University PowerPoint Template
The University PowerPoint Template
2.01 Investigate graphic image design.
Photoshop: Image size and resolution
TEMPLATE INSTRUCTIONS Please use these instructions
The University PowerPoint Template
TEMPLATE INSTRUCTIONS Please use these instructions
TEMPLATE INSTRUCTIONS Please use these instructions
Screen and Image Resolution
Use a Large Bold Type for the Main Title (80 pt):
Permeability (% of Control)
The University PowerPoint Template
Permeability (% of Control)
Use a Large Bold Type for the Main Title (70 pt):
This template is UND branded
Presentation transcript:

Using Images

“But it's small on my screen” Images have two sizes: Physical size File size A “small” image can take up all your hard drive space Resolution makes the difference – usually recorded in DPI - “dots per inch”

Use the right Resolution for your Needs Web : 72 dpi Print: 600 dpi Photoshop's “save for web” option automatically converts to this. Images on the web are “blown up” - your tiny portrait may fill a page! Depending on your printer, you may not be able to get higher resolution than this – and an untrained eye won't notice anyway.

Use the right Resolution for your Needs Doing a professional brochure or ad? That’s a whole other kettle of fish - email Maria! For high-production printing, the higher the resolution the better, and your 600 dpi image might not be big enough, even though it looks fabulous on your research poster.

Don’t be confused - Pixels, Inches, and DPI The formula is: Pixels ÷ DPI = Inches Dots per inch = pixels per inch Online calculator to help: http://auctionrepair.com/pixels.html

How to do it in Photoshop Click on “image” choose “image size You can now adjust size by pixels or percentage. If “Constrain Proportions” is on, editing one dimension only is necessary. More on that later.

Or, In Microsoft Paint:

Or, In Microsoft Paint:

Or, In GIMP: Right-click anywhere on the image and choose “image” Then choose “Scale Image”

Or, In GIMP: Note that instead of a “constrain proportions” or “maintain aspect ratio” check box, you have two “Ratio” options - 1 is ‘same ratio’ so make sure both X and Y are 1 when you finish.

Why do we keep talking about “proportions” and “aspect ratio”? If you re-size without constraining proportions, you might not notice that you've skewed your image. DO NOT re-size images in Powerpoint or Word – 'grabbing' them and dragging to re-size does not constrain proportions.

Don’t Forget Cropping Photoshop has a “crop” tool that looks like the old photographer’s tool - two angle rulers on an adjusting bar. Cropping cuts an image - uncropped data is lost. It can change the focus or make it more dynamic. Rarely is a photograph good without cropping! Assume you’ll crop all photos.

Cropping in Gimp In Gimp you start by clicking and dragging to define your crop area, then you hover the mouse over the corners of this selection field until you see the ‘crop’ tool - a knife - appear.

In general, edit images in an image editor - not the final document. Even though the image displays small, if it’s a large file size your poster or powerpoint will contain the entire big file, increasing your file size and the chances for disaster!

“Did she say ‘Disaster’?” Computer crashes Printer errors Print version not looking like electronic Pixilated or blurry images Looking unprofessional Slow loading times Browser crashes Oh yes I did. Improper image formatting can cause:

What Makes a Good Image? Action! Proper Proportions Cropped tightly - not too much ‘empty space’ Unusual perspectives Proper use of focus (parts can be out-of-focus for a sense of depth) People and happy faces

What Makes a Bad image? Too Dark / Too Bright Blurry / out of focus Empty Space Backs of heads/ no faces Static, still - ‘mug shots’ Boring Unbalanced 17

Adjust Brightness in Photoshop More brightness will “wash out” colors, Note the “Hue/Saturation” Option to fix this. 18