Manipulating Images

Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional

Graphics Is the process by which a computer displays images or digital images Also used to refer on images Is the process by which a computer displays images or digital images Also used to refer on images

Different Image File Formats Vector Graphics Raster Graphics Meta format images Vector Graphics Raster Graphics Meta format images

Vector Graphics Is composed of mathematical formulas that represent images. They are not dependent on their original resolution Are flexible enough to be scaled in many different ways without affecting their final resolution. Best used for illustrations and drawings saved as EPS, WMF, AI, CDR or SVG Is composed of mathematical formulas that represent images. They are not dependent on their original resolution Are flexible enough to be scaled in many different ways without affecting their final resolution. Best used for illustrations and drawings saved as EPS, WMF, AI, CDR or SVG

Example of a Vector Image

Raster Graphics Also known as “bitmapped graphics” Are image information rendered as Picture Elements (Pixels) Are highly dependent on their original resolution Image quality lessens when the image is resampled to a lower resolution. Saved as BMP, JPEG, PNG, TIFF or GIF Also known as “bitmapped graphics” Are image information rendered as Picture Elements (Pixels) Are highly dependent on their original resolution Image quality lessens when the image is resampled to a lower resolution. Saved as BMP, JPEG, PNG, TIFF or GIF

Part of a Raster Image

Vector vs Raster

Meta Format Images File format that accommodates both vector and raster information. Example are Clip Art files File format that accommodates both vector and raster information. Example are Clip Art files

File Formats JPEG or JPG GIF PNG TIFF BMP JPEG or JPG GIF PNG TIFF BMP

JPEG Joint Photographic Experts Group Lossy Compression Compresses grayscale and color information but allows image to be displayed in 16,000,000 colors. Joint Photographic Experts Group Lossy Compression Compresses grayscale and color information but allows image to be displayed in 16,000,000 colors.

Original file JPEG Compressed File

JPEG Compressions of varying levels

GIF Graphics Interchange Format Lossless Compression Preferred for images with only few colors like black and white images Allows 256 colors Supports animations Graphics Interchange Format Lossless Compression Preferred for images with only few colors like black and white images Allows 256 colors Supports animations

GIF compresses images in two ways: 1. By reducing the number of colors in rich color images, thus reducing the number of bits per pixel.

2. GIF replaces multiple occurring patterns (large patterns) into one. So instead of storing five kinds of blue, it stores only one blue.

GIF animation

PNG Portable Network Graphics No animation capability Image format specifically designed for the web A file format that takes off from the transparency capabilities of GIF Developed due to GIF’s licensing agreement Portable Network Graphics No animation capability Image format specifically designed for the web A file format that takes off from the transparency capabilities of GIF Developed due to GIF’s licensing agreement

TIFF Tagged Image File Format Large file size Very flexible format, it supports several types of compression like JPEG, LZW, ZIP or no compression at all. High quality image format, all color and data information are stored TIFF format can now be saved with layers Tagged Image File Format Large file size Very flexible format, it supports several types of compression like JPEG, LZW, ZIP or no compression at all. High quality image format, all color and data information are stored TIFF format can now be saved with layers

BMP Bitmap Does not scale or compress well Again, very huge image files making it not web friendly No real advantage over other image formats Works well with most Windows programs and OS, you can use it as a Windows wallpaper Bitmap Does not scale or compress well Again, very huge image files making it not web friendly No real advantage over other image formats Works well with most Windows programs and OS, you can use it as a Windows wallpaper

Guides to Effective Visual Communication

▪ Directness ▪ Efficiency ▪ Contextualization ▪ Organization ▪ Relevancy ▪ Underscoring ▪ Maximizing ▪ Directness ▪ Efficiency ▪ Contextualization ▪ Organization ▪ Relevancy ▪ Underscoring ▪ Maximizing

Directness -message should be straightforward and clear

Efficiency -Strive for efficiency when communicating an idea -There is a danger that point of information will be lost in a jumble of text effects, pictures and colors -Strive for efficiency when communicating an idea -There is a danger that point of information will be lost in a jumble of text effects, pictures and colors

Contextualization -introduce the reader to the content through visuals

Organization -Follow the structure which starts with an introduction, then the body and ends with conclusion

Relevancy - Use contents which are related to each other

Underscoring - create sub-elements which enhances the emphasis on a particular data

Maximizing -incorporate graphics and data together with the text for the greatest impact.

What is a report? A document containing information organized in a narrative, graphic, or tabular form, prepared on periodic, recurring, regular, or as required basis. May refer to specific periods, events, occurrences, or subjects, and may be communicated or presented in oral or written form. A document containing information organized in a narrative, graphic, or tabular form, prepared on periodic, recurring, regular, or as required basis. May refer to specific periods, events, occurrences, or subjects, and may be communicated or presented in oral or written form.

Creating a Report Title Page Content Page  Adding images Title Page Content Page  Adding images

Title Page Must be attractive Has strong impact on the viewer Establishes the theme of the report Must be attractive Has strong impact on the viewer Establishes the theme of the report

Content Page Use headers and footers Add page background Use headers and footers Add page background

Hands-on 3 1. create a report about one of the following: magicphotography sportsglobal warming 2. Page size 11” x 17” (tabloid portrait) 3. Add graphics, text effects and color 4. Filename: 7T_LASTNAME_H3 Cite your references