fresh photoshop tutorials & resources
Log in Register
Infographic JS Library Infographic JS Library Christmas Photoshop Resources

Brick Text Typography Surreal Photoshop Tutorial

Tutorials Text Effects 42052 Views February 27th, 2013

Learn how to create a 3D brick typography in Photoshop using a free 3D action maker. We will combine the brick text effect with different images to create a surreal photo manipulation. I am waiting to see your results; you can use other textures like wood for example to create your own interesting text effects.

Advertisment

Open this crack ground in a new PSD file and add a Brightness/Contrast adjustment layer with the following settings.

Add a Gradient Overlay to this Cracked Ground Layer.

In a new layer behind the open this Cracked Ground Layer Clouds Sky stock image. To blend the sky with the ground add a layer mask to the Cracked Ground Layer to make the transition smooth between the two images. Use the Gradient Tool inside the layer mask (use a black to white gradient).

Open a new PSD file copy this brick wall texture. You can always pick another brick texture from this extended collection of free textures.

In this new PSD file use the Type Tool to write a text using Ligurino font. You can download it from the internet and install the font in Photoshop.

Press CTRL and click on the Text Layer thumbnail to make a selection. Go to Select>Modify>Expand and set 13 pixels.

Go to the Brick Texture Layer and press CTRL+J to make a Layer via Copy. Call this layer Brick Text and remove all the other layers from this new PSD file.

Use the Lasso Tool to make selections around the edges to add a distressed look to the brick text.

Make a selection out of the Brick Text Layer and use the Clone Stamp Tool to add brick texture to the "D letter".

Part 1Part 2Part 3

37 comment(s) for "Brick Text Typography Surreal Photoshop Tutorial"

PSDDude
4:51 AM Thursday, February 28, 2013
I have found this nice work inspired by my 3D brick photo manipulation tutorial made by Dan (http://xdaniel26.deviantart.com/art/Dan-356747591) reply
Ion
Ion
9:45 AM Sunday, March 10, 2013
How to install 3D action generator? reply
PSDDude
9:53 AM Sunday, March 10, 2013
Load an Action in Photoshop:
Step 1 - Download the ZIP file and extract the files.
Step 2 - In Photoshop go to Window menu and choose Actions
Step 3 - Click on the top right button from the Actions Panel
Step 4 - Choose Load Actions and simply choose the ATN file
Step 5 - Press the Play Selection button to run the action
reply
Sara
Sara
6:31 AM Tuesday, March 12, 2013
Ok this is what I came up with .... Thank you so much for your amazing tutorial ... :)

