manipulating digital image

56
Manipulating Digital Image Manipulating Digital Image Visual Technology Production

Upload: marzatul30

Post on 06-Aug-2015

93 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Manipulating Digital Image

Manipulating Digital Image

Manipulating Digital Image

Visual Technology

Production

Page 2: Manipulating Digital Image

IMAGE TRANSFORMATIONhue and saturation

modifying image colormodifying image lighting

Page 3: Manipulating Digital Image

Image transformation

• Refers to the process of revising the structure of an object from various aspects such as perspective , size, angle of view and so on .

• Through this process , the uniformity of the images can be generated either from the size , view , lighting and so on in order to form a more perfect image

• This process also allows an object or image is placed at an angle or location needed in a more realistic situation and meet the requirements

• There are many type of image transformation like scale, rotate, skew, distort, perspective, warp and flip.

Page 4: Manipulating Digital Image

Image transformation

• Scale

Before

After

Page 5: Manipulating Digital Image

Image transformation

• Scale

Before

After

Page 6: Manipulating Digital Image

Image transformation

• Rotate

Before

After

Page 7: Manipulating Digital Image

Image transformation

• Rotate

Before

After

Page 8: Manipulating Digital Image

Image transformation

• Skew

Before

After

Page 9: Manipulating Digital Image

Image transformation

• Skew

Before

After

Page 10: Manipulating Digital Image

Image transformation

• Distort

Before

After

Page 11: Manipulating Digital Image

Image transformation

• Distort

Before

After

Page 12: Manipulating Digital Image

Image transformation

• Perspective

Before

After

Page 13: Manipulating Digital Image

Image transformation

• Perspective

Before

After

Page 14: Manipulating Digital Image

Image transformation

• Warp

Before

After

Page 15: Manipulating Digital Image

Image transformation

• Warp

Before

After

Page 16: Manipulating Digital Image

Image transformation

• Crop

Before

After

Page 17: Manipulating Digital Image

Image transformation

• Flip Horizontal

Before

After

Page 18: Manipulating Digital Image

Image transformation

• Flip Vertical

Before

After

Page 19: Manipulating Digital Image

MODIFYING IMAGE COLOR

Page 20: Manipulating Digital Image

What is modifying image color?

To change/ adjust/replace

certain colors in the image

Page 21: Manipulating Digital Image

Modifying image color in Photoshop

3 simple ways to change the color of an object in Photoshop:

Using the Color

Replacement Tool

Using the Selective

ColorUsing the Replace

Color

Page 22: Manipulating Digital Image

Using the Color

Replacement Tool

Page 23: Manipulating Digital Image

BACK

Page 24: Manipulating Digital Image

Using the Selective

Color

Page 25: Manipulating Digital Image

Using the Selective

Color

From this drop down menu, you can select the

color that you want to make a changes

Use the sliders below to change the Yellows in

your photograph.

When you change the sliders, you can see the changes affecting your

final photograph

Page 26: Manipulating Digital Image

Using the Selective

Color

BACK

Page 27: Manipulating Digital Image

Using the

Replace Color

Page 28: Manipulating Digital Image

Eyedropper tool (to select the image

you want to make change the color

This the original color,

Use the sliders to change the hue, sat. and lightness color in your selected image

To change the color, click here

Using the

Replace Color

Page 29: Manipulating Digital Image
Page 30: Manipulating Digital Image

USING HUE / SATURATION

Page 31: Manipulating Digital Image

What is hue and saturation?

HUE

The colour in the image

Page 32: Manipulating Digital Image

To adjust colors in an image that appears slightly out of phase or skewed toward

a color

What is the function of hue/saturation in Photoshop?

To create stylistic changes by dramatically changing colors

in an object

Page 33: Manipulating Digital Image

Example using hue/saturation in Photoshop…

ORIGINAL PICTURE

AFTER HUE/SAT. APPLIED

Page 34: Manipulating Digital Image

Example using hue/saturation in Photoshop…

ORIGINAL PICTURE

AFTER HUE/SAT. APPLIED

Page 35: Manipulating Digital Image

Hue/saturation in Photoshop

Page 36: Manipulating Digital Image

Hue/saturation in Photoshop

On-image adjustment tool

Hue slider

Saturation slider

Lightness slider

Eyedropper tool Colorize

Color bar

Page 37: Manipulating Digital Image

Hue/saturation in Photoshop

Page 38: Manipulating Digital Image

So… let practice guys.. Please open your Adobe Photoshop on your PC.. we do some hands on

activity..

Page 39: Manipulating Digital Image

MODIFYING IMAGE LIGHTING

Page 40: Manipulating Digital Image

Why we want to modify lighting?

Page 41: Manipulating Digital Image

To perceive certain period of a day

To trick people

To enhance the picture

Page 42: Manipulating Digital Image
Page 43: Manipulating Digital Image
Page 44: Manipulating Digital Image

AFTERBEFORE

Page 45: Manipulating Digital Image

Add lighting

• Using layer style> blend mode>screen

Page 46: Manipulating Digital Image

underexposed

Page 47: Manipulating Digital Image

What tool in photoshop we will use?

Image > adjustment> shadows/highlight curves level

Image > adjustment> shadows/highlight

curves level

Page 48: Manipulating Digital Image

Photoshop shadows/highlight tool

to fix a backlit photo - the light source is behind the object not in front of

Page 49: Manipulating Digital Image

Shadows/highlight

Page 50: Manipulating Digital Image

AfterBefore

Page 51: Manipulating Digital Image

Curves

Using the Curves tool in Photoshop gives you more control in editing photographs such as the brightness, contrast and tones

Page 52: Manipulating Digital Image

Curves tool before adjustment:

Curves tool after adjustment:

Page 53: Manipulating Digital Image

How to brighten or darken an image in Photoshop using the Curves Dialogue Box

Page 54: Manipulating Digital Image

BEFORE AFTER

Page 55: Manipulating Digital Image

BEFORE

AFTER

Page 56: Manipulating Digital Image

References

Jamalludin Harun dan Zaidatun Tasir (2003). Adobe Photoshop 7. Venton Publishing (M) Sdn Bhd. Kuala Lumpur..