PHOTOSHOP CS - INTRODUCTION

Download Activity 1.2 On the left-hand side of the screen, you should see the toolbox, which gives access to most of Photoshop's features. Some ...

0 downloads 627 Views 937KB Size
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 1

Introduction ................................................................................... 2

2

The Crop Tool................................................................................. 5

3

Applying Filters............................................................................... 7

4

The History Panel ............................................................................ 8

5

The Marquee Tool ........................................................................... 9

6

Other Selection Tools......................................................................11

7

Using Layers .................................................................................13

8

New View and the Navigation panel ..................................................16

9

File 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 or window

Words in bold Small capitals – e.g. Press

KEY1

Press

KEY1, KEY2

ALT

+ KEY2

Indicate keys that you press Press both keys together Press each key consecutively

Bulleted lists

Are guidelines on how to perform a task

Choose Insert - Picture

Show menu commands – in this case, choose the option Picture from the Insert menu at the top of the screen

Doc. 9.73 Ver 3

Photoshop

1 Introduction Objectives

To introduce the most commonly-used tools in Photoshop

Method

We will use the menus to open a picture, and the toolbox to magnify our view

Comments

There are four main areas that are used in Photoshop – the menus, the status bar, the toolbox and the palettes

Activity 1.1

Open and Save an Image The images we will use are contained on the web, within Birkbeck’s online learning environment, WebCT. If you are on a workshop, you will have been registered 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 – Photoshop

Images •

From the gallery, pick an image at random and click on View Image to see it full-size

Figure 1-1 •

Right-click on the image and choose Save Picture As 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 saved

Use the Image menu to duplicate the picture, so that changes are made to a copy. You will be asked to give it a name. Choose File – Save to save the image copy onto your n: drive. Accept the default options offered for file size etc.

Photoshop

Doc. 9.73 Ver 3

Activity 1.2

On the left-hand side of the screen, you should see the toolbox, which gives access to most of Photoshop’s 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 arrow f next to it has further options – click and hold the mouse to see options for that tool

Marquee – used to select areas of an image Crop – to reduce image size

Paintbrush/Pencil

Blur/Sharpen/Smudge Type – add text to image Eyedropper – pick a colour from an image

Foreground colour Background colour

Magnifying glass – zoom in/out Swap fore/background colours

Figure 1-3

Activity 1.3

At the bottom of the Photoshop window is the Status Bar, which holds information about the currently-selected image. Current zoom level

Description of use of the current tool

Figure 1-4 Uncompressed size of image (both numbers usually larger than final image)

Doc. 9.73 Ver 3 Activity 1.4

Photoshop

Many of the tools have modifiers – holding one or a combination of the following keys will affect the way that tool works. SHIFT CTRL ALT Click 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 hold different key combinations Figure 1-5

Note

You may also roll the mouse’s wheel up and down to zoom in and out (so long as the scrollbars are not showing) Double-clicking the magnification

icon in the toolbox will return the image to 100%

Photoshop

Doc. 9.73 Ver 3

2 The Crop Tool Objectives

To use the crop tool to reduce the picture size, cutting out extraneous areas

Method

The crop tool is available from the toolbox

Comments

The status bar has useful information on the use of tools

Activity 2.1

Figure 2-1 Select the crop tool

Activity 2.2

from the toolbox

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 key

Activity 2.3

ENTER

to crop,

ESC

to cancel. Press the

Select another area of the image with the crop tool Each tool has further options which are available immediately below the menu bar (if you cannot see them, choose Window – Show Options).

Figure 2-2 The shield option affects the way the cropped area is displayed on screen Use the

Activity 2.4

icons to confirm or cancel a crop

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 View Image link) and save a copy to your n: drive



In Photoshop, open the file from your n: drive

Doc. 9.73 Ver 3

Activity 2.5

Activity 2.6



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 the central shape



Tick the Perspective box at the top of the screen



Drag the top corners of the crop box inwards, so it roughly matches the shape



Commit the crop



Close and save your copy of perspective.jpg to your n: drive

Photoshop

Figure 2-3

The crop tool has other functions. Position the mouse cursor outside the selected area and it will turn into a curved, double-headed arrow, which allows you 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 to rotate the selection



to a different point on the image and Click and drag the centre point icon again rotate the selection to see the effect

