Photoshop The Basics Tutorial Goals: 1. 2. 3. 4. Get the basics of getting an image into Photoshop.

. Manipulate that image as far as filters and shading are concerned. Get text onto the image. Importantly, manipulate that text. a. Font choice, color, transparency, and placement of the word/text.

ENGL106

Some Pre-work:
1. First we need some images to play with. Ive already found a couple of images that we

can use a shot of a campground and an extra wind turbine (http://mentor.rhetorike.org/content/working-photoshop). If youre feeling adventurous, you can find your own images, too.
a. http://www.sxc.hu/ http://www.flickr.com/creativecommons/ http://www.deviantart.com/#catpath=resources/stockart&order=15

2. For some context on how text/context changes the work of a piece:

http://www.despair.com/viewall.html http://www.quickmeme.com/Futurama-Fry/

Getting Started 3. Start > All Programs 4. Choose Adobe Design Premium CS5, then Adobe Photoshop CS5. 5. Inserting an image: Go to File > Open and then select a photograph. 6. Have a look around Photoshop. On the left are different tools you can use, on the top right are color controls, in the middle right is different adjustments and masks, and on the bottom right are layers, channels, and paths. Layers are really what make Photoshop powerful. 7. This layer is locked, to unlock it, double-click on the layer, rename it to something other than background and then click OK. What weve done is make this background into an editable layer. 8. *Inserting other image files: There are two different ways to insert other images into your working area. a. You can either open the second image file in Photoshop and then drag it to your current document with the move tool: b. You can copy and paste it in, provided the image is selected in the first file. b.i. (Select images using Select > ALL) 9. Adjusting images: a. Filters: Filters are effects you can add to a photo to really make it unique. There are literally dozens of others to choose from. a.i. Filter > Choose! a.ii. WARNING: Be aware what layer you are presently clicked on before applying filters. a.ii.1. To apply a filter to all images: Flatten Image.

a.ii.1.a. When you flatten an image, you remove all the layers from it. I suggest saving your fileas a different name before doing this in case you ever want to get back into your layers. b. Layer Effects/ Shading b.i. Layer Effects: Double click on the layer youre interesting in affecting and you will bring up Layer Styles/Effects: Shadow, Glow, Emboss, Overlay, etc. b.ii. Shading: b.ii.1. Image > Adjustments > Shadows/Highlights b.ii.2. Try duplicating layers for additional options a. Additionally . . . b.iii. Adjust image size: Image > Image size b.iii.1. Will allow you to adjust the resolution and the size of the image. b.iv. Adjust color balance: Image > Adjustments > color balance b.iv.1. You can adjust highlights (lightest part of the image); midtones (mid parts of the image), and shadows (darkest part of the image) b.v. Adjust contrast or brightness: Image > Adjustments > Contrast / brightness b.vi. Adjust levels: Image > Adjustments > Levels
10. Adding text: You can add text by clicking on the Horizontal Type Tool.

a. Photoshop will always create a new layer for you when you add text. 11. Adjusting text: You can change the font family, font style, and font size with the top menu bar. 12. You can change the font color by selecting the desired text layer and the Horizontal Type Tool. a. Highlight the desired text, and choose a new color from the Swatches panel of the top right color controls. For a larger color selection, highlight the desired text, then double click the Set Foreground Color box near the bottom of the left tool menu. 13. You can change the transparency of text by selecting the desired text layer, then going to the Opacity option in the top right corner of the Layers palette. Lower or raise the opacity value to let the image underneath partially show through. 14. You can move the text selecting the desired text layer and the Move Tool, then simply drag and drop. a. To resize and reposition, go to Edit and Free Transform (or Ctrl + T for the Win, Command + T for Mac). This brings up Photoshops Free Transform box and handles around your text. a.i. Click anywhere inside the FT box and drag to reposition (warning: dont click the target icon in the center of your text box or youll move only the target and not the image). a.ii. To resize in proportion, hold down Shift + Alt (Win) or Shift + Option (Mac) and drag any of the corner handles.

15. Saving: Go to File and Save As.

a. Remember a.i. PSD = Photoshop (Opens only with Photoshop). a.ii. PNG / JPG / GIF = common web photo types (opens on any computer = good) b. For the Web: Go to File, Save for Web and Devices (or just Save for Web if you have an older version of Photoshop). Save it as a JPEG (.jpg) file at least 30 quality. 60 quality is preferred, but be aware of your total size. Now try on your own: Try to make your own image manipulation where you place a quote (any quote) on a picture. Youre looking to avoid the literal. In other words, if your quote is about a dirty kitchen, its not going to cut it to stick the quote on a picture of a dirty kitchen. You are looking for the unexpected juxtaposition that offers some sort of message and interpretive possibilities Possible places for finding a quote:
http://famousquotesandauthors.com/ http://www.brainyquote.com/