Basic photography Art, composition, and computer principles AEE 211 February 24, 2003

Similar documents
Specific structure or arrangement of data code stored as a computer file.

INTRODUCTION TO COMPUTER GRAPHICS

Coreldraw Crash Course

Image Optimization for Print and Web

IMAGE SIZING AND RESOLUTION. MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication

Digital Imaging & Photoshop

Raster (Bitmap) Graphic File Formats & Standards

Using Adobe Photoshop

Understanding Image Formats And When to Use Them

Identifying Design Elements When Preparing Images

Digital Images. Digital Images. Digital Images fall into two main categories

Digital Imaging and Image Editing

Computers & Philately Overview

TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass. Score is based on a 1000 pt system so passing will be a 700.

Photoshop Domain 2: Identifying Design Elements When Preparing Images

Sampling Rate = Resolution Quantization Level = Color Depth = Bit Depth = Number of Colors

Positive & Negative Space = the area around or between a design. Asymmetrical = balanced but one part is small and one part is large

Vector VS Pixels Introduction to Adobe Photoshop

THE 3 BIGGEST MISTAKES TO AVOID WHEN USING GRAPHIC IMAGES IN PRINT

ADOBE PHOTOSHOP CS 3 QUICK REFERENCE

Digital Imaging - Photoshop

raw format format for capturing maximum continuous-tone color information. It preserves all information when photograph was taken.

Commercial Art 1 Photoshop Study Guide. 8) How is on-screen image resolution measured? PPI - Pixels Per Inch

4/23/12. Improving Your Digital Photographs + ABOUT ME. + CHANGES in PHOTOGRAPHY. CAMERA and DARKROOM Pro? Cons? DIGITAL PHOTOS Pro? Con?

6. Graphics MULTIMEDIA & GRAPHICS 10/12/2016 CHAPTER. Graphics covers wide range of pictorial representations. Uses for computer graphics include:

A raster image uses a grid of individual pixels where each pixel can be a different color or shade. Raster images are composed of pixels.

Bitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web

Digital Darkroom P 207

Creating Digital Artwork

Elements of Design. Basic Concepts

By Washan Najat Nawi

FILE ASSEMBLY GUIDE. ~ File Assembly Guidelines ~

Composition: the most important factor in creating a successful photograph and developing a personal style.

LECTURE 02 IMAGE AND GRAPHICS

Chapter 11. Preparing a Document for Prepress and Printing Delmar, Cengage Learning

Images and Graphics. 4. Images and Graphics - Copyright Denis Hamelin - Ryerson University

Communication Graphics Basic Vocabulary

GUIDELINES & INFORMATION

apt solutions, inc. Tips Graphics - An Introduction Vector vs. Raster Graphics Vector Graphics

Objective Explain design concepts used to create digital graphics.

Photoshop Elements Week 1 - Photoshop Elements Work Environment

ITP 140 Mobile App Technologies. Images

Graphics for Web. Desain Web Sistem Informasi PTIIK UB

4 Images and Graphics

What is Photography?

Image optimization guide

THE PARTNERSHIP FOR THE EAST ASIAN-AUSTRALIASIAN FLYWAY LOGO

MOTION GRAPHICS BITE 3623

Corporate Logo Guidelines

Digital Photography: Just the Basics

One Week to Better Photography

Dr. Shahanawaj Ahamad. Dr. S.Ahamad, SWE-423, Unit-06

Adobe Photoshop PS2, Part 3

Resolution: The Peanut Butter Analogy

Preparing Images For Print

Epson Scanner (Expressions Photo) Basic Directions:

Photographic Composition Techniques. Criteria for Project Photographic Composition Techniques

STANDARDS? We don t need no stinkin standards! David Ski Witzke Vice President, Program Management FORAY Technologies

COMPSCI 111 / 111G Mastering Cyberspace: An introduction to practical computing. Digital Images Vector Graphics

ADVANCE DESIGN TEMPLATE ATTACK SOFTSHELL VEST

Adobe Illustrator CS6

CUSTOMER GUIDE TO ARTWORK ON POLYBAGS

Factors to Consider When Choosing a File Type

