1 Getting Started With Adobe Photoshop CS3 Pictures in photoshop are measured in inches orpixels. A pixel is one screen dot. If your work is sized at (W) 300 pixels by (H) 200 pixels, it means there are 300 dots horizontally and 200 dots vertically. Photoshop is all about layers. Think of layers in photoshop as highlighted segments in Word. Only the highlighted bits are affected. Only the layer you have clicked on is affected. Sizing is done using Image Size or Canvas Size. IMAGE size will calculate automatically the width or height from either (W) or (H) number you assign. The entire picture will get bigger or smaller. CANVAS size is a defined size by you both in width and height and cropping will occur.
2 Photoshop Language Top of the Screen Menu Bar is the line on top with File, Edit etc. Options Bar is the second line (Options bar works with the Tools Palette) The open space is the CANVAS
3 Photoshop Language LHS of the Screen Tools Palette Hover mouse over each tool and it will tell you what it s for To get off of one tool on the Tools Palette, just click onto another one Each tool will give you options for use on the Options bar at the top of the screen
4 Photoshop Language RHS of the Screen The Layers Manager is on the right hand side of the screen. To get off of one layer, click onto another one. There is also a menu for layers at the bottom of the Layers Manager. Hovering the mouse over the icons will tell you what they re for. Enhancing a photo is all about layers. Make as many as you need, but name them, so you won t be confused about which layer is which. When creating a new layer, just double click on The highlighted layer no. in blue and give it a name. Layer rectangle Layer This is a Layer Background
5 Saving a.jpg and decreasing pixel size to attach to e mails or use with ihpowerpointp On the Menu Bar: File > Open (find your saved picture) Image > Image Size In pixels, a good size to work with is pixels in either (W) or (H) depending on the picture orientation Change the pixel dimensions (don t worry about the document size) Constrained proportions checked will automatically resize the image proportionately OK
6 To save a.jpg for decreasing resolution and attaching to e mails: If you reduce the size and the picture is too small to work with, click on the % sign on the bottom lhs of the layer and change to, say, 100% Press Enter and then with your mouse drag the blue lines of the layer frame on the canvas down and across to expose the photo On the Menu Bar: File > Save for Web and Devices (make sure it is JPEG or GIF jpeg is more common Optimized i dis checked and High quality is at least 72). This ensures faster downloading on a web page or printing in PowerPoint Save and rename so that your original raw picture is not compromised Go ahead and attach to any e mail or use in PowerPoint without worry of size
7 When manipulating photos: Always save as you go in the photoshop program: File > Save OR Save As (.psd) in order to retrieve or edit any layers that you ve created Once you have saved a photoshop document using Save for Web and Devices, you cannot retrieve the original you were working with.)
8 To set the photo at a determined size From the Menu Bar: File > Open > Select your photo Image > Canvas Size Change inches to pixels Canvas size is all about anchoring portions of a photo which you want to keep. Remember the rule of thirds. Whichever arrow you click on is the anchor. The anchor retains that portion of a third.
9 To set the photo at a certain size (width): From the Menu Bar: File > Open > Select your photo > Open Image > Canvas Size Change inches to pixels To change the width (either rhs or lhs), click on the arrow in the square on the side of the photo you want to keep this is the anchor and change the width size (e.g., from 800 to 400) OK and proceed In this case I kept the rhs. You see the tree is gone
10 To set the photo at a certain size (height): From the Menu Bar: Image > Canvas Size Change inches to pixels To change the height (either top or bottom), click on the arrow in the square on the top or bottom of the photo you want to keep this is the anchor and change the height size (e.g., from 800 to 400) OK and proceed You see the bike path is gone
11 Experiment with brightness and contrast: File > Open > Select photo From the Menu Bar: Image > Adjustments > Brightness/Contrast Make surethat Preview is checked Play around with the brightness and contrast OK File > Save for Web and File > Save for Web and Devices if you re finished
12 Adding text to the photo: File > Open > Select Photo From the Tools Palette, click the text icon Choose the font style, tl size and colour in the Options Bar Click on the photo and type the text Noteinthe the Layers Manager, the new layer with the text Click on the Move tool on the Tools Palette and place the text anywhere you choose on the photo To release the text mode, click on another tool in the Tools Palette Save in.psd if you want to close and make changes at another time File > Save OR Save As
13 To enhance text on the photo: Double click on the text t tool in the Layers Manager (the text on the photo will be highlighted) To create Drop Shadows on shapes or text, click on the proper layer in the Layer Manager On the Menu Bar select Layer > Layer Style > Drop Shadow (play around with different settings) To create special effects like Bevel and Emboss On the Menu Bar, Select Layer > Layer Style > Bevel and Emboss and play around with different settings for desired texture Check drop shadow or inner or outer glow and experiment with structure or shading and then OK If you think you re finished File > Save for Wb Web and Devices, if not File > Save as.psd
14 On the Layers Manager, from the Menu Bar at the bottom, add a new layer (it looks like a folded bit of paper) and name it rectangle : double click on the Layer # to rename With the rectangle layer highlighted in the Layers Manager (click on it), on the Tools Palette select the Rectangular Marquee Tool M icon With the mouse, draw a rectangle around the text If the colour in the Options Bar is a solid colour, the text will be hidden If there s no colour at all, provide one from the Menu, bottom of Layers Manager (1/2 filled circle) Solid Colour > Pick one > OK On the Layers Manager, drag the rectangle layer below the text layer and the text will be revealed To add another layer:
15 Changing text orientation To change text orientation Doubleclickon on thetext text tool on the text layer in the Layers Manager From the Options Bar click on the Orientation Tool You may need to resize the text on the Options Bar to make it fit To rotate text or shapes Click on the layer you want changed in the Layer Manager From the Menu Bar, Edit > Transform > Rotate or flip horizontally or vertically Click on Apply if you re satisfied Using the move took in the Tools Palette, move the shape over to the text
16 Experimenting with layer shapes On the Layers Manager, from the Menu Bar at the bottom, add a new layer and name it butterfly Right click on the Rectangle Tool U in the Tools Palette Click on Custom Shape Tool On the Option Bar, click on Shape: Find the butterfly and click on it Outline a butterfly as big as you want on your photo In the Options Bar, you can change the colour or style If you want another one, click on the butterfly layer in the Layer Manager, right click, duplicate layer Click on the duplicate layer in the Layer Manager and using the Move tool in the Tools Palette, move the duplicate somewhere else on the canvas
17 Cropping & Rotating Cropping is better done using the Anchor method Crop tool on the Tools Palette is tricky. Remember that when cropping, the image inside the rectangle is what is kept; everything outside of the rectangle is removed If you re having trouble dragging the crop tool, use ESC to undo. To rotate a photo: From the Menu Bar: Image > Rotate Canvas > choose from horizontal, vertical, or arbitrary
18 Erasing, Blurring, Lightening, Darkening On the Tools Palette, click on the eraser. Choose a size from the Options Bar at the top you ll have to play around with the size. Hold down the left side of your mouse and erase whatever you need For larger portions, RIGHT CLICK on the eraser tool and select MagicEraser Toolto erase chunks. To blur edges, click on the Blur Tool in the Tools Palette. Choose the size of brush (strength indicates how much blur you re adding) Hold down the left mouse button and blur the edges To lighten or darken use the Dodge Tool Choose a Range, play around withshadows shadows, midtonesand highlights. Use the mouse to brush across the canvas.
19 Create a new canvas From the Menu Bar: File > New Make sure Resolution is 72 pixels/inch, Color Mode is RGB 8 bit, and Background contents: Transparent Name the file and choose the size of the canvas (e.g., if you want to size two pictures at 270 (W), you can put them side by side on a canvas of =540 pixels (W) For a 540 width pixel page and a square of four squared sized pictures, the sample of the new canvas size here is 540 (W) by 540 (H) > OK To create a collage Open a picture on the canvas: File > Open from saved photos Image > Image Size Key in Width 270 If the Height is now under 270, switch and size Height first at 270 > OK You will see now that the Width is now bigger than 270 (which means you can crop it to 270 using Canvas Size). First click OK (don t worry about document size). If the picture is now too small, increase the % on the bottom lhs of picture + Enter and drag the sides using your mouse to enlarge *Image > Canvas Size: change to pixels Decrease either (W) or (H) to get a square of 270 pixels Anchor whichever side or top or bottom you need to decrease the size Play around with the edges, left and right, or top or bottom to get most of your picture in the square click on proceed each time** Repeat from * to ** until you get a 270 x 270 square Click on the move tool from the Tools Palette and move the first 270 x 270 picture onto the New Canvas
20 Moving Canvas Sized Pictures one by one onto a New canvas If you want to make a New Canvas a little bigger (say by 40 pixels = 590 square), ),you can make a frame around your pictures by creating a solid colour as a background Click on the New Layer Layers Manager Menu at the bottom: Create new fill > Solid Color > Pick the colour > OK Drag the new colour fill layer down until the pictures are exposed in the Layers Manager
21 Finished Collage
22 To switch heads Open two pictures one heads from and one heads to Either on the Menu: Layer > Duplicate Layer or save as new pictures so you don t lose the originals. With the photo selected that you want to take the head from, use the Lasso Tool on the Tools Palette and with the mouse draw a selection around the head it doesn t need to be precise CTRL + C (copy the head)
23 Switching heads cont d. d. Select the photo that you want the head on, CTRL+V (to paste) The head is now on the second photo CTRL+T to go into transform mode and resize (if needed) to fit the head proportionately over the body Use the move tool to position the head
24 Switching heads cont d. d. Right click on the eraser tool, choose Eraser Tool, choose the brush size in the Options Bar and erase any parts of the picture you need Save the photo in.psd if you want to play some more or File > Save for Web and Devices if done.
25 Helpful Hints Use the red eye function from your camera s software and then save your picture with red eye removed in its raw format before bringing i into photoshop h Esc on your keyboard will get you out of keystrokes made by mistake If you find you haved lost a photo on the canvas, on the Menu Bar: Window > Arrange > Cascade If you change your mind or make a mistake you can also undo by selecting Edit on the Menu Bar > Undo OR Step backward On the Layers Manager, clicking on the eye will hide and show the layers you are working on Don t forget that in order to have layers exposed, you may have to drag the layers in the Layers Manager either up or down If you want to experiment with ihsomething to see if it works, create a duplicate layer (or copy): right click on your photo, OK Most Social Science web pages have style sheets that accept pictures across the page at 540 pixels per inch