The crop tool may also be used to add a border to your image •

Resize the image window so there is blank space around it (you may need to zoom out to create enough room on the screen)



Use the crop tool to select the whole image



Make sure the perspective tick-box is unchecked, and drag the corners of the selected area outside the boundaries of the picture, as shown



Crop the picture



Photoshop will add a border around your picture. Note that the border colour is the same as the current background colour, at the bottom of the toolbox. Figure 2-4

Photoshop

Doc. 9.73 Ver 3

3 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 using the shortcut CTRL + F

Activity 3.1

Photoshop’s filters allow you to refine or distort an image. •

In WebCT, open the Chalet image (filename OFInndis.jpg) and save a copy to your n: drive – remember to rename it so you can find it easily



In Photoshop, open the image from your n: drive



Right-click in the title bar and choose Duplicate 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 shown below Figure 3-1 Artistic Texture Artistic Sketch

– – – –

Plastic Wrap Grain Neon Glow Bas Relief

Each time you choose a filter, you will be shown a preview, allowing you to change parameters, or pick another filter from that category – click OK to confirm

Figure 3-2

Doc. 9.73 Ver 3

Photoshop

4 The History Panel Objectives

To learn how the history panel works, and how to take a snapshot of an image’s current state

Method

You will use the history panel to “undo” changes made to an image

Comments

The undo function exists in Photoshop, but acts as a toggle, undoing and then redoing the last action

Activity 4.1

Photoshop has an undo function, on the edit menu. It serves as a toggle, to undo and redo the last action, rather than allowing you to undo several different edits. The History panel allows you to return an image to its state at any point during the editing process.

Activity 4.2

• The panel should be visible – if it is not, choose Window – Show History The history panel shows each action taken on an image, and allows you to step backwards and forwards through those actions. • •

Click on one of your filters in the list Click back on the most recent filter in the list

Photoshop returns the picture to that state. Figure 4-1

Activity 4.3

Activity 4.4

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 the history window to delete it

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 duplicate command, with the copy named after the last effect applied. The snapshot command is useful if you have the image looking as you want, still want to make further amendments, but want to be able to return it easily to that state. •

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 and after” views of an image, once you’ve made several amendments.

Note

The history, including snapshots, is not available once an image has been saved and closed – to preserve a partially-edited image, you should create a new document from it and save it under a new file name.

Photoshop

Doc. 9.73 Ver 3

5 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 the modifier keys affects the operation of the tool The marquee tool allows the user to select parts of an image and apply filters and other transformations to only the selected area(s)

Comments

Activity 5.1

The marquee tool allows the selection of areas of an image, which may then be copied, 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 of the image



Choose the marquee tool from the toolbox



Click and drag on the image to select an area



Note

Choose a filter from the (filter) menu – note that it is only applied to the area you previously selected In effect, the area selected by the marquee tool becomes the active area – any edits you attempt to make will only work inside that area. For an example, select the brush tool

Activity 5.2

and try to draw outside and inside your selection

Add to your selection • •

Select the marquee tool (shortcut M) Hold down SHIFT and draw a new selection – it need not intersect with the first – 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 Hold down

CTRL CTRL

and drag a selection to move it + ALT and drag a selection to copy it

Doc. 9.73 Ver 3 Activity 5.3

Photoshop

Other marquee tools are available – elliptical, single row and single column • • •

Click and hold the mouse on the marquee tool in the toolbox Select the elliptical marquee tool Click and drag on the image to select an area

Figure 5-1

The 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 area

Note

Both the rectangular and elliptical marquee tools have the same shortcut key – – but you will need to hold down the SHIFT key to toggle between them.

M

Photoshop

Doc. 9.73 Ver 3

6 Other Selection Tools Objectives

To explore other ways to select areas of an image

Method

You will select the lasso, magnetic lasso and magic wand tools from the toolbox and use them to see their different effects in action

Comments

The variety of selection tools gives great flexibility in selecting areas of an image. You may combine the different tools – make a selection with one, choose another from the toolbox and hold SHIFT to select the area with which you want to work

Activity 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 the area selected, holding ALT to reduce it

Activity 6.2

The magnetic lasso tool allows you (with a little practice) to select a particular area of your image, with Photoshop working out which part of the image to follow (based on the colour contrast). •

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 frog’s eye, then trace a path around the outside