reply
John
6:33 AM Tuesday, March 12, 2013
Thank you Sara for practicing the tutorial and for uploading your result :) keep up the good work! reply
John
12:53 AM Wednesday, March 20, 2013
creative artwork made by White Lynx following our brick text tutorial (source http://demiart.ru) reply
azul
azul
1:33 AM Thursday, March 21, 2013
esta reeee buenaa
reply
John
1:30 AM Friday, March 22, 2013
I have found an amazing interpretation of my tutorial made by lolket (source http://demiart.ru) reply
Kacma
2:33 AM Monday, April 01, 2013
Thanks!!! reply
John
3:02 AM Monday, April 01, 2013
I like your result :) reply
Kacma
Kacma
1:30 AM Tuesday, April 02, 2013
thank youuuu:-) reply
Trina
Trina
3:38 AM Friday, April 05, 2013
Very, very nice! :)
But the 3D action generator is not working for me.
I have Photoshop CS6
I tried everything, without any result: (
Thanks anyway. reply
John
3:41 AM Friday, April 05, 2013
The 3D action works ok for CS4 and CS5 but I am not really sure if it is working for CS6. What kind of error do you get? reply
Trina
Trina
8:09 AM Friday, April 05, 2013
There is no error appear. Just the 3D action generator do not do anything.
Thank you for your response, John :) reply
John
8:37 AM Friday, April 05, 2013
That is really strange. Try to convert your layer to smart object(right click on the layer name and choose Convert to Smart Object). Than go to the second step of the action like shown in the image and click Play, maybe that way it will work.
If not you will have to create the 3D effect like in this 3D text tutorial or you can use the 3D Tool feature that CS6 has. reply
Micah Clare
Micah Clare
1:47 PM Monday, July 15, 2013
Any idea why the 3d Action generator is producing this effect? It's far too "long" of an effect...would love for it to work :( reply
PSDDUde
1:53 PM Monday, July 15, 2013
It might be from the Photoshop version, you should use CS4 or CS5; it might be from the canvas size(try it with a 500x500px canvas size). Or you can try to restart Photoshop and play the action again! reply
Corey
7:56 AM Wednesday, July 17, 2013
Thanks a lot for a great tut! reply
Olga
Olga
12:57 AM Wednesday, July 31, 2013
Logre esto, gracias! me ayudo mucho (: reply
John
1:04 AM Wednesday, July 31, 2013
Hi Olga,

I am glad you uploaded your 3D brick text photo manipulation. It looks really nice except the lighting part - the text and the girl look that they are floating. You should darken the area beneath the two items to obtain a realistic shadow! reply
Amy
Amy
8:55 AM Friday, September 20, 2013
Hiya, i'm stuck using CS6 towards the beginning.
I have done: Press CTRL and click on the Text Layer thumbnail to make a selection. Go to Select>Modify>Expand and set 13 pixels.
and: Go to the Brick Texture Layer and press CTRL+J to make a Layer via Copy. Call this layer Brick Text and remove all the other layers from this new PSD file.

But having trouble getting the brick actually behind the text?
reply
John
9:09 AM Friday, September 20, 2013
Hi Amy, try to use a Clipping mask

Use the Brick Texture Layer and the Text Layer. Right click on the Brick Texture Layer and choose Create Clipping Mask reply
Deb Flynn
Deb Flynn
2:38 AM Saturday, October 05, 2013
Really enjoyed this effect, thank you sharing
Debs reply
GimmY
GimmY
2:39 AM Saturday, October 05, 2013
Thankss psddude!! reply
justin combs
justin combs
2:39 AM Saturday, October 05, 2013
Thanks for the tutorial amazing! reply
Jeanette
Jeanette
12:39 AM Wednesday, November 20, 2013
I really enjoyed this tut. Thank you so much. Learned a lot. reply
John
4:15 AM Wednesday, November 20, 2013
I am glad you enjoyed our tutorial ! reply
jeanette
jeanette
12:29 AM Thursday, November 21, 2013
Thank you John. I cut of the woman's feet. Should have paid more attention. Learn everyday. reply
John
12:47 AM Thursday, November 21, 2013
We all learn something new every day :) If you want to know how to create realistic cast shadow effects in Photoshop you might try these tutorials. reply
John
1:17 AM Monday, May 05, 2014
I don't really understand the problem that you are having. Please upload a preview to see exactly what is wrong. reply
Sarah
Sarah
1:18 AM Monday, May 05, 2014
idk what im doing wrong but when i write the letters & set it to expand the letters are not separating. please help reply
gianni
gianni
6:39 AM Sunday, June 22, 2014
Thanks for the tutorial, very good!!! reply
raymund
raymund
12:56 AM Sunday, August 03, 2014
i stock in #7.. how to put brick texture in the text? reply
PSDDUde
1:01 AM Sunday, August 03, 2014
To put the brick texture inside the text you simply have to make a selection like explained in the step #6. Now click on the Brick Texture Layer name and press CTRL+J to make a copy. This copy layer has the text shape with the brick texture inside.
reply
Rose
Rose
10:42 AM Tuesday, August 12, 2014
thank a lot :) reply
Johnny
Johnny
6:57 AM Wednesday, October 22, 2014
This is such a fun tutorial. Here's my first effort. I still need to work on it but not bad for my first try.

Thanks for a great tutorial.

Johnny reply
PSDDude
7:09 AM Wednesday, October 22, 2014
Very nice brick text effect! Looks great with the flag texture that you applied. Keep up the good work :) reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Recent Posts
Learn how to create a meat sausage text effect in Photoshop using just a few layer styles combined w...
This is a set of free Christmas Photoshop vector silhouettes that I hope you will enjoy using. These...
Today's freebie is a stitched leather Photoshop action that you can use to create leather typography...
In this tutorial you will learn how to create a city explosion in Photoshop using just a few simple ...

      3D Isometric Toy Bricks Photoshop Action
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email
top