This document provides an overview for a 6-day workshop on Adobe Photoshop CS4. Day 1 covers introductions, admin details, and an overview of topics to be covered. Day 2 focuses on masks and selections. Day 3 continues masks and introduces vector tools. Day 4 reviews vector tools and covers effects. Day 5 covers panoramic photo stitching. Day 6 reviews actions and workflows. Homework is assigned each day. The instructor's qualifications and experience with Photoshop are provided.
1. Adobe Photoshop CS4
digital image editing beyond the basics
your instructor: matteo wyllyamz
mouselink@gmail.com
http://mouselink.info
2. Adobe Photoshop CS4
Getting started today
Quick introductionsQuick introductions
» customizing this coursecustomizing this course
AdministriviaAdministrivia
How to have a great classHow to have a great class
Menu of possible topicsMenu of possible topics
3. Adobe Photoshop CS4
Quick introductions
» customizing this course» customizing this course
Who are you and what do you do?Who are you and what do you do?
What is your experience with …What is your experience with …
» Digital images/photographyDigital images/photography
» Raster-based image editingRaster-based image editing
» Adobe PhotoshopAdobe Photoshop
What is something interesting aboutWhat is something interesting about
you?you?
4. Adobe Photoshop CS4
» matteo wyllyamz
Software instructor since 1993, with an emphasis on multimedia,
graphic design, and Internet development.
Have created courses for Jefferson County Adult Ed,
Colorado Christian University, Productivity Point,
Colorado Free University, and the Department of Defense.
Taught Apple Macintosh classes exclusively for five years,
and have been active on the Internet since 1994.
Corporate graphic designer / webmaster for two years ('97-'99),
Have been using Adobe Photoshop for digital art & photography
since 1993.
Produced a Photoshop art blog for seven years. ('99-'05)
TODAY: Managing Partner of Mouselink Media Group, technical
and creative instructor and consultant, designer, project
manager, artist, amateur photographer, and author.
BA in English writing, and have sold three books.
» http://mouselink.me
5. Adobe Photoshop CS4
Administrivia
Workshop scheduleWorkshop schedule
» Six workshopsSix workshops
» 1pm – 4pm1pm – 4pm
» Two sessions per afternoonTwo sessions per afternoon
» Short break (15 mins)Short break (15 mins)
around 2:30pmaround 2:30pm
Facilities …Facilities …
» Bathrooms, vending,Bathrooms, vending,
Starbucks …Starbucks …
6. Adobe Photoshop CS4
Please set cell phones to silent or turn off.Please set cell phones to silent or turn off.
UnderstandUnderstand concentrated computer training:concentrated computer training:
» Please sit at the front of the classroom and don’t sit alone.
» Class is part discussion, part lecture, part hands-on.
» PARTICIPATE! Ask questions. Answer questions. Take
notes.
» Watch the screen, then try it yourself.
» Be mindful of others’ ability levels.
» This is a cooperative learning environment:
We are here to learn from each other.
Keep in mind that this class was designed for aKeep in mind that this class was designed for a
specific level of student:specific level of student:
How to have a great workshop
7. Adobe Photoshop CS4
Keep in mind that this course was designed for aKeep in mind that this course was designed for a
specific level of student:specific level of student:
Created for
» A semi-experienced computer user with a
comfortable working knowledge of the Windows
environment.
» The intermediate Adobe Photoshop user who has
mastered basic concepts and has some knowledge of
more advanced topics.
NOT created for
» The beginning computer user.
» The beginning or advanced Photoshop user.
most importantly …most importantly …
How to have a great workshop
8. Adobe Photoshop CS4
Make it fun!Make it fun!
most importantly …most importantly …
How to have a great class
9. Adobe Photoshop CS4
Menu of possible topics
Warp and Liquify
Smart Objects
Smart Filters
Recording Actions
… and a word about your materials
Type management
The Filter Gallery
Mastering masks
Vector-based “Drawing”
Content-aware scaling
Vanishing Point
Panoramic “Stitching”
with Adobe Photomerge
11. Adobe Photoshop CS4
Level II workshop emphases & objectives
Adding another layer of knowledge toAdding another layer of knowledge to
what you’ve already learned:what you’ve already learned:
Gaining confidence throughGaining confidence through
continued immersioncontinued immersion
Mastering basic & intermediate conceptsMastering basic & intermediate concepts
Core skills becoming more automaticCore skills becoming more automatic
““Speaking the Language,” becoming fluentSpeaking the Language,” becoming fluent
Understanding more advanced techniquesUnderstanding more advanced techniques
Ever-increasing speed & efficiencyEver-increasing speed & efficiency
12. Adobe Photoshop CS4
Working with type
Type tools
Bounding boxes
Point text vs. Area text
Type as a layer
Character and Paragraph panels
Leading, tracking, and kerning
Editable type vs. rasterized pixels
How not to go crazy …
13. Adobe Photoshop CS4
Understanding filters
“Destruction”
Undo and redo filter results
The Filter Gallery
Filters on selections
Filters on layers
Methods to combine filters
Smart Filters
http://tracymar.smugmug.com/gallery/869423#39246024
14. Adobe Photoshop CS4
Moving on …Moving on …
DAY2
HOMEWORK DUE
ILT workbook Unit 1: “Fills and Gradients”
Time: 70 minutes.
15. Adobe Photoshop CS4
Masks
What are they and why use them?
» A non-destructive method of hiding
(instead of erasing) image content
» The preferred method of blending images together
Are masks any different than selections?
» Easier to paint in, than to draw marching ants?
» The image can select itself.
» Unlike selections, masks do not have to be
saved & loaded.
» Easily turned on and off
» Only maskes can utilize levels of transparency.
http://www.webreference.com/graphics/column23/
16. Adobe Photoshop CS4
What does a mask do?
MASKS (BLACK)
CONCEAL
NON-MASKS
(WHITE) REVEAL
“Never fear, old chum. All will become clear soon.”
When pixels on a layer are concealed,
they reveal the pixels on the layers beneath.
When pixels on a layer are revealed,
they conceal the pixels on the layers beneath.
17. Adobe Photoshop CS4
Masks
Don’t worry, masks can be confusing!
White vs. Black vs. Grey
Simple Layer Masks
Instant layer mask from a selection
Alt-click to reveal a mask
Editing a layer vs. editing a mask
How to create a gradient-based
transparency mask
Clipping masks
Quick masks
19. Adobe Photoshop CS4
Using masks with more advanced selections
Using the image to mask itself
The Color Range command
The Refine Edge command
Making adjustments by utilizing
Quick Mask mode
20. Adobe Photoshop CS4
Layer Masks
Layer Masks are the most typical type of masking.
They are pixel-based grayscale layers that conceal
a portion of a layer from all visibility.
Layer Masks are entirely based in the
black/conceal white/reveal model.
Each layer mask applies to a specific layer
and that layer only.
Examples of adjustments and special effects
Brightness & Contrast, Hue & Saturation,
Burning & Dodging, Sharpening, Vignettes,
Working with filters
21. Adobe Photoshop CS4
The benefits (and limitations) of
Clipping Masks
Use Clipping Masks to mask away
multiple layers with one easily editable mask.
Limitations and odd behaviors:
Clipping Masks, may not be applied
beyond a layer group.
IE: You may only mask the layers inside
one layer group at a time.
Clipping Masks do not rely upon the
black/conceal white/reveal model
we’ve learned.
Instead, they apply all pixels of a layer
to the mask.
The Clipping Mask itself resides beneath
the layers it is clipping, but you select
the layers above to apply the masks.
23. Adobe Photoshop CS4
Moving on …Moving on …
DAY3
HOMEWORK DUE
ILT workbook Unit 2: “Masks”
Time: 50 minutes.
24. Adobe Photoshop CS4
Vector Masks
Benefits include the
fine-tuned adjustability
of all object-based
shapes and paths.
25. Adobe Photoshop CS4
What are “Quick Masks”?
Not really a mask?
Completely temporary
An “advanced” selection technique similar in form
to the Quick Selection Tool
Uses the model of black/conceal white/reveal
An advantage of Quick Masks is that they provide
the gradients (levels of grayscale) provided by
Layer Masks.
Other selection techniques are pixel-on pixel-off.
IE: no levels of transparency supported.
26. Adobe Photoshop CS4
Introduction to Vector-based “Drawing” Paths
What’s the difference between painting and drawing?
What is a path?
Different drawing modes
Line, Polygon, and
Custom Shape tools
The mysterious pen tool
Modifying and transforming
Converting paths to selections
and selections to paths
Clipping paths
Text along a path
http://youtube.com/watch?v=cbGzWOtwSSE
27. Adobe Photoshop CS4
Raster or pixel-based graphics vs.
Vector or object-oriented graphics
http://www.photoshopsupport.com/shoptalk/vectors-and-bitmaps.html
28. Adobe Photoshop CS4
Understanding the infamous Pen Tool
Pen clicks & drags plot the anchor points of a path.
Clicking vs. clicking-and-dragging (and combinations)
Watch carefully for visual clues!
Anchor Points
» The difference between Corner Points, Smooth Points,
and Cusp Points
Manipulating anchor points
» Moving, adding, deleting, converting
» Adjusting control handles
Viewing a more precise pen tool (Caps Lock)
Pen tool keyboard shortcut P
30. Adobe Photoshop CS4
Moving on …Moving on …
DAY4
HOMEWORK DUE
ILT workbook Unit 4: “Vector Objects”
Time: 70 minutes.
31. Adobe Photoshop CS4
Skills Review
Average time to complete: 20-40 minutes.
Utilizes essential skills sets: Pen tool, vector path management, path selection
and modification, layer masking, fill layers, layer effects, image export
and optimization.
FILE NEEDED: Ducky.tif
1) Your client wants to use the above image in a web image gallery for an
online sales system, but she does not want the yellow paisley background
included in the final image.
2) Mask away everything but the rubber ducky.
3) Include a plain white background.
4) Place a subtle drop shadow underneath the bottom of the image so it
appears to be sitting on a physical surface.
5) Export the image for the web so that the resulting file is 35k or less.
6) Show the final image and file to your instructor!
36. Adobe Photoshop CS4
Moving on …Moving on …
DAY6
HOMEWORK DUE
ILT workbook Unit 5: “Automating Tasks”
Time: 55 minutes.
37. Adobe Photoshop CS4
An Introduction to recording Actions
VIDEO TUTORIALS: http://tr.im/mtdR http://tr.im/mte5
38. Adobe Photoshop CS4
Conclusions …
Sincere thanks!
You cannot learn the violin in a day or two.
Digital image manipulation is a skill – like any other – that
requires gradual & continual practice & improvement.
Approach everything on a need-to-know basis, and don't
worry about that which you do not yet understand.
Stay upbeat!
… but if you get frustrated, remember:
You can always turn off the machine and walk away. :)
Good luck. Best wishes.
And get in touch if you need more help!
42. Adobe Photoshop CS4
Adobe Photoshop CS4
Exploring the Photoshop Community …
National Association of Photoshop Professionals
http://www.photoshopuser.com
Photoshop tutorials and other resources
http://www.photoshopsupport.com
Free Photoshop forum and downloads
http://www.photoshopgurus.com
Adobe certification
http://www.adobe.com/support/certification/ace.html
Blog of Photoshop rock star Corey Barker
http://www.planetphotoshop.com
Blog of Photoshop rock star Colin Smith
http://www.photoshopcafe.com
43. Adobe Photoshop CS4
Adobe Photoshop CS4
Exploring the Photoshop Community …
smugmug.com
fotki.com
zenfolio.com
flickr.com
dotphoto.com
photobucket.com
tabblo.com
phanfare.com
webshots.com
funtigo.com
phanfare.com
dazzle.com
cafepress.com
printfection.com
vistaprint.com
Sharing, organizing, and printing your work online
http://photo-sharing-services-review.toptenreviews.com/
44. Adobe Photoshop CS4
What’s new in
Adobe Photoshop CS4?
Adjustments panel & Masks panel
Advanced compositing
360-degree panoramas
Nondestructive canvas rotation
Smoother panning and zooming
Better raw processing in Camera Raw
Improved Lightroom workflow
Efficient file management with Adobe® Bridge CS4
3D acceleration
Comprehesive 3D tools
Higher performance on very large images (Windows only)
What's new in Adobe Photoshop CS4 video tutorials at http://tr.im/msRJ
49. Adobe Photoshop CS4
Using Adobe Bridge
REVIEW+
Why use it?
Basic interface
Rotation reality
Keywords, labels, and ranking
Metadata
Bridge Center
Adobe Stock Photos?
50. Adobe Photoshop CS4
Switching between documents
» Through the menus
» With the keyboard
Stacking, cascading, tiling …
Matching zoom and location
Rulers, guides, and grid
Snap To
Working with (multiple) windows
REVIEW+
51. Adobe Photoshop CS4
Making and modifying selections
REVIEW+
You may only modify what’s inside the
selection
Move selection vs. moving what’s selected
Marquees
Lassos & Magic Wands
Hiding vs. Deselect
Inverse
Select All
Feathering
Saving & loading selections
Add to, subtract from, and intersect
Grow, Similar, and Modify
52. Adobe Photoshop CS4
Image adjustments
REVIEW+
Brightness / Contrast
Hue / Saturation
Replace Color
“Variations”
Shadow / Highlight
Exposure
Auto Contrast / Auto Levels
Levels and Curves
53. Adobe Photoshop CS4
Working with layers
REVIEW+
Always pay attention to the active layer(s)
Add, delete, lock, show, hide, move, link
Naming and organizing
Opacity adjustments
Blending Options
Shift-click or Ctrl-click to make selections
across multiple layers
Layer Comps (4-25)
Non-destructive Adjustment Layers
Non-destructive Layer Styles
Layer: Matting: Defringe
54. Adobe Photoshop CS4
History …
REVIEW+
Undo vs. Steps
Undo keyboard shortcuts
History palette and step slider
Revert
Snapshots and Current State documents
History Brush and Art History Brush
Memory and scratch disk concerns
» Setting the number of history states
» Purging the memory
SUGGESTION: Mix it up and sit somewhere new today! Please bring up your flash drive so that your workshop files can be updated.
more topics … Sharpening & Blurring Layer styles Advanced layer techniques Color management Levels and Curves Channels Adobe Bridge
Today have students each spend a few minutes on your wacom tablet to get the feel of it. At the end of each day, make sure to show some fun supplemental materials to students!
Continue working with build-from-scratch CHC poster. add the following text:
continue working with flower.psd “gardening chi”
At the end of each day, make sure to show some fun supplemental materials to students!
can you add a cute photo here of tv’s batman and robin?
Dune.tif SIMPLE LAYER MASK playground create a compound selection w/ the rectangular and elliptical marquee tools. click the layer mask button. reveal the mask by ALT-click add to the mask by painting white. CTRL-click on the mask to select its transparency mask INVERT the selection feather the selection and delete pixels to see how it changes the effect. this is a result of grayness. deselect and try painting the mask with some gray: paint w/ white. adjust brush opacity and/or hardness. and/or try painting with grey. add a colored background layer beneath the mask. start over by deleting the mask only. GRADIENT MASK experiment with simple gradients to show the background color from the below layer TEXT MASK add a text layer underneath the image ALT-click between the layers add a background color beneath all other layers BLENDING IMAGES open DVDmenuSQUARE drag the dune image above the background layer use a combination of linear & radial gradients. then modify mask with a large soft brush. QUICK MASKS a quick introductory demonstration. a more applicable example follows on the next slide.
USING THE IMAGE TO MASK ITSELF use gradients selection tolerance demo.psd to demonstrate processes use sunflower.psd and palm tree (cmyk).tif to practice on example utilize the color range command think of it like the magic wand on steroids: eyedropper = magic wand. fuzzyness = tolerance. INVERT or INVERSE, then tweak the selection with the refine edge command use QUICK MASK mode to touch up the selection. go into channels & turn off RBG. create the layer mask drag layer onto the palm tree image. blur and darken background add some text, using the flower petal color. add drop shadow layer style.
Hue & Saturation. Vignettes Lake(8bit).tif Brightness & Contrast, Burning & Dodging supper club adam-10.JPG Sharpening, Filters IMG_9274.JPG sample down this image to reduce file size and processing time.
for this exercise use CHCcom mockup.psd use a clipping mask to mask away the slide show photos add a new photo and demonstrate resizing and placement options
sunflower.psd for extra fun use the warp text command.
At the end of each day, make sure to show some fun supplemental materials to students!
sunflower.psd would also be a good choice if you want to use the pen tool to create the path.
Use a simple pen tool exercises.psd , drag guides from the ruler to help you understand the way the pen tool works. Hold down the control key to edit paths? (Not if you have the path selected in the paths palette) use ducky.tif to experiment with clipping paths via vector masks. Set as clipping path. Save as photoshop eps. Place in indesign. ALSO: converting a type layer into a vector-based shape layer
go back and forth between simple playground experiments and drawing a goal. Pen Tool follow pen tool exercises.psd make sure to have students save as into their saved work folder so that we can use this later. Ctrl-click to end a path!
select a new image for students to work with. ASK: When resampling images, you can “upsample” or “downsample.” Which is the one you want to avoid as much as possible?
use a google search for “vanishing point photoshop cs4” to look at different examples.
Pass around book: adobe creative collection Students take pictures of teacher Should there be a photoshop level III? Plug Flash class evals
Curve.dng Doors.dng Handle.dng Scenario: you need to create standard sized thumbnails or icons for a website. Resize to 200px x 100px, adjust hue/saturation, run filter poster edges.
Give yourself around 15-20 minutes for this final session.
Give yourself around 30 minutes for these final sessions.
Adjustments panel Quickly access the controls you need to non-destructively adjust image color and tone in the Adjustments panel. Includes on-image controls and presets in one location. See Adjustments panel overview. Masks panel Quickly create precise masks in the Masks panel. The Masks panel offers tools and options for creating editable pixel- and vector-based masks, adjusting mask density and feathering, and selecting non-contiguous objects. See Masking layers. Advanced compositing Create more accurate composites using the enhanced Auto-Align Layers command, and use the spherical alignment to create 360-degree panoramas. The enhanced Auto-Blend Layers command smoothly blends color and shading, and extends your depth of field by correcting vignettes and lens distortion. See Retouching and transforming. Canvas rotation Click to smoothly turn your canvas for nondestructive viewing at any desired angle. See Adjusting crop, rotation, and canvas. Smoother panning and zooming Gracefully navigate to any area of an image with smoother panning and zooming. Maintain clarity as you zoom to invididual pixels, and easily edit at the highest magnification with the new Pixel Grid. See Viewing images. Better raw processing in Camera Raw Apply corrections to specific areas of an image using the Camera Raw 5.0 plug-in, enjoy superior conversion quality, and apply postcrop vignettes to images. See Camera Raw. Improved Lightroom workflow Enhanced integration between Photoshop CS4 and Photoshop® Lightroom® 2 allows you to open photos from Lightroom in Photoshop and seamlessly roundtrip back to Lightroom. Automatically merge photos from Lightroom into panoramas, open as HDR images, or open as multilayer Photoshop file. Efficient file management with Adobe® Bridge CS4 Enjoy efficient visual asset management with Adobe Bridge CS4, which features faster startup, workspaces that suit the task at hand, and the ability to create web galleries and Adobe PDF contact sheets. See Working with Adobe Bridge. Powerful printing options The Photoshop CS4 print engine provides tight integration with all the most popular printers, the capability to preview out-of-gamut image areas, and support for 16-bit printig on Mac OS. See Printing. 3D acceleration Enable OpenGL Drawing to accelerate 3D operations. See About OpenGL. Comprehesive 3D tools Paint directly on 3D models, wrap 2D images around 3D shapes, convert gradient shapes to 3 objects, add depth to layers and texxt, and enjoy exporting to common 3D formats. See 3D and technical imaging. Higher performance on very large images (Windows only) Work faster with very large images by taking advantage of additional RAM. (Requires a 64-bit computer with a 64-bit version of Microsoft Windows Vista®).
Have students search out topics that they have indicated they are particular interested in or confused about.
C:\Program Files\Adobe\Adobe Photoshop CS2\Samples \Palm Tree (CMYK).tif
C:\Program Files\Adobe\Adobe Photoshop CS2\Samples \Palm Tree (CMYK).tif
Metadata: use image doors.dng Adobe stock photos shut down april 1, 2008. take a look at istockphoto instead?
Open the 3 files in the photomerge folder. Use those to demonstrate these concepts, and then move on to the next demo on photomerge.
Continue working with Flower.psd Choose Select > Grow to include all adjacent pixels falling within the tolerance range specified in the magic wand options. contiguous Choose Select > Similar to include pixels throughout the image, not just adjacent ones, falling within the tolerance range. non-contiguous Modify http://www.webreference.com/graphics/column36/6.html
Continue working with Ranch House.jpg The Auto Contrast command adjusts image contrast automatically. Because Auto Contrast does not adjust channels individually, it does not introduce or remove color casts. It clips the shadow and highlight values in an image and then maps the remaining lightest and darkest pixels in the image to pure white (level 255) and pure black (level 0). This makes the highlights appear lighter and shadows appear darker. The Auto Levels command automatically adjusts the black point and white point in an image. This clips a portion of the shadows and highlights in each channel and maps the lightest and darkest pixels in each color channel to pure white (level 255) and pure black (level 0). The intermediate pixel values are redistributed proportionately. As a result, using Auto Levels increases the contrast in an image because the pixel values are expanded. Because Auto Levels adjusts each color channel individually, it may remove color or introduce color casts.
for the next set of slides use Flower.psd Analyze and deconstruct the layer fuctions in this document. A layer comp is a snapshot of a state of the Layers palette. Layer comps record three types of layer options: Layer visibility—whether a layer is showing or hidden. Layer position in the document. Layer appearance—whether a layer style is applied to the layer and the layer’s blending mode.
Lets use Lake(16bit).tif to create a hand-tinted effect photograph. Snapshots are similar to the states listed in the History palette, but they offer additional advantages: You can name a snapshot to make it easy to identify. Snapshots can be stored for an entire work session. You can compare effects easily. For example, you can take a snapshot before and after applying a filter. Then select the first snapshot, and try the same filter with different settings. Switch between the snapshots to find the settings you like best. With snapshots, you can recover your work easily. When you experiment with a complex technique or apply an action, take a snapshot first. If you’re not satisfied with the results, you can select the snapshot to undo all the steps. Note: Snapshots are not saved with the image—closing an image deletes its snapshots. Also, unless you select the Allow Non-Linear History option, selecting a snapshot and changing the image deletes all of the states currently listed in the History palette.