Double click to confirm the selection

Again, remember that holding

SHIFT

allows you to add to a selection,

The selected area may then be copied and pasted, or edited – try applying the Gaussian Blur filter (Filter – Blur – Gaussian blur…)

Doc. 9.73 Ver 3 Activity 6.3

Photoshop

The magic wand attempts to select an area for you, again based on colour contrast • • •

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 need to 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 image Choose Edit – Undo Paste (CTRL + Z) to remove it

The tolerance level sets the range of colours that will be selected – and thus will need to be lower where you are selecting an object in amongst a similar colour – trial and error will find the best setting.

Activity 6.4

The different selection tools may also be combined, providing flexibility in selecting areas of your image. •

In WebCT, open and save a copy of the image Vienna Mak (filename screens.jpg)



In Photoshop, open the image you just saved



Select the rectangular marquee tool



Click and drag to select part of one of the arches at the top of the image



Change to the magnetic lasso



Hold down SHIFT and draw around the unselected area to increase the area selected



Double-click when you have finished selecting an area

It is easy accidentally to leave an area unselected, as in the example shown. If you do, hold down SHIFT and use one of the selection tools to draw round the missing area • • • • •

Note

Click on the Actions tab on the History panel Click on the arrow next to Default Actions to expand the list Click on Vignette (selection) Click on Play at the bottom of the panel Click OK

An action is a pre-recorded sequence of edits, which may then be applied to a selection, picture or directory (using File – Automate – Batch). You may record your own actions in order to automate the editing of several pictures, though this is outside the scope of this workshop.

Photoshop

Doc. 9.73 Ver 3

7 Using Layers Objectives

Explore the usefulness of layers in adding elements to an image

Method

Paste a previously-copied item onto a picture and explore the functions of layers using the newly-pasted item

Comments

Layers are effectively separate documents, allowing you to amend one layer without affecting the background. Double clicking on a layer allows access to further options

Activity 7.1

Pasting an image into a new layer Thus far, we have only worked on the “background” layer – which has in each case been holding the whole image. That layer always shows through any other layers that are added. The layers palette shows the layers within the current document in order – at the bottom of the palette is the background, with other layers on top. We will add the frog to the screens.jpg image on which we were working. •

Switch, if necessary, to the image screens.jpg

Pasting a new image on to that picture will automatically create a new layer •

Click Paste (CTRL + V)

If nothing happens, you will need to switch back to image B03711.jpg using the window menu, and choose Edit – copy (CTRL + C)

Figure 7-1

You will see the new layer in the layers palette, as in Figure 7-1 (if the palette is not visible, choose Window – Show Layers)

Activity 7.2

The move tool allows you to move the contents of a layer around the image •

Activity 7.3

Select the move tool (if necessary – it is automatically activated when you paste an image) and experiment with it to position the frog on the image

Renaming the layer In a complex project, it is good practice to give each layer a distinctive name, providing a hint at least as to what is on each one. •

Right-click on “Layer 1”

Doc. 9.73 Ver 3 • • •

Photoshop

Select Layer Properties Give the layer a name, as in Figure 7-2 Click OK or press RETURN

Figure 7-2

The “Color” option allows you to give each layer a colour in the layer palette for ease of access Layer properties are also available from the Layer menu

Activity 7.4

Transforming a layer’s contents We will reduce the size of the frog to make it a better scale for the photograph •

Choose Edit – Transform – Scale

A box appears around the frog, allowing the image to be resized Note a benefit of using layers – it does not matter whether the frog was selected using a marquee tool or not; it is the only thing on the layer and thus is automatically surrounded by the transformation box. • • •

Click and drag one of the corners inwards to resize the frog Hold down the SHIFT key to preserve the original ratio Drag the frog to the bottom-right of the image



Hit enter (or use the

icon) to commit the transformation

Remember that the status bar at the bottom of the screen reminds you of keys and combinations you may use.

Activity 7.5

Layer options There are various options available to quickly change the appearance of a layer’s contents. •

Double-click on the layer in the layers palette

The Layer Style screen appears, as shown in Figure 7-3 • • •

Drag the Layer Style window out of the way so you can see the frog – click and drag the blue title bar to move it Tick boxes to see their effect Click OK when finished, or New Style to save these settings for future use

