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

Embed Size (px)

Citation preview

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