Manipulating Images Image A visual representation of something that is seen in real life. It can be...

40

Transcript of Manipulating Images Image A visual representation of something that is seen in real life. It can be...

Page 1: 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.
Page 2: 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.

Manipulating Images

Page 3: 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.

Image

• A visual representation of something that is seen in real life.

• It can be two-dimensional or three-dimensional

Page 4: 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.

Graphics

• Is the process by which a computer displays images or digital images

• Also used to refer on images

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

Different Image File Formats

• Vector Graphics

• Raster Graphics

• Meta format images

Page 6: 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.

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

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

Example of a Vector Image

Page 8: 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.

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

Page 9: 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.

Part of a Raster Image

Page 10: 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.

Vector vs Raster

Page 11: 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.

Meta Format Images

• File format that accommodates both vector and raster information.

• Example are Clip Art files

Page 12: 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.

File Formats

• JPEG or JPG

• GIF

• PNG

• TIFF

• BMP

Page 13: 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.

JPEG

• Joint Photographic Experts Group

• Lossy Compression

• Compresses grayscale and color information but allows image to be displayed in 16,000,000 colors.

Page 14: 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.

Original file

JPEG Compressed File

Page 15: 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.

JPEG Compressions of varying levels

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

GIF

• Graphics Interchange Format

• Lossless Compression

• Preferred for images with only few colors like black and white images

• Allows 256 colors

• Supports animations

Page 17: 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.

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.

Page 18: 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.

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

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

GIF animation

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

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

Page 21: 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.
Page 22: 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.

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

Page 23: 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.
Page 24: 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.

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

Page 25: 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.
Page 26: 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.
Page 27: 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.

Guides to Effective Visual Communication

Page 28: 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.

▪ Directness

▪ Efficiency

▪ Contextualization

▪ Organization

▪ Relevancy

▪ Underscoring

▪ Maximizing

Page 29: 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.

Directness

-message should be straightforward and clear

Page 30: 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.

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

Page 31: 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.

Contextualization

-introduce the reader to the content through visuals

Page 32: 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.

Organization

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

Page 33: 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.

Relevancy

- Use contents which are related to each other

Page 34: 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.

Underscoring

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

Page 35: 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.

Maximizing

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

Page 36: 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.

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

Page 37: 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.

Creating a Report

• Title Page

• Content Page Adding images

Page 38: 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.

Title Page

• Must be attractive

• Has strong impact on the viewer

• Establishes the theme of the report

Page 39: 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.

Content Page

• Use headers and footers

• Add page background

Page 40: 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.

Hands-on 31. 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