Note the Opacity slider, which allows for some interesting effects. In fact, you may change the opacity from the layers panel without using the Layer Style screen.

Photoshop

Doc. 9.73 Ver 3

Figure 7-3

Activity 7.6

Saving Layers Note that layers are specific to Photoshop – that is to say, they will not be preserved if you save in any format other than Photoshop’s own, which has a .psd extension. For complex images, it is well worth saving a working copy as a .psd file and then creating a jpeg, gif etc from that.



Choose File – Save As If necessary, change the Format to Photoshop, as in Figure 7-4 Click Save

• •

Choose File – Save As again Change the Format to Jpeg

• •

Note the warning at the bottom of the dialogue box that “file must be saved as a copy with this selection” – that is because Photoshop will “flatten” the layers – the picture will appear the same, but the layers will no longer be independently editable. Figure 7-4 •

Click Save

Doc. 9.73 Ver 3

Photoshop

8 New View and the Navigation panel Objectives

To explore the use of a different tool for navigating around an image

Method

We will create a new window containing the image, zoom in and use the navigation panel to change the portion in view

Comments

Creating a new view allows you quickly to see the effect edits made whilst zoomed in have on the overall picture. The navigation panel allows you to change the zoomed in area easily.

Activity 8.1

We have looked at zooming in to areas of an image using the magnifying glass. Creating a new view allows you to keep the zoomed-in area separate to the main image. •

Choose Window – Arrange – New Window

A duplicate of the current image is brought up, but this is not a copy. • • • •

Move and resize the new view window such that you can see both it and the original Use the slider on the navigation panel to increase the level of magnification Click and drag the red box on the navigator to change the area shown Select an area of the magnified portion and apply a filter to it Figure 8-1

Note that the changes are made in both windows

Activity 8.2

You may gain more control over the area displayed by using the temporary hand tool • •

Hold down the space bar The cursor changes into a hand – click and drag to change the area displayed

Photoshop

Doc. 9.73 Ver 3

9 File Format and size Objectives

To change the format of image files

Method

The save as command on the File menu allows access to different file formats

Activity 9.1

For best results, you should use different image file formats for different purposes. Some common formats

Activity 9.2

Name

File Extension

Jpeg

.jpeg or .jpg

Gif

.gif

Png

.png

Usage The format usually produced by digital cameras, and used on the web for photographs Also used on the web, better for files with fewer colours – logo, diagram etc. May also be animated A small file size, useful for inserting pictures into Word documents etc.

Photoshop’s Save as command will allow you to pick an alternative file format from a list. If you want a little more control, however, the Save for web option allows you to change the quality (and therefore file size) of the output, whilst checking the effect of changes. • • •

Open the image q:\samples\photoshop\b03711.jpg Choose File – Save for web The requestor shown in Figure 9-1 will appear File format drop down menu

Quality of image

Figure 9-1 The most important settings to use are on the right-hand side •

Click on the drop-down next to Quality and use the slider to change the

Doc. 9.73 Ver 3



Photoshop

image quality Click on the 2-up tab for a comparison of the original and your amended copy – useful, though with large images you may find it easier to switch between the Original and Optimized tabs for comparison purposes

As any quality reduction is slight, you may need to reduce the quality to 0 to really see the effect of changes. You need not change the file type in this case, though it is useful in other cases. Bear in mind that although this option is called “Save for web”, it will be appropriate for any instance where someone will only be looking at images on screen – e.g. when emailing pictures to friends.

10 The Clone Stamp Objectives

To remove part of the image, creating a finished article as if the removed part had never been there.

Method

Use the Clone Stamp to paste a portion of the image over an unwanted part

Comments

You must first tell Photoshop where to start pasting from; it then applies that part of the photo to wherever you click. So you may easily, for instance, remove an unwanted stray hand from a photograph.

Activity 10.1 Clone Stamp •

In WebCT, open the file Camel (camel.jpg) and save a copy to your n: drive



In Photoshop, open the image you have just saved



Take a copy of the image



Select the clone stamp tool

We will remove the chain dangling from the camel’s head, using the clone stamp to paste the sand over the top of it. Before you can use the clone stamp, you must tell Photoshop where to clone from. In this case we are going to clone the existing sand, and paste it over the top of the chain •

