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!
Star by creating a new Photoshop Document size 10px by 12px at 72 pixels per inch.
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.
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.
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.
Now go Layer>Layer Style>Drop Shadow and use the settings I have.
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.
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.
Now create a new Photoshop Document using the size settings I have.
Go Image>Adjustments>Hue & Saturation and set the Brightness to -80%.
To add a little shape to our background go Filter>Render>Lighting Effects and use the settings I have in the screenshot.
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.
Reduce that Layer’s “Fill Opacity” to 0%. Effect is complete!