Patterned Apple

Your feedback is encouraged and much appreciated!

Source Files

This apple image can be found in Microsoft Word’s clip art. You can grab it here:

Apple Source File

I found this pattern image at hooverwebdesign.com, a source of free patterns and designs.

Source Pattern

Create and Apply the Pattern

1. Open the pattern file.
2. We need a redder pattern. Go to Image > Adjustments > Hue/Saturation.
3. Click on the Colorize checkbox. Move the Hue slider into the red area.
4. Increase the saturation. I used a saturation of 82.
5. Click OK.

Hue/Saturation

6. Go to Edit > Define Pattern…
7. Give the pattern a name (I used “apple”) and click OK.

Define Pattern...

8. Make a selection around the apple’s red area. I used the Pen tool.

Selection around the Apple

9. Press Ctrl+J (Mac: CMD + J) to copy the selection to a new layer.

Copy to a New Layer

10. Ctrl+click (Mac: CMD + click) on the layer thumbnail for the new layer to recreate the selection around it.

Reselect the Apple

11. Click on the Create a new layer icon at the bottom of the Layers panel.

Create a New Layer

12. Go to Edit > Fill…
13. Select Pattern for the Use dropdown.
14. Click on the dropdown box for the pattern.
15. Select the new pattern you created.
16. Click OK.

Fill with the Pattern

17. Ctrl+D to deselect.

Apple Filled with Pattern

17. Save your file.

Warp the Pattern

1. Hover your mouse over the border between the top two layers in the Layers panel. Then press the Alt key (Mac: Option key). You should see an overlapping circle icon appear where your mouse was:
2. Click to create a clipping mask. This will assure that the warped pattern stays within the apple’s outlines.

Create a Clipping Mask

3. Make sure you are still on the top layer. Ctrl+T (Mac: Cmd+T) to access the Transform command.
4. Right-click (Mac: Ctrl+click) inside the transformation box to access the contextual menu.
5. Select Warp.

Transform > Warp

6. Use the Bezier handles to warp the sides of the pattern into a rounder shape.
7. Press Enter to complete the transformation.

Transform > Warp

8. Save your file.

Warped Pattern

Clipping Mask

We will also be working with Photoshop’s filters, patterns, custom shapes, text, and blend modes.

Your feedback is encouraged and much appreciated!

What You Should Know First

• The Photoshop CS4 Workspace
• The Photoshop Color Picker

Source File

We’ll start with a photo of yours truly, taken a few years ago (click on it to view and download the full size version):

Click this Image to Download the Source File

Part One: Clip an Image to a Shape using a Clipping Mask

1. Open the image clipmask-goofy-lady.jpg in Photoshop.
2. Save the file as a Photoshop file (File > Save As…). Remember to change the Format to Photoshop (*.PSD,*.PDD).

Save As Photoshop File

3. Open the Layers panel (Window > Layers).
4. Double-click on the Background layer and click OK so that we can move this layer around later.

Change Background to Regular Layer

5. Select the Custom Shape Tool from the Tools Panel. It is in the fly-out menu for the Rectangle Tool (not the Rectangular Marquee Tool.)

Custom Shape Tool

6. In the Control Panel, make sure that the Shape layers button is selected, not the Paths button next to it.

Shape Layers

7. Click on the Click to open Custom Shape picker arrow next to the current shape. From the Custom Shape picker that pops up, click on the right-facing arrow that opens the menu.
8. From the menu, select All.

Custom Shape Picker

9. When a dialog box asks you what you would like to do, click OK to replace the current set with all of the shapes.
10. Open the Custom Shape picker again, and find the Flower 6 shape. Double-click on it, which selects it and closes the picker.

Custom Shape picker

11. Draw the shape over my face. Hold the Shift key down to keep the shape in proportion. You can press the Spacebar while you are drawing to reposition the outline. Make the shape large enough to show my whole face.

Drawing the Shape