Hold down the ALT key, and click at the bottom of the image, about an inch to the left of the chain



Let go of the

ALT

key

At the top of the screen are options relating to the current tool, as shown in Figure 10-1

Photoshop

Doc. 9.73 Ver 3

Figure 10-1 •

Use the drop-down to pick a brush size roughly the same width as the chain (double click on a size to select it)



Draw upwards over the chain – it will be replaced by sand



Note the crosshairs marking where the replacement is coming from



If you want to be exact, zoom in when near the camel’s neck so as to get a clean edge

Should you find that there is still a faint ghost left in the chain’s trail, try ALTclicking close to the chain, further up the photo, and then covering just a few millimetres of the chain at that level to blend it in a little. The clone stamp may also be used on a different image – allowing you to, in effect, copy and paste from one image to another. Reducing the opacity level whilst cloning from one image to another results in interesting effects.

11 The History Brush Objectives

To use Photoshop’s retouching tools

Method

Use the History brush to remove any transformations you have made to parts of an image.

Comments

The History brush allows you to return portions of the image to an earlier stage, and works through layers.

Activity 11.1 The history brush allows you – without using the history navigator – to return parts of an image to an earlier state. It allows for finer control than the navigator, as you may apply it to only a part of a earlier edit, and for some interesting effects. • •

to select the history Click on the icon brush On the history panel, click on the new snapshot icon to preserve the current state of the image Figure 11-1

Doc. 9.73 Ver 3 • • •

Photoshop

Click and drag over a part of the image where you covered the chain to reveal it once more Change the opacity setting and again paint over the original to only partially reveal the chain In the History panel, click on the snapshot you made above to remove the chain completely

Activity 11.2 The history brush takes as its source one of the

snapshots in the history panel. By default it will use the original image, but you may change it by clicking in the box to the left of any snapshot you wish to use. Doing so will move the history brush icon into that box, and allow you to make edits based on that snapshot. Figure 11-2

12 Removing Red-Eye from photographs Objectives

To correct a photograph with “red eye”

Method

Use Photoshop’s layer, paint and blur functions to cover the original, “spoiled” area of the photograph

Activity 12.1 • • • • • • • •

In WebCT, open the image Red Eye Correction (redeye.jpg) and save a copy to your n: drive In Photoshop, open the image you just saved Choose Image – Duplicate Close the original Choose Window – Arrange – New

Window...

Arrange the two windows so you can see both at the same time Zoom in one window to allow you to see the eyes as large as possible Use the icon to create a new layer Figure 12-1



Use the eyedropper tool to pick up a colour from the picture – usually you will find something suitable in the eye, but it should be a fairly neutral grey tint with a hint of the eye color



and change the size at the top of the screen if Select the paintbrush necessary so that it is not too large (a size of 1 is fine, as shown) Lower the opacity level so the colour added is not too stark



Figure 12-2 •

Paint over the red part of the eye on the new layer, being careful not to paint over the eyelids



Use Edit – Undo (CTRL + Z) or the eraser

should you make a mistake

Photoshop

Doc. 9.73 Ver 3

Activity 12.2 • •

Go to Filter – Blur – Gaussian Blur, using a 1 pixel blur to soften the edges Use the drop down menu on the layer panel to change the blend mode to Saturation, as shown below. This will take the red out without removing the highlights, but it may leave the eyes a little grey and empty-looking

Figure 12-3 •

To put some colour back in, right-click on Layer 1 in the layer panel and choose Duplicate layer



On this layer, use the drop down menu to change the Blend mode to Hue

Figure 12-4

Notes



You may need to do some final tweaking, though you need not try to be too precise – what looks a little messy whilst zoomed in may well be fine at normal resolution



Because the brush has low opacity (which may be amended using the options at the top of the screen), you will probably need to build up the colour in several passes. Every time you release and press the mouse button, you will build up more colour

Figure 12-5, Brush Options •

If you add too much colour, undo and use the opacity slider on the layer palette to reduce the color



Should you accidentally paint outside the iris area, it's easy to clean up because you're on a separate layer. Just use the eraser tool

or

to remove any stray colour, or click the bin icon on the history brush layer palette to delete the layer and start again

