Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Concrete Text

Concrete Text


Here's my tutorial demonstrating how you can take advantage of a background texture by placing text on top of it, add some layer styles and see the text gradually morph and pop out into that texture. I'll be demonstrating this technique using a concrete texture which is supplied below.

Background Image

Right click and save image, open it up into Photoshop.

Make sure your image resolution is on 75. Image > Image size > then find image resolution and change it. If you're planning on doing this tutorial with a bigger image, change the resolution higher according to size.

First create the text you want on top of the concrete image, thick bold fonts will work best.

Concrete Text image 1

I've created the text with my initials OP; now make another copy of that layer and make it invisible like shown below. Then go back to the first text layer, which is the one you'll be working on first.

Concrete Text image 2

Concrete Text image 3

Inner glow

Double click on the layer to open up the layer style panel. We're only going to add an inner glow for this layer.

  • Blend layer: Color burn
  • Opacity: Around 50 to 65% will do.
  • Size: Around 50%

You can tweak these around for your liking, or you can use my settings below.

Concrete Text image 4

Now you're finished with that layer. Go now go to the text copy layer and make it visible. We'll be adding 4 layer styles to this layer to make the effects appeared.

Drop Shadow

  • Bring up the layer panel on this layer and first add a drop shadow.
  • Black: 30%
  • Distance: 4px
  • Size: 10px

Concrete Text image 5

Bevel and Emboss

This layer style will give your text the texture popup effect.

Style: Inner Bevel
Technique: Chisel Hard
Dept: 1000%
Size: 8px
Angle: 122 degrees
Altitude: 64

I used a custom Gloss Contour which could be downloaded here: Gloss Contour

Vivid Light: Light grey 100%
Shadow Mode: Multiply black 26%

Concrete Text image 6

Outer Glow

The outer glow is what gives the dark shadow effect onto the concrete.

Blend mode: Color Burn
Opacity: 69%
Size: 60px
Range: 50%

Concrete Text image 7

Contour

Add a contour with a range of 50%, any round contour will do, as it makes the highlights round and smoother.

Concrete Text image 8

Rasterize Type

Now right click on the text copy layer and Rasterize Type.

Concrete Text image 9

Delete parts

Now that our layer is rasterize were able to delete any part of the  text which will give it the crack effect.

Now use the Polygonal Lasso Tool and trace any part of the cracks and press delete.

Concrete Text image 10

Finished Product

Concrete Text Tutorial: Final Result



Author's URL: Olieng.net
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Concrete Text"

Only registered users can write comment

No comments yet...