Adobe Photoshop CS2 Part 5: Manipulating and Warping with Filters

INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles www.youtube.com/mycsula

Version 2.0 Summer 2009

Contents
Introduction.........................................................................................................................................2 Downloading the Data Files...............................................................................................................2 Using the Filter Gallery in Photoshop CS2......................................................................................2 Using the Liquify Filter......................................................................................................................4 Changing the Tools for Liquifying................................................................................................4 Reconstructing the Image...............................................................................................................5 Freeze Masking..............................................................................................................................6 Retouching with Liquify....................................................................................................................7 Enlarging a Picture.........................................................................................................................7 Retouching Physical Flaws............................................................................................................8 Creating a Clipping Mask..................................................................................................................9

For video tutorials, visit http://www.youtube.com/mycsula

Introduction
Adobe Photoshop is the industry standard for still image manipulation and editing. It is the premier product used by web designers, photographers, and video professionals. With many powerful tools, Photoshop allows users to craft images with only the users imagination as a limitation. In the real world, filters are placed in front of a camera lens to create differences in effects and textures. There are physical limitations with how filters are used and the range of effects they create. Photoshop thus provides the ability to use and simulate real world filters as well as new filters that cannot be created in real life.

Downloading the Data Files

The sample data files used in this handout are available for download. To download the data files: 1. Click the Start button and select Internet Explorer. The browser window opens. 2. Type http://www.calstatela.edu/its/training/datafiles/photoshopcs2p5.exe in the Address bar and press the [Enter] key. The File Download dialog box opens (see Figure 1).

Figure 1 - File Download Dialog Box Figure 2 - Save As Dialog Box

3. 4. 5. 6.

Click the Save button. The Save As dialog box opens (see Figure 2). Select the appropriate location (e.g., personal flash drive) from the Save in: drop-down list. In the File name: text box, rename the file or leave the default file name. Click the Save button.

Using the Filter Gallery in Photoshop CS2

Filters can be used in Photoshop through various steps. The easiest way to preview the effects of filters is by using the Filter Gallery. The Filter Gallery allows the previewing of the majority, but not all of the filters, including different aspects of each one.
Adobe Photoshop CS2, Part 5 - 2