Activity 12.3 Once you are satisfied with the effect, combine the layers and reduce the filesize by choosing Layer – Flatten Image Save the image onto your N: drive

Doc. 9.73 Ver 3

Photoshop

13 Using Text Objectives

To add text to an image, edit it and change its formatting

Method

We will use Photoshop’s Type Tool and associated options

Comments

Text in Photoshop may generally be edited and resized without losing quality. That is not possible if text is “rendered” – which is required by filters, for instance – so those processes should be applied last of all

Activity 13.1 Adding text • • •

Open the chalet image (originally OFInndis.jpg) from your n: drive Create a copy (right-click on the title and choose Duplicate) Close the original

• •

Click on the text tool Click on the picture, roughly where you want the text to be added – it can always be moved later

Note (in the layer panel) that Photoshop has added a new layer to hold the text. You may therefore move and edit the text and apply transformations without affecting the image underneath. •

Type in some random text

The text may appear in a small font. Select it and use the options panel, as in Figure 13-1, to increase its size. If it is tricky to select with the mouse, press END, then SHIFT + HOME to grab it

Figure 13-1

Activity 13.2 Text Colour Text appears in the foreground colour set in the toolbar, as shown in Figure 13-2 • • •

With the text selected, click on the foreground colour The Color Picker appears, allowing you to pick a different colour Click on a colour and click OK

Figure 13-2

Note that the colours are inverted whilst text is selected – click away to see the new colour. Once text has been added to an image, you should use the colour picker on the option bar to change its colour

Photoshop

Doc. 9.73 Ver 3

Activity 13.3 Text Options The text options allow you to change the appearance of text you enter in many ways. The first two drop-down menus allow you to select a typeface (Arial, Helvetica etc) and style (Bold, Italic etc) – not all typefaces have different styles available, so this menu may be greyed out.

Figure 13-3 The next two drop-downs change the point size and the “anti-aliasing” options. Point size Either choose from the menu, or click into the box and type in a number of your choosing (note that you may also do this in Word, Excel, PowerPoint…) then hit RETURN to confirm Anti-aliasing Anti-aliasing is a method of “smoothing” a part of an image. Smooth will (arguably) be most often of use, but feel free to try the other options to see how they appear

Activity 13.4 Text Effects The final options on the panel allow you to apply further effects to the text. The first three icons should be familiar, and allow you to left, centre or right align text. Clicking the colour square in the middle will allow you to change the colour of the text

Figure 13-4 •

Click on the “Create Warped Text” icon

The warp text dialogue pops up, as in Figure 13-5 • • •

If necessary, click and drag the blue “Warp text” title bar to move the box so you can see your text Choose a style from the drop-down list The options below are now enabled – try moving the sliders to see their effect

Photoshop does its best to apply effects “on the fly”, as you change options, though there may be a slight delay •

Click OK when finished Figure 13-5

Doc. 9.73 Ver 3

Photoshop

Activity 13.5 Moving text To move text around the image, click and drag on the image away from the text. The pointer should change to

to indicate that dragging will move the layer.

To edit the text again, click into the text again – the pointer will change to when you are close enough to the text

Activity 13.6 Text orientation •

On the layers palette, click onto the background layer

Assuming you still have the text tool selected (and if not, select it again), there is one icon we have not yet used

Figure 13-6 Clicking the icon allows you to enter text vertically on your image, or to change text already on the image vertically •

Click the icon

Note that with the text tool selected, Photoshop will try to guess what you are aiming to do – click too near existing text, and it will select it. To add new text, make sure you click away from existing text – or just add a new layer before starting. We will add some new text • •

Click onto the image, away from the current text Type in some text

Bear in mind that Photoshop remembers the last settings you used for text, so once you have used vertical text, you will need to click the icon to restore horizontal text if needed.

Photoshop

Doc. 9.73 Ver 3

14 Retouching tools Objectives

To use Photoshop’s retouching tools

Method

Use the Blur, Sharpen and Retouch tools

Comments

Remember always to make a new snapshot before using retouching tools; partly so that you can revert if you make changes you do not want to keep, and partly to allow a quick “before” and “after” comparison.

Activity 14.1 All three tools are accessible from the icon shown in Figure 14-1 – click and hold to see the options.

Use the shortcut, R, to change to the last-used tool Use SHIFT+R to cycle between the three

