1 / 40

Manipulating Images

Manipulating Images. Image. 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. Different Image File Formats.

ronald
Download Presentation

Manipulating Images

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Manipulating Images

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

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

  4. Different Image File Formats • Vector Graphics • Raster Graphics • Meta format images

  5. 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

  6. Example of a Vector Image

  7. 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

  8. Part of a Raster Image

  9. Vector vs Raster

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

  11. File Formats • JPEG or JPG • GIF • PNG • TIFF • BMP

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

  13. Original file JPEG Compressed File

  14. JPEG Compressions of varying levels

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

  16. 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.

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

  18. GIF animation

  19. 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

  20. 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

  21. 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

  22. Guides to Effective Visual Communication

  23. Directness • Efficiency • Contextualization • Organization • Relevancy • Underscoring • Maximizing

  24. Directness -message should be straightforward and clear

  25. 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

  26. Contextualiz ation -introduce the reader to the content through visuals

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

  28. Relevancy - Use contents which are related to each other

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

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

  31. 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.http://www.businessdictionary.com/definition/report.html#ixzz2sV9fqHxP

  32. Creating a Report • Title Page • Content Page • Adding images

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

  34. Content Page • Use headers and footers • Add page background

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

More Related