Basic Image Editing Concepts

Basic Image Editing Concepts 

ObjectivesUnderstand the basic image conceptsKnow the simple ways of improving an imageCreate a project for distribution 

A picture is worth a thousand wordsAn image or picture canHelp Tell a storyIllustrate a concept or storyHelp reinforce the written word 

 

Uses for Image EditingImaging is no longer just for print 

Other uses includesWebsitesMultimedia presentationsDigital portfoliosVideo CDs/DVDs 

 

3 Rules of Design 

ConsistencyKeep your interface consistent. Layout, fonts, and base colors should remain the same throughout the presentation 

SpaceAllow room for empty space. Do not try to cram too much onto a page 

ColorSelect colors that are easy to read and compliment each other 

 

Definition of Terms 

Pixel is the most basic component of an image. It represents a single dot of information within an image 

For example:An image that is 2048 pixels wide x 1536 pixels high (2048×1536) contains 3,145,728 pixels or 3.1 megapixels. 

 

DPI (Dots Per Inch)It refers to the resolution of an image or the measurement of print size. The general rule is “the higher the DPI settings, the better the quality of an image”For example:An image with 300 dpi has 300 dots of data per inch. Same image changed to 72 dpi simply spreads the pixels using only 72 dots inside one inch. 

 

 

PPI (Pixels Per Inch)PPI is the measurement of how a monitor displays an image which is the number of pixels contained within one square inch of monitor space. It is the “screen resolution”. 

 

ResolutionRefers to the sharpness and clarity of an image. For print – it indicates the numbers of dots per inch (DPI) 

For graphics monitor – signifies the number of pixels on the entire screen (PPI) 

 

CompressionIt refers to the method of optimizing your images. There are basically two types of compression methods: lossless and lossy. 

 

LossyLossy compression creates smaller files by discarding some information about the original image. It removes details and color changes too small for human eyes to differentiate.  

 

LosslessEvery pixel in the image is used to save specific color information ensuring maximum quality or no loss in information.  

 

Image Formats 

JPEG (Joint Photographic Experts Group)It is a lossy image compression that gives good image quality and small file size.Gives you “photographic” quality for screen-based output. 

GIF (Graphics Interchange Format)It is the oldest graphic file format on the web. This is a good format for “primary colors” like clipart, screen captures, and text. Most optimized for web-based output. 

TIFF (Tagged Image File Format)One of the most widely supported file formats for print-based output.  

PNG (Portable Network Graphics)Designed to be a better replacement for GIFs. It was designed to losslessly store a single bitmap image for transmitting over computer networks. Similar to GIF but is the more improved version. 

Multimedia vs Print 

for PRINT 

Print usually requires the use of lossless image formats. Higher resolution is needed to ensure good quality of the output.  

Recommended format: TIFF 

for MULTIMEDIA 

It requires smaller image formats for faster loading specially on the web and smaller file size for easier distribution. 

Recommended formats: GIF and JPEG 

 

Steps to SuccessCaptureEditShare 

 

CaptureIt is the method of how you acquire your image or the source of the imageScannerDigital CameraMobile phone 

 

EditCorrecting the image or adding effects, text, using image filters and other tools available on image editing applications Crop, resizing, removing scratch, adding text, changing the colors 

 

ShareThe method of how you will be distributing your edited imagesSend via email, burn to disk, publish to the web 

 

SummaryUses of image editingRules of designImaging terminologiesTypes of image compressionImage formats 

 

Summary 

Understand basic image conceptscharacteristics of an imagepractical applications for images 

Simple ways to improve an imageediting and applying enhancementsCroppingPositioning / resizingAdding text 

Create a Digital Image Slideshowpost to the websend via email as an attachmentburn or save on popular storage mediums 

 

Next part…Learning the basic steps in editingCorrecting imagesApplying filtersCreating a web slideshowMaking a poster 

 

 

 

 

 

 

About these ads