Categories
design education technology

Add a pattern to a logo in Photoshop

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
  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
  1. Save your file.
Warped Pattern
Warped Pattern

 

One reply on “Add a pattern to a logo in Photoshop”

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.