Photoshop workshop
-
Upload
mariam-al-kassar -
Category
Design
-
view
108 -
download
3
description
Transcript of Photoshop workshop
![Page 1: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/1.jpg)
![Page 2: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/2.jpg)
Photoshop Workshop
By: Mariam AL-KassarFifthYear
Faculty of Information Technology
![Page 3: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/3.jpg)
Pixel
![Page 4: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/4.jpg)
Pixel
![Page 5: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/5.jpg)
the difference between bitmap and vector
![Page 6: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/6.jpg)
Photoshop uses:• Design
![Page 7: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/7.jpg)
• Integrate images
+ =
![Page 8: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/8.jpg)
• Restoration of old photos
![Page 9: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/9.jpg)
• Design posters
![Page 10: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/10.jpg)
• Design posters
![Page 11: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/11.jpg)
• Web sites
![Page 12: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/12.jpg)
• Integration with other design programs
![Page 13: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/13.jpg)
![Page 14: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/14.jpg)
Ideas which we will cover in the workshop:
• Photoshop basics .• Photoshop Tools .• Merge photos.• Restoration of old photos• Animation.• Filters .
![Page 15: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/15.jpg)
Photoshop basics• Open• New• Save• Image file formats PSD, Png, Gif, Jpg• Image properties Width, Height, Resolution
![Page 16: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/16.jpg)
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.
![Page 17: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/17.jpg)
Photoshop Tools
Selection tools
![Page 18: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/18.jpg)
Layers
![Page 19: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/19.jpg)
Practical application
![Page 20: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/20.jpg)
Mask Mode:Is used to improve the selection in the case of leaving the rails.
Save Selection
Modify lighting Automatic Manual
![Page 21: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/21.jpg)
HomeWork
![Page 22: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/22.jpg)
Automatic :- Auto Tone- Auto color- Auto Contrast
Manual:- Levels- Color Balance- Shadows / Highlights
![Page 23: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/23.jpg)
Levels:
+
Image-> Adjustment->Levels
![Page 24: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/24.jpg)
Levels:
![Page 25: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/25.jpg)
Shadows/Highlights:
+
Image-> Adjustment-> Shadows/Highlights
![Page 26: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/26.jpg)
Shadows/Highlights:
![Page 27: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/27.jpg)
Color Balance:
+
Image-> Adjustment-> Color Balance
![Page 28: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/28.jpg)
Color Balance:
![Page 29: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/29.jpg)
Converting the image to black and white:
Image-> Adjustment-> Desaturate
![Page 30: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/30.jpg)
Converting the image to black and white:
Image-> Adjustment-> Black and White
![Page 31: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/31.jpg)
![Page 32: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/32.jpg)
Match Color:
Image-> Adjustment-> Match Color
![Page 33: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/33.jpg)
Hue/Saturation:
![Page 34: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/34.jpg)
Image-> Adjustment-> Hue/Saturation
Hue/Saturation:
![Page 35: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/35.jpg)
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.
![Page 36: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/36.jpg)
Crop Tool
Before After
![Page 37: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/37.jpg)
Before After
Crop Tool
![Page 38: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/38.jpg)
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.
![Page 39: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/39.jpg)
Spot healing brush tool
• .
Before After
![Page 40: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/40.jpg)
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.
![Page 41: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/41.jpg)
healing brush tool
• .
Before After
![Page 42: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/42.jpg)
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.
![Page 43: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/43.jpg)
Patch Tool
Before After
![Page 44: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/44.jpg)
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.
![Page 45: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/45.jpg)
Red Eye Tool
Before After
![Page 46: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/46.jpg)
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.
![Page 47: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/47.jpg)
Content Aware Move To
Before After
![Page 48: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/48.jpg)
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.
![Page 49: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/49.jpg)
Clone Stamp Tool
Before After
![Page 50: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/50.jpg)
Coloring old photos after restoration
Before After
![Page 51: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/51.jpg)
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 ..
![Page 52: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/52.jpg)
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.
![Page 53: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/53.jpg)
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
![Page 54: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/54.jpg)
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.
![Page 55: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/55.jpg)
Type Tool
![Page 56: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/56.jpg)
Homework
![Page 57: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/57.jpg)
Type Tool
![Page 58: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/58.jpg)
Type Tool
![Page 59: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/59.jpg)
Adjustments Layer
Convert To Smart Object
Add Font
Modify Selection- Feather- Smooth- Contrast- Expand- Border
![Page 60: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/60.jpg)
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..
![Page 61: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/61.jpg)
Layer Mask:
![Page 62: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/62.jpg)
Layer Mask:
![Page 63: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/63.jpg)
Layer Mask:
![Page 64: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/64.jpg)
Layer Mask:
![Page 65: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/65.jpg)
Layer Mask:
![Page 66: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/66.jpg)
Pen Tool:
![Page 67: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/67.jpg)
Animation:
![Page 68: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/68.jpg)
Filters:- Is a small programs to work different effects on images with simple steps.
Example1:- Filter -> Blur -> Gaussian Blur
![Page 69: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/69.jpg)
Example2:- Filter -> Filter Gallery -> Sketch -> Graphic Pen
![Page 70: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/70.jpg)
Example3:- Filter -> Stylize-> Extrude
![Page 71: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/71.jpg)
Example4:
![Page 72: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/72.jpg)
Example5:- filter -> Distort -> Displace
![Page 73: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/73.jpg)
Example6:- filter -> Render -> Clouds- filter -> Noise -> Add Noise
![Page 74: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/74.jpg)
Example7:
![Page 75: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/75.jpg)
Idea:
![Page 76: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/76.jpg)
Idea:
![Page 77: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/77.jpg)
Gimp
![Page 78: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/78.jpg)
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..
![Page 79: Photoshop workshop](https://reader031.fdocuments.in/reader031/viewer/2022013101/5587a543d8b42af9678b45a9/html5/thumbnails/79.jpg)
THANK YOU FOR YOUR KIND ATTENTION