Image Editing With Photoshop Cs

  • Published on
    17-May-2015

  • View
    11.659

  • Download
    0

Embed Size (px)

DESCRIPTION

Image Editing With Photoshop Cs

Transcript

  • 1. Photoshop Doc. 9.73 Ver 3 PHOTOSHOP CS Photoshop is the industry-standard software for image-editing, providing a range of powerful tools. Instructions in these notes cover version CS, but will broadly apply to versions 5.0 - 7.0 in addition. Contents 1Introduction ................................................................................... 2 2The Crop Tool................................................................................. 5 3Applying Filters............................................................................... 7 4The History Panel ............................................................................ 8 5The Marquee Tool ........................................................................... 9 6Other Selection Tools......................................................................11 7Using Layers .................................................................................13 8New View and the Navigation panel ..................................................16 9File Format and size .......................................................................17 10 The Clone Stamp ...........................................................................18 11 The History Brush ..........................................................................19 12 Removing Red-Eye from photographs ...............................................20 13 Using Text ....................................................................................22 14 Retouching tools ............................................................................25 15 Tools and Shortcuts........................................................................28 About this Document Will need to be typed or chosen from a menu Words in bold or window Small capitals e.g. ALT Indicate keys that you pressPress KEY1 + KEY2 Press both keys togetherPress KEY1, KEY2Press each key consecutivelyBulleted listsAre guidelines on how to perform a task Show menu commands in this case, choose Choose Insert - Picture the option Picture from the Insert menu at the top of the screen

