Photoshop Workshop

By: Mariam AL-KassarFifthYear

Faculty of Information Technology

Pixel

Pixel

the difference between bitmap and vector

Photoshop uses:• Design

• Integrate images

+ =

• Restoration of old photos

• Design posters

• Design posters

• Web sites

• Integration with other design programs

Ideas which we will cover in the workshop:

• Photoshop basics .• Photoshop Tools .• Merge photos.• Restoration of old photos• Animation.• Filters .

Photoshop basics• Open• New• Save• Image file formats PSD, Png, Gif, Jpg• Image properties Width, Height, Resolution

Photoshop Tools

• Selection tools• Crop Tool• Eyeddropper Tool• Spot healing brush tool• Healing brush tool• Patch Tool• Red Eye Tool• Brush Tool• Clone Stamp Tool• Eraser Tool• Gradient Tool• Paint Bucket Tool• Type Tool• Shape Tool• Mask.

Photoshop Tools

Selection tools

Layers

Practical application

Mask Mode:Is used to improve the selection in the case of leaving the rails.

Save Selection

Modify lighting Automatic Manual

HomeWork

Automatic :- Auto Tone- Auto color- Auto Contrast

Manual:- Levels- Color Balance- Shadows / Highlights

Levels:

+

Image-> Adjustment->Levels

Levels:

Shadows/Highlights:

+

Image-> Adjustment-> Shadows/Highlights

Shadows/Highlights:

Color Balance:

+

Image-> Adjustment-> Color Balance

Color Balance:

Converting the image to black and white:

Image-> Adjustment-> Desaturate

Converting the image to black and white:

Image-> Adjustment-> Black and White

Match Color:

Image-> Adjustment-> Match Color

Hue/Saturation:

Image-> Adjustment-> Hue/Saturation

Hue/Saturation:

Photoshop Tools

• Selection tools• Crop Tool• Eyeddropper Tool• Spot healing brush tool• Healing brush tool• Patch Tool• Red Eye Tool• Brush Tool• Clone Stamp Tool• Eraser Tool• Gradient Tool• Paint Bucket Tool• Type Tool• Shape Tool• Mask.

Crop Tool

Before After

Before After

Crop Tool

Photoshop Tools

• Selection tools• Crop Tool• Eyeddropper Tool• Spot healing brush tool• Healing brush tool• Patch Tool• Red Eye Tool• Brush Tool• Clone Stamp Tool• Eraser Tool• Gradient Tool• Paint Bucket Tool• Type Tool• Shape Tool• Mask.

Spot healing brush tool

• .

Before After

Photoshop Tools

• Selection tools• Crop Tool• Eyeddropper Tool• Spot healing brush tool• Healing brush tool• Patch Tool• Red Eye Tool• Brush Tool• Clone Stamp Tool• Eraser Tool• Gradient Tool• Paint Bucket Tool• Type Tool• Shape Tool• Mask.

healing brush tool

• .

Before After

Photoshop Tools

• Selection tools• Crop Tool• Eyeddropper Tool• Spot healing brush tool• Healing brush tool• Patch Tool• Red Eye Tool• Brush Tool• Clone Stamp Tool• Eraser Tool• Gradient Tool• Paint Bucket Tool• Type Tool• Shape Tool• Mask.

Patch Tool

Before After

Photoshop Tools

• Selection tools• Crop Tool• Eyeddropper Tool• Spot healing brush tool• Healing brush tool• Patch Tool• Red Eye Tool• Brush Tool• Clone Stamp Tool• Eraser Tool• Gradient Tool• Paint Bucket Tool• Type Tool• Shape Tool• Mask.

Red Eye Tool

Before After

Photoshop Tools

• Selection tools• Crop Tool• Eyeddropper Tool• Spot healing brush tool• Healing brush tool• Patch Tool• Red Eye Tool• Content Aware Move Tool• Clone Stamp Tool• Eraser Tool• Gradient Tool• Paint Bucket Tool• Type Tool• Shape Tool• Mask.

Content Aware Move To

Before After

Photoshop Tools

• Selection tools• Crop Tool• Eyeddropper Tool• Spot healing brush tool• Healing brush tool• Patch Tool• Red Eye Tool• Content Aware Move Tool• Clone Stamp Tool• Eraser Tool• Gradient Tool• Paint Bucket Tool• Type Tool• Shape Tool• Mask.

Clone Stamp Tool

Before After

Coloring old photos after restoration

Before After

History Palette :- Windows -> History- display all steps until 20 step, if you want increase it, go to menu edit -> preferences -> General -> performance then

increase the “History States”..

Action Palette :- Windows -> Actio- Palette contains a set of ready-made steps ..

Photoshop Tools

• Selection tools• Crop Tool• Eyeddropper Tool• Spot healing brush tool• Healing brush tool• Patch Tool• Red Eye Tool• Content Aware Move Tool• Clone Stamp Tool• Eraser Tool• Brush Tool• Gradient Tool• Type Tool• Shape Tool• Mask.

Brush Tool

- Load Brush Copy Brush file to the path: C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit) \Presets\Brushes

- Define Brush Edit-> Define Brush

Photoshop Tools

• Selection tools• Crop Tool• Eyeddropper Tool• Spot healing brush tool• Healing brush tool• Patch Tool• Red Eye Tool• Content Aware Move Tool• Clone Stamp Tool• Eraser Tool• Brush Tool• Gradient Tool• Type Tool• Shape Tool• Mask.

Type Tool

Homework

Type Tool

Type Tool

Adjustments Layer

Convert To Smart Object

Add Font

Modify Selection- Feather- Smooth- Contrast- Expand- Border

Layer Mask:- Additional layer beside to the original layer.

- drawing on the mask using white color will be shown from the original layer.- drawing on the mask using Black color will be hidden disappear from the

original layer..

Layer Mask:

Layer Mask:

Layer Mask:

Layer Mask:

Layer Mask:

Pen Tool:

Animation:

Filters:- Is a small programs to work different effects on images with simple steps.

Example1:- Filter -> Blur -> Gaussian Blur

Example2:- Filter -> Filter Gallery -> Sketch -> Graphic Pen

Example3:- Filter -> Stylize-> Extrude

Example4:

Example5:- filter -> Distort -> Displace

Example6:- filter -> Render -> Clouds- filter -> Noise -> Add Noise

Example7:

Idea:

Idea:

Gimp

Gimp Vs Photoshop:

- Interface Photoshop coordinated unlike the interface Gimp.- Gimp is available on Linux and Windows and Macintosh..- Photoshop is available on Windows and Macintosh.- Gimp faster than Photoshop..- Gimp separating the layers from each other..- Excellence in Photoshop Tools..- Photoshop is part of the package Adobe..

THANK YOU FOR YOUR KIND ATTENTION