Photoshop Tips and Tricks

Submit questions for John and/or concepts and topics that you would like covered: add questions to the discussion tab or email piratedjlangley@gmail.com

Optional software if you don't have Photoshop: GIMP (GNU Image Manipulation Program) - downloads for Windows, Mac, Linux, etc.

Downloadables:
Photo! Editor: http://pho.to/editor
Fotor Photo Editor: http:// fotor-photo-editor-forwins.en.softonic.com/

Online alternatives:

Pixlr- http://pixlr.com/
PicMonkey - http://www.picmonkey.com/
LunaPic - http://www151.lunapic.com
Phixr - http://www.phixr.com
Befunky - http://www.befunky.com/

Photoshop lessons:


I will begin with a brief ethics discussion - reality vs. art (libel issues and copyright issues)

1. basic touch-ups - levels, shadows & highlights, etc.
2. dodge/burn
3. red eye
4. blemishes
5. making "clickart" - clipping paths made easy
6. fixing stupidity - retaining the reality of the photo while selectively blurring offensive/inappropriate items
7. Kim Anderson effect
8. Walsworth Photoshop actions
9. Walsworth Actions
10. scanning a photo and touching it up
11. restore old photo
12. torn photo
13. typography
14. vibrant photo manipulation
15. photo mosaic (photograph composed of other photographs)

I put 10, 11, and 12 on there because even though they are not used much, they still come up as questions.

How-To notes, etc. for the lessons:


Reminder: when saving jpeg photos, click File - Save As, click OK, click Yes/OK to replace, then make sure the file is saved as the maximum size and the button for Baseline Standard is clicked.

photos for each lesson can be downloaded from the following site:
http://sites.google.com/site/piratedjproject/yearbook-files

or click the image below and save the link/target to your computer:

1. levels (every photo that is going to be used in the book should be touched up/checked) - science guy
  • the levels tool is found under Images - Adjustments - Levels
  • In the levels control panel that pops up, slide the black slider (left slider) for the input levels to the base of the mountain, and slide the white slider (right slider) to the base of the mountain.
  • If necessary, click the right eyedropper (set white point) and select an object in the photo that you know is white - if it evens out the colors, fine. If not, undo.
  • Save As
or Shadow/Highlight
  • the Shadow/Highlight tool is found under Images - Adjustments - Shadow/Highlight
  • In the Shadow/Highlight control panel that pops up, click the Show More Options box to make advanced adjustments
  • In the Shadow/Highlight control panel, adjust the shadows Amount slider to reduce the intensity of shadowed areas, and adjust the highlights Amount slider to adjust the intensity of the highlighted areas.
  • If necessary, the Color Correction slider and/or the Midtone Contrast slider may be adjusted, but this is usually not necessary.
  • Save As


2. dodge then burn - glare (burn) & dodge
  • Dodge - the dodge tool is used on areas of photos that are too dark (tool looks like a lollipop)
  • Be sure to use a fuzzy brush
  • Try the midtones mode at 50% first
  • If necessary try the highlights and/or shadows mode as well
  • Save As





3. red eye1 then redeye2 - RedEye1 & RedEye2(cave)
  • zoom in to the eye that has red eye
  • select the red eye tool on the toolbar (located with Spot Healing Brush, Healing Brush, Patch tool)
  • click red eye area or draw a rectangle around the red eye area with the red eye tool
  • Save As
  • Alternative method - select the Sponge tool from the toolbar (located with the burn and dodge tool)
  • make sure the sponge tool control pallet settings are set to desaturate and 50% Flow.
  • "paint" the red eye(s) to remove color
  • Save As


4. blemish1 then blemish2 - blemish1(wedding) & blemish2(acne)
  • Locate the Spot Healing Brush on the toolbar
  • The Spot Healing Brush uses Artificial Intelligence to guess the correction of the area where you clicked based upon the colors of the area around it.
  • Alternative method: Use the Healing Brush - Alt+click (Command+click for Macs) to select the source, then "sponge paint" the blemish area. If you "dab" click, the source will stay stationary while you move the brush circle
  • Alternative method: Use the Rubber Stamp - Alt+click (Command+click for Macs) to identify the source. The source will move in unison with the brush circle
  • After touching up, Save As
or
  • Duplicate the Background Layer
  • Locate the Clone Stamp tool on the toolbar
  • Change the Opacity of the Clone Stamp tool on the top control bar to around 35%
  • For red blemishes, change the Mode of the Clone Stamp tool on the top control bar to Lighten - be sure to check the box that says Sample: Current & Below
  • For white blemishes or glares, change the Mode of the Clone Stamp tool on the top control bar to Darken - be sure to check the box that says Sample: Current & Below
  • The Clone Stamp tool requires that you first define a source by holding the Alt button on the keyboard and simultaneously left clicking the area of the photo that will be the source you are copying from. You will then let up on the Alt button and left click the area of the photo you are copying to. The source will move in unison with the brush circle
  • After touching up, Save As