2. Doc. 9.73 Ver 3Photoshop1 Introduction Objectives To introduce the most commonly-used tools in PhotoshopMethod We will use the menus to open a picture, and the toolbox to magnify our viewComments There are four main areas that are used in Photoshop the menus, the statusbar, the toolbox and the palettesActivity 1.1 Open and Save an Image The images we will use are contained on the web, within Birkbecks onlinelearning environment, WebCT. If you are on a workshop, you will have beenregistered for the course already. If not, contact ITS reception for access. Login to WebCT (webct.bbk.ac.uk) Go into the IT Skills course Choose Software Guides Photoshop Sample Images PhotoshopImages From the gallery, pick an image at random andclick on View Image to see it full-sizeFigure 1-1 Right-click on the image and choose Save PictureAs or Save Image As to save a copy to your N:drive (the My Documents folder)Figure 1-2 In Photoshop, use File Open to open the image you just savedUse the Image menu to duplicate the picture, so thatchanges are made to a copy. You will be asked to giveit a name.Choose File Save to save the image copy onto your n: drive. Accept thedefault options offered for file size etc. 3. Photoshop Doc. 9.73 Ver 3 Activity 1.2On the left-hand side of the screen, you should see the toolbox, which gives access to most of Photoshops features. Some of the more common ones are named below.over a tool to see its name and shortcut key Note that any tool with an arrownext to it has further options click and hold the mouse to see options for that tool Marquee used to selectareas of an image Crop to reduceimage size Paintbrush/PencilBlur/Sharpen/Smudge Type add text to imageEyedropper pick a colour from an image Magnifying glass zoom Foreground colourin/out Background colourSwap fore/backgroundcolours Figure1-3Activity 1.3 At the bottom of the Photoshop window is the Status Bar, which holdsinformation about the currently-selected image.Current zoom level Description of use of the current tool Figure 1-4Uncompressed size of image(both numbers usually largerthan final image) 4. Doc. 9.73 Ver 3 Photoshop Activity 1.4 Many of the tools have modifiers holding one or a combination of the followingkeys will affect the way that tool works.SHIFT CTRL ALTClick on the magnifying glass to select that tool Click on the image to zoom into the area underneath the cursor Hold down Alt and click the image to zoom out Click and drag (without pressing any keys) to select an area to magnify The status bar explains the current function watch it change when you holddifferent key combinationsFigure 1-5 Note You may also roll the mouses wheel up and down to zoom in and out (so long asthe scrollbars are not showing) Double-clicking theicon in the toolbox will return the image to 100%magnification 5. PhotoshopDoc. 9.73 Ver 32 The Crop Tool Objectives To use the crop tool to reduce the picture size, cutting out extraneous areasMethod The crop tool is available from the toolboxComments The status bar has useful information on the use of toolsActivity 2.1Figure 2-1 Select the crop toolfrom the toolboxActivity 2.2 Click and drag on your image to define the area you wish to keep. The boxes at each corner allow you to change the size and shape of the selection The status bar has information hit ENTER to crop, ESC to cancel. Press theENTER key Activity 2.3 Select another area of the image with the crop tool Each tool has further options which are available immediately below the menubar (if you cannot see them, choose Window Show Options).Figure 2-2The shield option affects the way the cropped area is displayed on screenUse theicons to confirm or cancel a crop Activity 2.4 The crop tool may also be used to fix or distort the perspective in an image In WebCT open the full size version of perspective.jpg (click on the ViewImage link) and save a copy to your n: drive In Photoshop, open the file from your n: drive 6. Doc. 9.73 Ver 3 Photoshop Right-click on the title bar and choose Duplicate to take a copy Zoom out, if necessary, so that you can see the whole image Select the crop tool if it is not already active Draw a box around the edge of thecentral shape Tick the Perspective box at the top ofthe screen Drag the top corners of the crop boxinwards, so it roughly matches theshape Commit the crop Close and save your copy of perspective.jpg to your n: driveFigure 2-3 Activity 2.5 The crop tool has other functions. Position the mouse cursor outside theselected area and it will turn into a curved, double-headed arrow, which allowsyou to rotate the area selected useful if the original image is slightly askew. Draw a new area to crop on the current image Move the mouse outside the selected area and click and drag the mouse torotate the selection Click and drag the centre point iconto a different point on the image andagain rotate the selection to see the effectActivity 2.6 The crop tool may also be used to add a border to your image Resize the image window so there isblank space around it (you may needto zoom out to create enough room onthe screen) Use the crop tool to select the wholeimage Make sure the perspective tick-box isunchecked, and drag the corners of theselected area outside the boundaries ofthe picture, as shown Crop the picture Photoshop will add a border aroundyour picture. Note that the border colour is the same as the currentbackground colour, at the bottom of the toolbox.Figure 2-4 7. PhotoshopDoc. 9.73 Ver 33 Applying Filters Objectives To introduce the range of filters available in Photoshop Method Filters are accessible from the Filter menu Comments The last filter used is shown at the top of the menu, and may be applied usingthe shortcut CTRL + FActivity 3.1 Photoshops filters allow you to refine or distortan image. In WebCT, open the Chalet image (filenameOFInndis.jpg) and save a copy to your n:drive remember to rename it so you canfind it easily In Photoshop, open the image from your n:drive Right-click in the title bar and chooseDuplicate to take a copy Apply a few filters in turn to the image Which filters you choose are up to you, but a suggested group is shownbelowFigure 3-1Artistic Plastic WrapTexture GrainArtistic Neon GlowSketch Bas Relief Each time you choose a filter, you will be shown a preview, allowing you tochange parameters, or pick another filter from that category click OK toconfirmFigure 3-2 8. Doc. 9.73 Ver 3 Photoshop4 The History Panel Objectives To learn how the history panel works, and how to take a snapshot of an imagescurrent stateMethod You will use the history panel to undo changes made to an imageComments The undo function exists in Photoshop, but acts as a toggle, undoing and thenredoing the last actionActivity 4.1 Photoshop has an undo function, on the edit menu. It serves as a toggle, toundo and redo the last action, rather than allowing you to undo several differentedits. The History panel allows you to return an image to its state at any point duringthe editing process. The panel should be visible if it is not, choose Window Show History Activity 4.2 The history panel shows each action taken on animage, and allows you to step backwards andforwards through those actions. Click on one of your filters in the list Click back on the most recent filter in the listPhotoshop returns the picture to that state.Figure 4-1 Activity 4.3 At the top of the panel is a thumbnail of the original image, with its name. Click on the thumbnail to return the picture to its original state Click on one of the filters to return the picture to that state Click and drag any one action to the dustbin at the bottom right of thehistory window to delete it Activity 4.4 The history panel allows you to take a snapshot of the current document state,or to take a copy of it the latter is much the same as using the duplicatecommand, with the copy named after the last effect applied. The snapshot command is useful if you have the image looking as you want, stillwant to make further amendments, but want to be able to return it easily to thatstate. Click on the snapshot icon at the bottom of the history panel A new thumbnail is added double click on the text snapshot 1 to rename it. Snapshots are particularly useful to enable you to flick between before andafter views of an image, once youve made several amendments. Note The history, including snapshots, is not available once an image has been savedand closed to preserve a partially-edited image, you should create a newdocument from it and save it under a new file name. 9. Photoshop Doc. 9.73 Ver 35 The Marquee Tool Objectives To edit only selected portions of an image Method The marquee tool works by clicking and dragging to select an area. Holding themodifier keys affects the operation of the tool Comments The marquee tool allows the user to select parts of an image and apply filtersand other transformations to only the selected area(s)Activity 5.1 The marquee tool allows the selection of areas of an image, which may then becopied, moved and edited. In WebCT, open the image England Kit (filename enghkit.jpg)and save a copy to your n: drive In Photoshop, open the image you just saved Right-click in the title bar and choose duplicate to take a copy ofthe image Choose the marquee tool from the toolbox Click and drag on the image to select an area Choose a filter from the (filter) menu note that it is only applied to the areayou previously selected Note In effect, the area selected by the marquee tool becomes the active area anyedits you attempt to make will only work inside that area. For an example,select the brush tool and try to draw outside and inside your selectionActivity 5.2 Add to your selection Select the marquee tool (shortcut M) Hold down SHIFT and draw a new selection it need not intersect with thefirst to increase the area selected Removing part of your selection Hold down ALT while dragging to remove an area from your selection Copy and move Hold down CTRL and drag a selection to move it Hold down CTRL + ALT and drag a selection to copy it 10. Doc. 9.73 Ver 3Photoshop Activity 5.3 Other marquee tools are available elliptical, single row and single column Click and hold the mouse on themarquee tool in the toolbox Select the elliptical marquee tool Click and drag on the image to selectan areaFigure 5-1The modifier keys work exactly as above. Activity 5.4 To deselect a selected area, click anywhere on the image You may click and drag a selection to move the selected areaNote Both the rectangular and elliptical marquee tools have the same shortcut key M but you will need to hold down the SHIFT key to toggle between them. 11. Photoshop Doc. 9.73 Ver 36 Other Selection Tools Objectives To explore other ways to select areas of an imageMethod You will select the lasso, magnetic lasso and magic wand tools from the toolboxand use them to see their different effects in action Comments The variety of selection tools gives great flexibility in selecting areas of animage. You may combine the different tools make a selection with one, chooseanother from the toolbox and hold SHIFT to select the area with which you wantto workActivity 6.1 The lasso tool allows you to select a freehand area of your image Select the lasso tool from the toolbox Draw a selection area onto the image Any filters or edits you attempt will only apply to the selected area As with other marquee tools, holding SHIFT allows you to add to thearea selected, holding ALT to reduce it Activity 6.2 The magnetic lasso tool allows you (with a littlepractice) to select a particular area of yourimage, with Photoshop working out which part ofthe image to follow (based on the colourcontrast). In WebCT, open the frog image (frog.jpg)and save a copy to your n: drive In Photoshop, open the image you have just saved Right-click in the title bar and choose duplicate to take a copy Click and hold on the lasso tool icon Select the Magnetic lasso Change the frequency to 100 Click once at the edge of the frogs eye, then trace a path around the outside Double click to confirm the selection Again, remember that holdingSHIFT allows you to add to a selection, The selected area may then be copied and pasted, or edited try applying theGaussian Blur filter (Filter Blur Gaussian blur) 12. Doc. 9.73 Ver 3 Photoshop Activity 6.3 The magic wand attempts to select an area for you, again based on colourcontrast Select the magic wand tool At the top of the screen, change the tolerance to 100 Click anywhere in the main body of the frog to select it The frog should now be selected use the history panel if you needto try again Choose Edit Copy (CTRL+C is the shortcut) Change to a different image (or open one if you have no others on screen) Paste the frog onto the...

Recommended

View more >