Basic photography— Art, composition, and computer principles

Slides:



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

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,
Dean Pentcheff NHMLAC MBPC/Crustacea 17 April 2006.
Kinds of Graphics and Composition Vector Graphics Vs Bitmapped Graphics.
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 101 EJ Azucena. MegaPixels What are pixels? –Pixels are dots used to display an image on a screen or printed matter.
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.
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.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
Vector vs. Bitmap. Vector Images Vector images (also called outline images) are images made with lines, text, and shapes. Test type is considered to be.
The general techniques of taking pictures.  Everyone has a camera right at their fingertips. Simply owning a camera does not make someone an expert.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
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
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
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
Vector vs. Bitmap.
2.01 Understand Digital Raster Graphics
Digital Photo editing with Photoshop
Image Formats.
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
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
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Digital Photography.
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.
Multimedia Graphics.
"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 Working with the computer Mood and atmosphere Qualities of a good photo 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— Uncommon— use backlighting to create a silhouette Uncommon— side lighting with simple background underexpose to focus on shape vs. color or texture

Line Lines create Line leads the eye Shape Pattern Depth Perspective 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 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 Avoid mergers 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 High angle 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

                  

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