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.
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
Print usually requires the use of lossless image formats. Higher resolution is needed to ensure good quality of the output.
Recommended format: TIFF
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
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
1 Comment »