Add a pattern to a logo in Photoshop

By · 04/14/2009 · Print This Article Print This Article

Page 1 Page 2

Patterned Apple

Patterned Apple

A member at PhotoshopForums.com asked how to add a pattern to an apple logo. Here’s a visual step-by-step guide to creating a logo image with a dimensional pattern on it.

 

 

 

Source Files

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

Apple Source File

Apple Source File

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

Source Pattern

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

Hue/Saturation

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

Define Pattern...

  1. Make a selection around the apple’s red area. I used the Pen tool.
Selection around the Apple

Selection around the Apple

  1. Press Ctrl+J (Mac: CMD + J) to copy the selection to a new layer.
Copy to a New Layer

Copy to a New Layer

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

Reselect the Apple

  1. Click on the Create a new layer icon at the bottom of the Layers panel.
Create a New Layer

Create a New Layer

  1. Go to Edit > Fill…
  2. Select Pattern for the Use dropdown.
  3. Click on the dropdown box for the pattern.
  4. Select the new pattern you created.
  5. Click OK.
Fill with the Pattern

Fill with the Pattern

  1. Ctrl+D to deselect.
Apple Filled with Pattern

Apple Filled with Pattern

  1. 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: Clipping Mask icon
  2. Click to create a clipping mask. This will assure that the warped pattern stays within the apple’s outlines.
Create a Clipping Mask

Create a Clipping Mask

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

Transform > Warp

  1. Use the Bezier handles to warp the sides of the pattern into a rounder shape.
  2. Press Enter to complete the transformation.
Transform > Warp

Transform > Warp

  1. Save your file.
Warped Pattern

Warped Pattern

 

 

Page 1 Page 2

 



Share this Article

You can share this article almost anywhere but on your car's back bumper.
Hover over this bar to access the menu.
Share

 

Related Posts

Category: Photoshop, Tutorials

Tags: , , ,

 

Comments

1 Comment

 

Links to this Post

RSS feed for comments on this post. | TrackBack URI

 

I’d love to hear from you!