introduction to photoshopjupiter.plymouth.edu/~rgkleinpeter/powerpoint/introphotoshop.pdf ·...
TRANSCRIPT
![Page 1: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/1.jpg)
Introduction toPhotoshop
![Page 2: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/2.jpg)
Photoshop Creative Cloud (CC)Start -> All Programs -> Classes ->
Web Expressions ->
TutorialsGoogle “Photoshop CC” tutorial
![Page 3: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/3.jpg)
![Page 4: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/4.jpg)
![Page 5: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/5.jpg)
![Page 6: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/6.jpg)
![Page 7: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/7.jpg)
![Page 8: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/8.jpg)
Color ReplacementImage -> Adjustments -> Replace Color
![Page 9: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/9.jpg)
Photoshop Features• Photoshop – many capabilities • Use the on-line help – type in keyword
– adjust brightness, contrast, colors, etc– Resize image– Crop– Selection -> magnetic lasso, quick selection tool, rectangular, elliptical,
magic wand, spot healing brush with “Content Aware”– “feathering” edges with transparency– “cut and paste” between images –– move, rotate– Eraser, background eraser, magic eraser– Replace color– Text (size, color, font, warp, special effects)– Vary opacity– Save for web – select file format
• There are many features – “Learn how to Learn”• Combine features• Edit -> Undo or Ctrl-Z or Alt-Ctrl-Z for multiple undo
![Page 10: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/10.jpg)
Where do we get photo images?
•Digital Camera•Scanner•WWW
![Page 11: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/11.jpg)
What might you want to do with a photo image?
Fix Contrast, color, etc., crop, re-size, feather, change file format
![Page 12: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/12.jpg)
The Opening ScreenLaunch Button -> Adobe Photoshop CC 2017
![Page 13: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/13.jpg)
File -> New
Size
Resolution
Color Mode
Background(White or Transparent)
![Page 14: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/14.jpg)
Edit -> Preference -> Units & RulersView -> Rulers
![Page 15: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/15.jpg)
File -> Open
![Page 16: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/16.jpg)
Sizing the Image
Layers
Too
lbo
x
Image -> Image Size
![Page 17: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/17.jpg)
Then View -> Fit on screen
![Page 18: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/18.jpg)
Crop No - Yes
![Page 19: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/19.jpg)
File -> Export -> Save for Web (Legacy)
![Page 20: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/20.jpg)
File -> Save for web
File size and download time
File type
image size can adjust by %
![Page 21: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/21.jpg)
Two files open
![Page 22: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/22.jpg)
Click on auto and drag then place on the mesa and resize with Transform Control Handles
![Page 23: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/23.jpg)
If you don’t like your result –
•Undo – use Ctrl-Z or Alt-Ctrl-Z or Edit-> step backward
•Keep backup copies before editing•If you’ve done work that you like Save before the next step•Delete the layer and start over
(perhaps try a different method)•Edit the new layer •Exit Photoshop without saving
YOU MUST EXPLORE AND TRY DIFFERENT METHODS TO SEE WHAT WORKS BEST FOR YOU
![Page 24: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/24.jpg)
Resizing -- Image -> Image Size
![Page 25: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/25.jpg)
View -> Fit on screen
Cut out a oval or rectangle with “Feathering”
![Page 26: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/26.jpg)
![Page 27: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/27.jpg)
File -> Save for Web
![Page 28: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/28.jpg)
Warped Text on BackgroundWith Reduced Opacity
![Page 29: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/29.jpg)
Right-click ->Duplicate Layer
Reduce Opacity to see light greenbackground
Styles that could be used in place of solid color
![Page 30: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/30.jpg)
Insert New Picture in Frame
![Page 31: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/31.jpg)
Framed PictureRectangular Select Tool, then Edit -> Copy, then Edit -> Paste
Google -> Images for photo frame
![Page 32: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/32.jpg)
Use the Magic Eraser – for a uniform background
Contiguous or Non-contiguous
Can also specify a “Tolerance”
Removing the Background
![Page 33: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/33.jpg)
Background Eraser for non-uniform background
![Page 34: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/34.jpg)
Could use magic wand but select low tolerance, turn contiguous offAnd select “Add to selection”
Magic Wand selects similar colors
![Page 35: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/35.jpg)
Image -> Adjustments-> Replace Color
![Page 36: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/36.jpg)
Choosing Old and New Colors
New Color
Choose Color with Eyedropper
![Page 37: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/37.jpg)
Make flag the active layer; Change transparency of flag layer; Magnetic lasso to select
Select -> Inverse; Edit -> Cut to eliminate all flag but the area within eagle’s head
![Page 38: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/38.jpg)
![Page 39: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/39.jpg)
![Page 40: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/40.jpg)
Select Horizontal Type Mask Tool, Font and Size – Use a heavy font
![Page 41: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/41.jpg)
Select Add Layer Mask
![Page 42: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/42.jpg)
Draw a line with the pen, select text toll, place near line and see the text insert Marker with a “wiggly” line then type text. Does not work with heavy fonts.
![Page 43: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/43.jpg)
Fading one image into another using a “layer mask” and “gradient” toolFor tutorial Google “photoshop cs5 fade image into another”
![Page 44: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/44.jpg)
Photoshop Features• Photoshop – many capabilities • Use the on-line help – type in keyword
– adjust brightness, contrast, colors, etc– Resize image– Crop– Selection -> magnetic lasso, quick selection tool, rectangular, elliptical, magic wand,
spot healing brush with “Content Aware”– “feathering” edges with transparency– “cut and paste” between images –– move, rotate– Eraser, background eraser, magic eraser– Replace color– Gradient tool– Text (size, color, font, warp, special effects)– Vary opacity– Blend Layers– Save for web – select file format
• There are many features – “Learn how to Learn”• Combine features• Edit -> Undo or Ctrl-Z or Alt-Ctrl-Z for multiple undo
![Page 45: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/45.jpg)
![Page 46: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/46.jpg)
Getting Help
• Upper right hand corner -- keyword search
• “Google” search for tutorials on-line
– e.g. “Photoshop CS5” tutorial keyword
• Spend some time experimenting – try some things (undo if it doesn’t work right)
![Page 47: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/47.jpg)
Image Mapping in Dreamweaver
![Page 48: Introduction to Photoshopjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/IntroPhotoshop.pdf · Photoshop Features • Photoshop –many capabilities • Use the on-line help –type](https://reader034.vdocuments.net/reader034/viewer/2022052320/5f10d22d7e708231d44afa1b/html5/thumbnails/48.jpg)
Capturing a Screen (“Prt Scrn” key) or (Alt-Ctrl-PrtScrn) and Pasting in MSWord
Re-size image from corners and move as needed