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

Slides:



Advertisements
Similar presentations
Put your photos into PowerPoint Insert, crop, and format pictures Youve got photos and you want to display them in a slide show. The first thing you need.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Droddy.  “Pixel” is short for two words: Picture and Element. Pixels (tiny squares) combine to form the image the human eye perceives Too small for the.
Basic photography - Composition & light Adapted from Jim Lucas Franklin, pg Williams & Tollett, pg
PHOTOGRAPHY We will evaluate these images with respect to three areas: FOCUS Is the subject matter in focus? EXPOSURE Is the photograph properly lit? COMPOSITION.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
ETT 429 Spring 2007 Digital Photography/Scanners.
Introduction to Computer Graphics
Vector vs. Bitmap SciVis V
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
V Obtained from a summer workshop in Guildford County July, 2014
Introduction to Graphic Arts Technology PRINT Versus WEB.
Russell Taylor Week 3. Image File Formats - TIF, JPG, PNG, GIF - which to use? The three most common and important image file formats for for printing,
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Dean Pentcheff NHMLAC MBPC/Crustacea 17 April 2006.
Kinds of Graphics and Composition Vector Graphics Vs Bitmapped Graphics.
Digital Photography February 8, aphytips/composition.htm 2 The Rules of Composition Rule of Thirds Simplicity.
Vector vs. Bitmap
Photoshop Software Rasterized, file formats, and printing choices.
© C.R. Business Education Creations Digital Interactive Media An Overview.
Graphics and Animation Multimedia Projects Part 2.
Digital Photography Mr. Brown Gering High School Graphic & Web Design Class.
Digital Photography 101 EJ Azucena. MegaPixels What are pixels? –Pixels are dots used to display an image on a screen or printed matter.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
ADOBE PHOTOSHOP VECTOR VS RASTER. Pixel A pixel is the fundamental unit of an image in Photoshop. It is a small square block of color. An image often.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Basic photography - Composition & light Jim Lucas Community, Agriculture, Recreation and Resource Studies.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
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.
Raster Graphics 2.01 Investigate graphic image design.
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.
Graphics Concepts Presentation
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Vocabulary Worksheet Answers
Image Editing Vocabulary Words Pioneer Library System Norman Public Library Nancy Rimassa, Trainer Thanks to Wikipedia ( help.
Photoshop Basics: Extended Instructor: Vicki Weidler Assistant: Joaquin Obieta.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Guilford County SciVis V104.03
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
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.
Digital Photography Examining EXIF data. Aperture: Allows light into sensor.
The general techniques of taking pictures.  Everyone has a camera right at their fingertips. Simply owning a camera does not make someone an expert.
How to use a camera, and tips on creating great photographs
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
DIGITAL MEDIA FOUNDATIONS
Basic photography - Composition & light
Exploring Computer Science - Lesson 3-4
Exploring Computer Science - Lesson 3-4
Vector vs. Bitmap.
2.01 Understand Digital Raster Graphics
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
Exploring Computer Science - Lesson 3-4
Image File Size and File Compression
Graphics and Animation
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Adobe Visual Design 2.00 Identifying design elements when preparing images (10%) 7.00 Identifying design elements when preparing illustrations (1%)
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
Tips on creating great photographs
2.01 Understand Digital Raster Graphics
Color and Images.
Basic photography— Art, composition, and computer principles
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Presentation transcript:

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 photo Shape Line Pattern Texture Size and space

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

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

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 wide- angles 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 creativemaybe you want to distort

Giving perspective LinearLines which converge into the distance Diminishing sizeobjects further away are smaller Aerial perspectiveatmosphere creates haze, which lightens objects farther away

Depth and perspective Overlapping formsoverlapping objects in a picture create depth and distance Selective focusingfocusing 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 –OverallDEPENDS 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

Digital issues File formats Scanning Printing

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