Create a Fancy Dimple Background Texture – Photoshop Tutorial


Create a Fancy Dimple Background Texture – Photoshop Tutorial

Subtle patterns are all over the web these days and without a good grasp of the techniques used to create these sweet, snappy, subtle little patterns, you may find yourself up the river without a paddle when you need to create a pattern!

Let’s jump in and create a dimpled, hole-punched, car-seat style background texture in Photoshop and save it as a Pattern so it is easy to access and use in the future!


Step 1:

Star by creating a new Photoshop Document size 10px by 12px at 72 pixels per inch.

Step 2:

Hit Cmd/Ctrl + 0 to zoom our tiny file all the way in to 1600% or 3200%. Go Edit>Fill and choose to fill it with 50% gray.

Step 3:

Go Window>Info to open the Info Panel and watch the “W:” and “H:” area. Grab the Elliptical Marquee Tool and draw out a small circle 4×4.

Step 4:

Go Layer>New>Layer and name this new Layer “Dimple”. Fill this shape with Black by going Edit>Fill and choosing Black as your fill. Hit Cmd/Ctrl + D to deselect and grab your Move Tool (V) and move the shape one pixel to the left and one pixel down by clicking your respective arrow keys.

Step 5:

Now go Layer>Layer Style>Drop Shadow and use the settings I have.

Step 6:

Duplicate this Layer by hitting Cmd/Ctrl + J and use the Move Tool (V) to shift this shape down until it is tucked into the bottom right corner of the Photoshop Document.

Step 7:

Select your Background Layer and drag it to the trash can in the Layers Panel. Go Edit>Define Pattern and give your pattern a name.

Step 8:

Now create a new Photoshop Document using the size settings I have.

Step 9:

Go Image>Adjustments>Hue & Saturation and set the Brightness to -80%.

Step 10:

To add a little shape to our background go Filter>Render>Lighting Effects and use the settings I have in the screenshot.

Step 11:

Create a New Layer and Fill it with Black. Go Layer>Layer Style>Pattern Overlay. Choose our pattern and use the settings I have. You will now have a very subtle pattern appearing.

Step 12:

Reduce that Layer’s “Fill Opacity” to 0%. Effect is complete!


Follow Me On Twitter!

Like Tutvid on Facebook!