Brick Wall Tutorial in Adobe Photoshop
In this Photoshop Tutorial we are going to create a photorealistic brick wall. First we will make the brick pattern, then we add the texture and then tweak it a bit to create a realistic brick wall
In this Photoshop Tutorial
we are going to create a photorealistic brick wall. First we will make the brick
pattern, then we add the texture and then tweak it a bit to create a realistic
brick wall.
Step 1Create a new Document
Select the entire image area: Select>all Choose Edit>Stroke Enter a setting of 2 – inside |
|
Step 2Choose 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 With the marquee tool select the outside border at the top left and delete Repeat for the right top as shown |
? ?
? ?
|
Step 3We have now created a pattern for our bricks Select>All Edit Define Pattern and then name the pattern bricks You can now close the bricks document, we dont need it anymore Create a new Document – This is where we will use our pattern to create
Choose the channels palette and create a new alpha channel ? |
?
|
Step 4Choose edit>Fill Select pattern and find our bricks pattern |
|
Step 5Here is the basic brick pattern applied to the channel. Can you believe this is where some tutorials end? Not this one, lets |
|
Step 6We are going to round the corners of the bricks Choose Filter>Blur>Gausian Blur |
![]() |
Step 7Now choose Image>Adjustments>Levels Move the sliders closer to gether to create the hard edges, rounded corners The shape is now complete – Depth time |
![]() |
Step 8Choose Filter>Gaussian blur Blur it so that the edges are still visable but the bricks are kind of Click OK and then DONT TOUCH ANYTHING! |
|
Step 9Choose Edit>Fade (If you touched anything since the last step this Choose 80% and Linear Burn Notice the blur will blend into the shape of the bricks |
![]() |
Step 10Fianl part of the texture preperation Choose Filter>Noise>Add Noise Use 12% or less, we just want a hint |
![]() |
Step 11Choose the layers palette and click on the background to return to the ? 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 |
![]() |
Step 12Choose 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 Click ok |
![]() |
Step 13We 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 |
![]() |
Step 14Return 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
Move the saturation slider to the left to reduce the color of the mortar |
![]() |
Step 15As a final touch add a drop shadow to the top layer Choose the eraser tool and make the brush one of the “splatter” Dab the edges of the bricks to erode them a little bit. There you have your realistic bricks!!!! |
![]() |




