Pros and Cons for Each Type of Image Extensions

1. Describe how a graphic would be stored in memory using a bit-mapped graphics package.

Basic Scanning in Adobe Photoshop

Glossary Unit 1: Hardware/Software & Storage Media

ITP 140 Mobile App Technologies. Colors Images Icons

9/1/2018. Tips for Making Figures for Publications, Grants, Presentations. Digital Arts Training. What Do All of These File Formats Do?

Photoshop 01. Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf

JUPITER SS RAIN JERSEY

Adobe Fireworks CS4 Kalamazoo Valley Community College February 25, 2010

25 Questions. All are multiple choice questions. 4 will require an additional written response explaining your answer.

Learning Outcomes. Black and White pictures. Bitmap Graphics. COMPSCI 111/111G Digital Images and Vector Graphics

Lecture - 3. by Shahid Farid

all editorial writing.

GETTING STARTED. 0 P a g e B a s i c s o f A d o b e P h o t o s h o p A g a P r i v a t e I n s t i t u t e f o r c o m p u t e r s c i e n c e

Digital Files File Format Storage Color Temperature

Photography. Taking better photos

FUNDAMENTALS OF MULTIMEDIA

DIGITAL IMAGING. 10 weeks

The Elements and Principles of Art

Making Digital POSiTiVES & Negatives for Contact Printing Sandra C. Davis

Topics. 1. Raster vs vector graphics. 2. File formats. 3. Purpose of use. 4. Decreasing file size

CHAPTER 3 I M A G E S

Slide Scanning Converting Your Film Photographs to Digital. Presentation to UCHUG - 8/06/08 G. Skalka

Image Perception & 2D Images

Colours and Control for Designers. This article is supported by...

Applying mathematics to digital image processing using a spreadsheet

Contents. Introduction

PHOTOGRAPHY AND DIGITAL IMAGING

PHOTO 11: INTRODUCTION TO DIGITAL IMAGING

Project Handout Photographic Composition Techniques. Criteria for Project Photographic Composition Techniques

U N I T 3 ~ PA R T 2. Developed by Sonia Coile, Madison County HS ~ Jan 2016

Digital photo sizes and file formats

Chapter 7- Lighting & Cameras

Corporate Identity Quick Reference Guide

Color, graphics and hardware Monitors and Display

Portfolio Primer University of Minnesota School of Architecture College of Design

H Photography Judging Leader s Guide

Transcription:

Basic photography Art, composition, and computer principles AEE 211 February 24, 2003

What makes these images effective?

Overview Basic composition Mood and atmosphere Qualities of a good photo Basic composition Improving composition Working with the computer Files Scanning Printing

Creating mood Overall feel of a picture Created by Perspective Color Focus (isolation and distance) Weather and light Sunrise/sunset Misty, rainy days Sun vs. overcast

Characteristics of a good Shape Line Pattern Texture Size and space photo

Shape Tends to be noticed first, before texture and pattern Easiest and most recognizable composition tool Shape helps create a mood/character for the picture Search for the unconventional or surprise shape in objects

Creating shape Common use backlighting to create a silhouette Uncommon side lighting with simple background underexpose to focus on shape vs. color or texture

Lines create Shape Pattern Depth Perspective Line leads the eye Focal point/subject Diagonals S-curves Line

Line creates perspective Lines into the horizon show depth and perspective for the viewer Vanishing point Point at which lines converge and vanish in to the horizon Place off-center Close-ups decrease perspective while wideangles can exaggerate it

Pattern Orderly combination of shape, line, or color Pattern can help echo the character of a photo Catching attention Random patterns Slight variation in a pattern Pattern in common places

Texture Adds realism (sense of touch) to a photo Sharp (hard) light highlights texture Especially important for close-up and b/w shots Side lighting highlights texture Most portraits use front lighting to decrease texture on skin

Using light for depth Sometimes hard light is inappropriate for illustrating shape and depth Soft side lighting can give a sense of shape and depth without high contrast Portraits Still life When shape/depth is more important that texture

Size and space 2D pictures distort depth, relative size, and distances Include reference item Include parts of the fore- or background Use a frame Be creative maybe you want to distort

