Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Tutorials: 18,357 Categories: 12

Total Tutorial Views: 42,405,071

Dimple Background Texture Photoshop Tutorial

Tutorial Name: Dimple Background Texture Photoshop Tutorial  

Category: PC Tutorials

Submitted By: PLuM

Date Added:

Comments: 0

Views: 2,489

Related Forum: PC Building Forum

Share:

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!
Lets 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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

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 44.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

Step 5:

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

[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

Step 8:

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

[ Register or Signin to view external links. ]

Step 9:

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

[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

Step 10:

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

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

Step 12:

Reduce that Layers Fill Opacity to 0%. Effect is complete!

[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

Ratings

Current rating: 5.08 by 12 users
Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
Absolutely

Comments

"Dimple Background Texture Photoshop Tutorial" :: Login/Create an Account :: 0 comments

If you would like to post a comment please signin to your account or register for an account.