Create a new Document
50 x 50 Pixels
Select the entire image area: Select>all
Enter a setting of 2 – inside
Choose the Line tool (Under the custom shape in the toolbar)
Draw a horizontal line through the middle
Add another vertical line through the middle on the top half only (as shown)
Repeat for the right top as shown
Edit Define Pattern and then name the pattern bricks
You can now close the bricks document, we dont need it anymore
400 x 300 Pixels (You can use any size)
Choose the channels palette and create a new alpha channel
Select pattern and find our bricks pattern
Here is the basic brick pattern applied to the channel.
Can you believe this is where some tutorials end? Not this one, lets make some texture and depth
We are going to round the corners of the bricks
Choose Filter>Blur>Gausian Blur
Now choose Image>Adjustments>Levels
Move the sliders closer to gether to create the hard edges, rounded corners
The shape is now complete – Depth time
Choose Filter>Gaussian blur
Blur it so that the edges are still visable but the bricks are kind of gray. This is going to nake the bricks look rounded in 3D space
Click OK and then DONT TOUCH ANYTHING!
Choose Edit>Fade (If you touched anything since the last step this is not avaliable)
Choose 80% and Linear Burn
Notice the blur will blend into the shape of the bricks
Fianl part of the texture preperation
Choose Filter>Noise>Add Noise
Use 12% or less, we just want a hint
Choose the layers palette and click on the background to return to the normal display thumbnail
Select 50% gray for the foreground and white for the background colors
Choose the linear gradient tool
Drag the gradient tool from the bottom to the top of the image to create a gradient
Choose Filter>Render>Lighting effects (Enter the settings shown)
Choose the Alpha 1 from texture channel to load our bricks texture
Select a spotlight and choose a brick red color from the top color picker
We now have a pretty good brick texture, but lets take it futher…
Open the channels palette
Hold down the ctrl/Cmd key and click on the alpha 1 thumbnail – You should see a selection around the shapes of the bricks
Return to the layers palette
Make sure the Background is active by clicking on the thumbnail
With the selection (Bricks outline) still active Press Ctrl/Cmd + J -This will copy the bricks to a new layer
Move the saturation slider to the left to reduce the color of the mortar to a nice gray
As a final touch add a drop shadow to the top layer
Choose the eraser tool and make the brush one of the “splatter” presets
Dab the edges of the bricks to erode them a little bit.
There you have your realistic bricks!!!!
For more cool textures and techniques like this on an easy to follow video format check out photoshopCD.com
Join our list to receive more tutorials and tips on Photoshop. Get exclusive tutorials, discounts and the free super guides. No spam, all content, no more than once a week.
If you’re on our list, you will receive it free by email as soon as it’s available. If not, sign up now and get the CS6 Superguide for free. Or click the image below.
I have been asked a few times, how to make a 3d cube in Photoshop. here is the manual method....
Blocks of pixel text at small sizes often appear blurry, smudged, or just plain unreadable when viewed on a Web...