Giving perspective Linear Lines which converge into the distance Diminishing size objects further away are smaller Aerial perspective atmosphere creates haze, which lightens objects farther away

Depth and perspective Overlapping forms overlapping objects in a picture create depth and distance Selective focusing focusing on the foreground and blurring the background

Improving composition Rule of thirds Simplicity Angle and perspective Framing

Have a strong center of interest Take pictures at different angles with different compositions Work around the rule of thirds

Simplicity One strong center of interest Foreground or background should be simple or complimentary to center of interest Include foreground or background for sense of isolation, distance, depth, etc. Avoid mergers

Cut offs Avoiding cutting out parts or wholes of people or main subjects Avoiding cutting out the path of a moving object

Give the object somewhere to go

Working with angles Low angles Clear sky backdrop Accentuate movement or action High angle Eliminate cloudy sky 45 degree angles will cut glare Avoid centered horizons

Framing Adds depth Should fit theme Helps subject fill the frame Can block unwanted subjects from view Watch focus on foreground Focus on foreground in landscape Focus on subject in portraits Auto-focus should be centered on main topic Overall DEPENDS ON CAMERA

Balance Balance color and weight in a picture Formal and informal Symmetrical and asymmetrical

Symmetrical Asymmetrical

Fill the frame Would this picture look better if I was closer? Focus on subject Detail Start far and move closer Fill the frame with objects that fit Long range shots provide depth and perspective

File formats Scanning Printing Digital issues

Native file formats Format used by computer program Retains ability to edit within native program Unreadable on WWW or graphics programs Product families (Adobe, Microsoft, etc.) Examples.ppt,.doc,.mix

Nonnative file formats General formats that multiple programs can open.gif,.jpg,.tif,.bmp Formatting cannot be undone within a program picture must be reedited Save pictures in both native and nonnative file formats

Resolution Quality of the pictures on a screen, print, or file DPI = dots per inch (printer) PPI = pixels per inch (screen) More resolution means higher file size Different file types contain more or less information (resolution)

Resolution and bits

Tagged Image File Format Very flexible and can be opened by most programs Saves as pixels Scan as a.tiff or as a native file format if possible

EPS files (vector) Only some programs use: FreeHand, Illustrator, CorelDraw Saved as separate images not as pixels no resolution lost with resizing Use the Options button under PRINT in PageMaker to save as EPS

Graphical Interchange Format Great for the WWW 8-bit 256 colors (indexed color) Usually set at 72 pixels for the WWW Allows for transparency NOT used in printing

Portable Network Graphic 24-bit (millions of colors) Transparency with jagged edges Alternative to the.gif Newer computer programs only

Joint Photographic Experts Group 24-bit color Lossy compression You can usually set your compression here Best for WWW pictures

Portable Document Format Embeds all data into a single file Fonts Format Pictures Text Works on any computer with reader Standardizes your document Work on WWW and as attachments

Postscript files Will print on any postscript printer Do not need program to output data Print to file Make sure you know what kind of printer you are dealing with

PNG GIF JPG - TIF

General rules Scan a photo as a.tiff file For web pictures, use.jpg For print pictures, use.tiff or vector format at a minimum of 300 dpi When possible, scan/save the picture at the size to be used 300 dpi will look poor if enlarged

RGB Color Red-green-blue Monitors and scanners determine level of the three to put on a pixel Light directly into the eye = cannot look the exact on paper Out of gamut (cannot be printed in CMYK format)

CMYK Mode Cyan-Magenta-Yellow-Key (black) Commercially output documents or special printers Four-color printing Process colors Color bounces off object and onto your eye Get a process book or color guide to select (Pantone, Tru-Match, Agfa)

Comparing the two RGB have smaller file sizes RGB has some features that the other does not Convert between the modes at the end or you will lose information

Understanding resolution Resolved to our eyes = realism and accuracy Printer = DPI Monitor = bit depth (colors displayable) 72 ppi is good enough for electronic photos

Understanding pixels Picture elements (dots) per inch Standard monitor displays 640 by 480 pixels 640 by 480 1024 by 768 More pixels requires more RAM, which may mean lower bit depth

Enlarging with pixels