5. clipping path1 then clipping path2 - clipping1(Ravi) & clipping2(Mike)
  • InDesign users only!! - after opening the file to be used, click Image - Mode - CMYK color (mandatory for any photo that will be "File Place'd" instead of using ImagePlacer
  • Online Designers only!! - leave the photo in RGB color
  • Locate the Pen tool on the toolbar
  • Be sure the control palette for the pen tool is set on Paths (1st section of tools), the Pen tool button is depressed, and the Add to path area button is depressed.
  • click along the desired path to create anchor points - click the initial anchor where you started to complete the path.
  • Open the Paths pallet
  • click the menu drop down on the right side of the Paths pallet
  • click Save Path (name the path)
  • click the menu drop down for the Paths pallet
  • click Save Clipping Path - select flatness as "1" device pixels
  • InDesign Users: Save As - jpeg
  • If you need to clip out an area inside the clipping path area:
    • In the Paths pallet, make sure you are clicked on the tab of the path that you just created (if not, you will create a new Work path - you don't want that)
    • Locate the Pen tool in the toolbar
    • Be sure the control palette for the pen tool is set on Paths (1st section of tools), the Pen tool button is depressed, and the Subtract from path area button is depressed (it is located to the right of the Add to path area button).
    • in the area that you want to remove from the path, click the desired path to create anchor points - click the initial anchor where you started to complete the path.
    • Save As - jpeg (the area that you removed from the path will automatically be saved to the Path and to the Clipping Path).
  • Online Designers:
    • click the menu drop down arrow on the right side of the Paths pallet
    • click Make Selection
    • click OK to new selection
    • click Edit - Copy
    • click File - New
    • Make sure the Background Content is set to Transparency
    • click Edit - Paste
    • click File - Save As
    • change the file type to .png
  • InDesign Users:
    • Open Indesign
    • File - Place - select the path to the clipping path
    • Click on the top left anchor of the control pallet.
    • Make sure the chain is linked in the horizontal/vertical percentages block of the control pallet in order to maintain the proportions of the photo
    • click on the spread to place the photo
    • resize the photo to 20% on the control pallet
    • Move the photo wherever you need it on the spread
To modify the clipping path to cut out closed area such as between an arm and body, etc
  • Make sure Photoshop file is open and a clipping path has already been saved.
  • click on the "add anchor point" on the toolbox. Click the "Subtract from path are" on the right side of the control pallet.
  • click along the desired path to create anchor points - click the initial anchor where you started to complete the path.
  • Save As - jpeg
  • Open/refresh photo in Indesign. Clipping path should be represented
Modify Clipping Paths:
  • the white pointer tool of the toolbar will allow you to select the path and move the existing anchor points to better align with the perimeters of the desired clipping path
  • Save As jpeg
  • Open/refresh photo in Indesign. Clipping path should be represented


6. stupidity1 then ?: inappropriate
  • Open picture file in Photoshop
  • Select area of stupidity with one of selection tools (lasso is usually most effective) - in this photo, select the "athletic supporter" sign as well as the rest of the background so we can create a small depth of field effect.
  • Select, Modify, Feather - choose 10 pixels to start (it depends on the resolution of the photo - you may have to revert the photo and readjust this if it doesn't look right after the GaussianBlur)
  • Navigate to Filters, Blur - Gaussian Blur
  • Adjust the Gaussian Blur until the image looks natural (i.e. small depth of field in this case).
  • After the blur filter is applied, deselect the object
  • Save As - jpeg


7. Kim Anderson effect then pic of you - while there are several methods for creating this effect, this method usually produces the best result: Allie
  • Open picture file in Photoshop
  • Click on Default Foreground and Background button by Color selector (changes foreground color to black)
  • Select the Paint Brush tool from the toolbar
  • Change the Mode of the Paint Brush from Normal to Hue
  • Paint all the areas that are to be “gray scaled”
  • Adjust brush size and zoom in/out to get around areas that will remain original colors.
  • Adjust the levels as needed.
  • Save As - jpeg


8. Place a photo(s) within clipart (for example: photos in a soccer ball or photos in a filmstrip): soccerball & hourglass & filmstrip







9. Walsworth photoshop actions1 then actions2 - use any of the previous photos or photos from the pirateproject site

10. scanned photo1 then scanned photo2 - Old photo & kindergarten







11. old photo (we are covering this on #10 (remind me to discuss the yellowing of scanned photo1)

12. Torn photo - Practice with Layers - repair torn photo using layers to piece the photo back together and then repair the scratch remaining from the tear with editing tools. - tear

13. Typography
The instructions for the Typography effect may be found at http://10steps.sg/tutorials/photoshop/make-yourself-an-amazing-typographic-portrait/
  • The instructions are a little awkward, so I will be demonstrating a way to get that effect.

14. Vibrant Photo Manipulation
The instructions for the Vibrant Photo Manipulation effect may be found at http://psdlearning.com/2008/09/vibrant-photo-manipulation/
  • The directions are fairly clear - with only one tricky part

15. Photo Mosaic

Every mosaic you publish/show must include a reference to AndreaMosaic.
  • On a web page add a link to AndreaMosaic home page. When printed add a note about AndreaMosaic together with the print. In other words who will see the mosaic (or a derivative work of it) must know and see that you used AndreaMosaic.
  • Like when you publish a photograph and you give the credit to the Photographer. Like if you publish a painting and you give the credit to yourself as the author but also to the whoever gave you a free paintbrush & colours (AndreaMosaic).