Image Editing & Sourcing Workshop

Slides:



Advertisements
Similar presentations
2.01 Investigate graphic image design. Image Resolution.
Advertisements

Photo Management Choosing Photos that Fit.. Photo Management Choosing the Right Photo to Fit Your Design and Content.. Making Sure Your Photo Fits - Resizing.
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Acknowledgements Title Student Presenter and Faculty Sponsor Department of “X”, Wabash College Introduction Type introduction text here…Type introduction.
Poster Print Size: This poster template is 20” high by 24” wide. It can be used to print any poster with a 3:4 aspect ratio. Placeholders: The various.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Poster Print Size: This poster template is 36” high by 36” wide. It can be used to print any poster with a 1:1 aspect ratio. Placeholders: The various.
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.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
Image size and Image Sensors. Look at an image in Photoshop Two ways to specify Image size…
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Photoshop Domain 5: Publishing Digital Images Using Adobe Photoshop CS5 Adobe Creative Suite.
Tips for Photography Assignment FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
Lecture 3. Fundamentals of Computer Graphics. Computer Graphics, a very broad term Fields Related to Computer Graphics Bitmap/Vector graphics, 2D/3D graphics,
Today’s Agenda (2/10/04’) Creating anchored links Creating anchored links Working with images Working with images The “Philosophy” page The “Philosophy”
AGQTP ICPFVicki Lowery 1. Using a scanner to digitise images.
Poster Print Size: This poster template is 21” high by 45” wide and is printed at 200% for a 42” high by 90” wide poster. It can be used to print any poster.
JRN 440 Adv. Online Journalism Resizing and resampling Monday, 2/6/12.
2.01D Investigate graphic image design. Image Resolution.
Poster Print Size: This poster template is 36” high by 48” wide. It can be used to print any poster with a 3:4 aspect ratio. Placeholders: The various.
ราชภัฏสุราษฎร์ธานีวิจัย ครั้งที่ 11
Poster Print Size: This poster template is 44” high by 44” wide. It can be used to print any poster with a 1:1 aspect ratio. Placeholders: The various.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Editing Graphics Effects and Improvements. Editing Graphics Graphics editors have features for changing the sizes of images as well as their colors and.
REPLACE THIS BOX WITH YOUR ORGANIZATION’S
Lesson 5.  To locate free resources that you can use for image editing  Determine the optimum image file size  Decide on the best image file format.
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.
Re-sizing and naming images for club competitions.
Information Technology Images: Types, Resolution and Techniques.
Template Provided By Genigraphics –
JRN 302: Introduction to Graphics & Visual Communication - Resizing and Resampling Thursday,
Resolution in Digital Images & Vector versus Raster Why we work at 300 ppi in Photoshop and what that actually means….
 Many people like the flexibility of digital images. For example:  They can be shared by attaching to /uploading to Internet  Sent via mobiles.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
“Rightsizing” Images for
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
Exploring Computer Science - Lesson 3-4
2.02 Understand Digital Vector Graphics
Types of Graphics Technological Design.
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,
2.01 Understand Digital Raster Graphics
What is digital resolution all about?
Exploring Computer Science - Lesson 3-4
2.01 Understand Digital Raster Graphics
Screen and Image Resolution
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
2.01 Understand Digital Raster Graphics
Units of Measurement, Image Resolution, & Color Mode
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.
Exploring Computer Science - Lesson 3-4
A computer display is made up of small squares, called pixels.
RESPONSIVE WEB DESIGN.
Digital Images.
ImageEditing Understanding Image Resolution.
Screen and Image Resolution
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
What is digital resolution all about?
High resolution vs low resolution images (sharp vs pixelated)
2.01 Investigate graphic image design.
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
2.01 Understand Digital Raster Graphics
Photoshop: Image size and resolution
Graphics Basics.
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
2.02 Understand Digital Vector Graphics
Screen and Image Resolution
Presentation transcript:

Image Editing & Sourcing Workshop Scott Haber, Digital Content Coordinator, A&S Communications October 24 , 2017

Introduction & Agenda Basic definitions Software choices Live Photoshop demo and examples Sourcing/Finding images Booking/Scheduling University Photograpy Q&A

Definitions: Image Size Website images are measured in pixels, not inches – device screen and displays sizes vary, so inches aren’t as helpful. Printed images are measured in inches, since you have an actual physical copy of the image that can be measured.

Definitions: Image Resolution Resolution = pixels per inch. Digital images need to be printed at a specific resolution in order to remain sharp and clear at the desired size, whether it’s for a magazine or a wall-sized poster. Resolution only affects printed images, not images on a computer or phone screen. Changing the resolution has no effect on the appearance of that image on a computer screen or phone screen. High res/low res in terms of web images really means “size” in pixels.

Definitions: Aspect Ratio Aspect ratio = shape (width:height) 16:9 and 4:3 are common web aspect ratios, but the numbers don’t tell you a specific image size, just the shape. A 16:9 image is 1.77 (16/9) times as wider as it is high. A 3:4 (portrait) image is 0.75 (3/4) as wide as it is high We crop an image first, before resizing, to get to the desired aspect ratio (shape). Always try to start with an image that’s the same relative shape of your final image.

Definitions: Resampling After determining the shape of an image (aspect ratio), we change the number of pixels to make it appear larger or smaller on a computer or mobile device. This is resampling. Upsampling: taking a small image and adding pixels to make it larger Downsampling: taking a large image and removing pixels to make it smaller Always try to avoid upsampling so that images don’t appear blurry/grainy: start with the largest image you can find.

Software: Photoshop vs.? All Cornell faculty and staff are eligible for a free license to the Adobe Creative Suite (including Photoshop). If you don’t have Photoshop and want to utilize your free license, contact your department IT support, or me via email. Free programs/cropping websites?