The Filter Gallery dialog box displays with six categories of filters which are Artistic, Brush Strokes, Distort, Sketch, Stylize, and Texture. On the left side of the Filter Gallery dialog box is the Preview window. To the right is the menu where the various aspects filter can be adjusted. Once a category is selected, it will open up the related filters of that category. When a filter is selected, it will then activate the various aspects of that filter such as the brightness or the size depending on which filter is selected. Filters can also be chosen through the drop-down list. To use the Filter Gallery: 1. Open the file named fun_with_filters_puppy.jpg. 2. Select the Filter menu Filter Gallery. The Filter Gallery dialog box opens (see Figure 3. 3. Click the Texture button . 4. Click the Texturizer filter. 5. Click the Texture: drop-down arrow and select Burlap. 6. 7. 8. 9. Enter 50 in the Scaling text box or use the slider . Enter 3 in the Relief text box or use the slider. Click the Light drop-down arrow and select Bottom. Click the OK button. This will finalize the settings that have been made for the filter.

Figure 3 - Filter Gallery Window

Adobe Photoshop CS2, Part 5 - 3

Using the Liquify Filter

Some major filters are not located in the filters gallery such as the Liquify filter. Using the Liquify filter allows the user to change certain parts of a picture as if it were a liquid. There are also many ways that the Liquify filter can be applied. Different patterns as well as designs can be made when applying the filter. The effects of such a filter can be used for many purposes. This section will explain the different tools that can be used for the Liquify filter. To use the Liquify filter: 1. Open the file named using_liquify.jpg. 2. Select the Filter menu Liquify. The Liquify dialog box opens. 3. 4. 5. 6. 7. Click the Forward Warp Tool (W) button to select it. Click inside and enter 100 in the Brush size: text box. Click inside and enter 50 in the Brush Density: text box. Click inside and enter 100 in the Brush Pressure: text box. Click and drag an area of the star to apply the effect (see Figure 4).

Figure 4 - Liquify Window Using Forward Warp Tool (W)

CHANGING THE TOOLS FOR LIQUIFYING

There are other tools that can be used to apply the Liquify filter instead of the default Forward Warp Tool (W). Refer to Table 1 for a list of the tools and their descriptions. The Liquify tool can be changed by clicking a different tool on the left border of the Liquify dialog box and setting the properties for the tool.
NOTE: To apply the reverse effect of a tool, hold down the [ALT] key while using the tool.

Adobe Photoshop CS2, Part 5 - 4

Table 1 - Liquify Tools

Liquify Tool

Name Forward Warp Tool(W) Reconstruct Tool(R) Twirl Clockwise Tool(C) Pucker Tool(S) Bloat Tool(B) Push Left Tool(O) Mirror Tool(M) Turbulence Tool(T) Freeze Mask Tool(F) Thaw Mask Tool(D) Hand Tool(H) Zoom Tool(Z)

Function Warps the selected part of the image in a forward motion. Restores the original state of the image. Spins the selected area of the image in a clockwise movement. Warps the image by pushing the selected area from the sides inward. Warps the image by pulling selected area from the sides outwards. Pushes the selected area in a leftwards motion. Warps the copy from Warps the motion. Creates a changed. selected area by creating a selected another area of the image. selected area with an up-and-down frozen area where it cannot be

Removes the frozen areas that have been made. Used when navigating an image too big to fit in the screen. Zooms in to the image.

RECONSTRUCTING THE IMAGE

After applying different effects using the Liquify filter (and while still in the Liquify dialog box), certain areas that were not intended to be affected can be repaired using the Reconstruct Tool (R). This tool allows the user to reconstruct the current picture into the original picture by brushing over the parts that had been previously warped with the filter. There are various modes of reconstruction and some of them bring back the full picture as it was while others may add a different kind of distortion to the image. This is one aspect of the Liquify filter that is difficult to control. It is recommended that the user experiment with the various settings to determine which will suit the required needs. To use the Reconstruct Tool (R): 1. While still in the Liquify dialog box, click the Reconstruct Tool (R) button . 2. Click the Reconstruct Mode: drop-down arrow and select Revert. 3. Brush over the area that needs to be restored. This will bring back the original image state (see Figure 5 and refer back to Figure 4 for comparison).

Adobe Photoshop CS2, Part 5 - 5

Figure 5 - Liquify Window after Reconstructing

NOTE: For a quick restoration of the entire image, click the Restore All button in the Restoration Options section of the dialog box.

FREEZE MASKING
Masking the image allows users to keep certain areas untouched while making changes to the other areas of the image. This can be done through the use of the Freeze Mask Tool (F). To apply a Freeze Mask: 1. Open the file named using_liquify.jpg. 2. Select the Filter menu Liquify. The Liquify dialog box opens. 3. Click the Freeze Mask Tool (F) button . 4. Paint over the area that needs to be frozen. Notice that the color will change (see Figure 6 where the checkerboard area was frozen). 5. Apply the Forward Warp Tool (W) and notice that the frozen area cannot be manipulated.
NOTE: The default color for the Freeze Mask is red. However, this color may be changed with the Mask Color: drop-down list. The mask may also be hidden altogether by deselecting the Show Mask check box.

Adobe Photoshop CS2, Part 5 - 6

Figure 6 - Freeze Masking

To Thaw the Freeze Mask: 1. Click the Thaw Mask Tool (D) button . 2. Brush over the area that needs to be thawed. Notice that the red spots disappear over the selected areas.

Retouching with Liquify

Although the Liquify filter has many uses with abstract pictures and warping, it also has some practical uses. For example, Liquify can be used when retouching pictures. With Liquify, pictures can be altered for more special effects appeal. Certain parts of the image may be enlarged, warped, or twirled around to create a specified effect. The different techniques that can be done with Liquify can produce dramatic changes or small subtle effects such as hiding physical flaws.
NOTE: The Freeze Mask Tool (F) and the Reconstruct Tool (R) certain areas of the picture to make it more realistic. can be used to isolate or fix

ENLARGING A PICTURE
Tools such as the Bloat Tool (B) and the Forward Warp Tool (W) can be used to enlarge an image. Minimal freeze masking may be done to isolate specific areas of the image. To enlarge a picture: 1. Open mushroom_liquify.jpg. 2. Select the Filter menu Liquify. The Liquify dialog box opens. 3. Use desired tools to shrink or enlarge to create desired effect (see Figure 7 and Figure 8).

Adobe Photoshop CS2, Part 5 - 7

Before:

After:

Figure 7 - Mushroom

Figure 8 - Enlarged Mushroom

RETOUCHING PHYSICAL FLAWS

To remove physical flaws in pictures, we will use the various Liquify tools as well as other retouching tools such as the Clone Stamp, Smudge Tool, etc. To fix physical flaws: 1. Open using_liquify_touchup.jpg. 2. Select the Filter menu Liquify. The Liquify dialog box opens. 3. Use desired tools to shrink or enlarge to create desired effect. 4. After slight retouching, use other tools (i.e. clone stamp, smudge tool, etc) to add the finishing touches. (Figure 9 was retouched to give the appearance of a flatter stomach as seen in Figure 10). Before: After:

Figure 9 - Original

Figure 10 - Retouched Picture

Adobe Photoshop CS2, Part 5 - 8

Creating a Clipping Mask

One of the uses for a picture is to use it as a Clipping Mask. This allows any shape to be used as a mask behind the image that was made. In this way many different effects can be created as well as different styles and effects for various shapes and text. To create a Clipping Mask: 1. 2. 3. 4. 5. 6. 7. 8. 9. begin typing. 10. 11. 12. corner. 13. 14. 15. (see Figure 9). 16. Figure 10). Open the file named fun_with_filters.jpg. Apply selected filters. Right-click the background layer. Select Duplicate Layer. Name this layer Mask Background OK button. Select the Background layer. Select the Edit menu Fill. The Fill dialog box opens. Click the Use: drop-down arrow and select White OK button. Click the Horizontal Type Tool (T) button and select an area to

Type CLIPPING MASK select the text. Change font to Arial Black change font size to 72. Confirm the change by clicking the check mark in the top-right Right-click the text layer select Rasterize Type. Make sure the text layer is below the Mask Background layer. Right-click the Mask Background layer Create Clipping Mask Right-click the Mask Background layer Merge Visible (see

Figure 11 - Create Clipping Mask

Figure 12 - Finished Clipping Mask

NOTE: The shape has become a mask and the previous layer on top will be displayed behind it similar to a fill. Merging the layers together simplifies the object by making the applied effects permanent.

Adobe Photoshop CS2, Part 5 - 9