• •

All are fairly self-explanatory in their effects. - Blurs the area where you draw - Increases the contrast of individual pixels - Mimics dragging a finger through wet paint Figure 14-1 Each tool has, at the top of the screen, a mode and strength setting, as shown in Figure 14-2 and Figure 14-3 respectively

Figure 14-3 Determines how strongly an effect is applied Figure 14-2

Activity 14.2 The Sharpen Tool The sharpen tool needs the most care of the three, as it is possible to make a complete mess very quickly. It is used to increase colour contrast in the areas on which you paint it. • • • • •

Open the file frog.jpg from your n: drive Choose the Sharpen Tool from the toolbar From the options at the top of the screen, choose a strength of 11% and a large brush size, as in Figure 14-4 Paint over the frog’s head to sharpen the eye The change is slight, but the history panel will allow you to see what has been done

Figure 14-4

Doc. 9.73 Ver 3

Photoshop

If you want, try painting over the image with a higher pressure setting to see how damaging the sharpen tool can be – use the history panel to reverse any changes you don’t want

Activity 14.3 Sharpen Filter You may not need to use the sharpen tool, as there are filters available to serve a similar function. • • • • •

Open the file frog.jpg from your n: drive Take a duplicate of the image (Image – Duplicate) Select the magic wand Change the tolerance to 75 Holding down the SHIFT key, click into the main portion of the eye a few times, till most of it is selected



Use the Sharpen Filter by choosing Filter – Sharpen – Sharpen

Activity 14.4 The Blur Tool The blur tool is most useful for covering up small blemishes, wrinkles etc on faces. Usage takes practice more than instruction, but to see the effect. •

Open the file redeye.jpg from your n: drive



Take a copy and close the original



Select the magic wand tool



Change the tolerance (on the options panel) to 50



Click once on the forehead of the left-hand person



Hold down the

SHIFT

key and click just to the left of the selected area

You should now have most of the face selected, which protects the hairline •

Zoom in closer to the image – roll the mouse wheel down or use one of the techniques we have already covered



Select the blur tool, as in Figure 14-1



Change the strength (if necessary) to 50%



Paint over the forehead – you may paint over the hairline with impunity, as it is outside the selected area



Note that the more you cover an area, the greater the effect



Zoom out again to see the effect – a little over the top, perhaps, but effective

The blur tool needs care in use, but applied sparingly it can be very useful in giving the required effect.

Photoshop

Doc. 9.73 Ver 3

Activity 14.5 The Smudge Tool The smudge tool is similar in effect to the blur tool, but allows you to “smudge” paint from one area to another. Its effects are often even more obvious than the blur tool, so usage needs still more care. • •

Choose one of the marquee tools and click once, anywhere on the image to deselect the area first chosen Zoom in to the person in the middle at about 150%. He has a couple of blemishes just below his mouth that we will remove



Choose the smudge tool



Change the pressure (if necessary) to 50%



Click just to the side of one of the blemishes and paint over it

Again, a quick and effective way of touching up a photograph, but be careful not to overdo it.

Activity 14.6 The Sponge Tool The sponge tool saturates or desaturates the pixels wherever you paint. Saturation intensifies colours, desaturation dulls them – ultimately turning them grey. In its desaturation mode, it can be used to remove red-eye.

Figure 14-5 •

Open the image redeye.jpg



Choose Image – Duplicate



Close the original



Select the sponge tool.



Check that the mode is set to Desaturate, and the brush size is small – 3 or 1 – as in Figure 14-6

Figure 14-6 •

Use the zoom tool or mouse wheel to magnify the pupils – remember that holding down SPACE turns the cursor temporarily into the hand tool, allowing you to change which part of the picture is displayed



Click accurately on the pupil until the desired level of red eye fix has been achieved.

Doc. 9.73 Ver 3

Photoshop

15 Tools and Shortcuts Comments

For Reference

Activity 15.1 M

Marquee

Move

V

L

Lasso

Magic Wand

W

C

Crop

J

Airbrush

Paintbrush

B

S

Clone Stamp

History brush

Y

E

Eraser

R

Blur/Smooth Type

T

Eyedropper

I

Zoom

Z

Switch colours

X

H

D

Hand tool

Default colours Full screen mode F

Figure 15-1