SEARCH
Newsletter
Subscribe to get design tips, latest trends, free stuff and more.
It doesn't look like an e-mail address

hosting

  Tutorials Photoshop Photoshop CS5 Tutorials Create a Beautiful Concrete Text Effect

Create a Beautiful Concrete Text Effect

Lot's of creations we can make in Photoshop. If you're interested in learning some new skills, whether you're a beginner, intermediate or advanced user, this Photoshop tutorial is for you. Today I am creating a concrete text effect in Photoshop. This tutorial explains how to use Photoshop effects and texture's to create a concrete text effect. I am sure you definitely like our this new creation. If you like this tutorial then never forget to share your exclusive comments with us. Enjoy!

Create a Beautiful Concrete Text Effect in Photoshop - Final Preview

img

Final Preview

Lets start to create our concrete text effect in photoshop.

Step 1

Create a new document (Ctrl+N) with 1000x700 of size.

Create New Document

Step 2

First of all I am going to add the Paper Texture Image in photoshop.

img

Add Paper Texture Image

Go to Edit > Free Transform or press (Ctrl+T) and set texture image to the whole canvas.

img

Transform it And Set Whole Canvas

After set texture image we get this result.

img

Get Texture Result

Step 4

Now I am going to applying Hue Saturation on this texture layer.

Go to Layer > New Adjustment Layer > Hue Saturation.

img

Set Hue Saturation

Hue Saturation panel opened now set Hue (-1) Saturation (-34) Lightness (+1).

img

Hue Saturation Setting

When we set hue saturation we get new effect on texture layer.

img

Get New Effect

Step 5

In this step set the Levels of this texture layer.

Go to Layer > New Adjustment Layer > Levels.

img

Adjustment Levels

After set levels we can see the texture effect changed.

img

Texture Effect Changed

Step 6

Now create Curves layer and set it.

Go to Layer > New Adjustment Layer > Curves.

img

Open Curves Panel

After set curves we get new effect on texture layer.

img

Get New Effect

Step 7

Now I am going to type some text, select Text Tool form tool panel here I am using Impact Font with (200px) of size applying white color, you can use any of font you like.

img

Type Some Text

After type text now applying some Blending Options on this text layer.

Go to Layer > Layer Style and applying these Blending Options.

Drop Shadow

img

Drop Shadow

Inner Shadow

img

Inner Shadow

Bevel and Emboss

img

Bevel and Emboss

Gradient Overlay

img

Gradient Overlay

Stroke

img

Stroke

After applying these layer styles we get awesome effect on text layer.

img

Get Awesome Effect

Step 8

Now hold Ctrl key and click on thumbnail of text layer then a selection created.

img

Make a Text Selection

Create a new layer (Shift+Ctrl+N) name it Text Shadow, fill selection with black color #000000, press (Ctrl+D) to deselect the selection.

img

Fill Selection With Color

Now applying Gaussian Blur on this text shadow layer.

Go to Filter > Blur > Gaussian Blur.

img

Gaussian Blur

After applying gaussian blur we get cool effect on text shadow layer.

img

Get New Shadow Effect

Set this text shadow layer bottom of text layer and move (5px) down as like in preview.

img

Set Bottom Shadow Layer

Now select Eraser Tool from tool panel and erase the text shadow layer from right upper corner.

img

Erase Shadow Layer

After erasing we get nice shadow effect as like in picture below.

img

Get Nice Effect

Step 9

To make more attractive shadow, select text shadow layer press (Ctrl+J) to duplicate it now go to Edit > Transform or press (Ctrl+T) to transform this duplicate shadow layer and minimize the size of this duplicate shadow layer as like in preview.

img

Duplicate Shadow Layer

After minimize size we get cool shadow effect as like in picture below.

img

Get Cool Shadow Effect

Step 10

In this step I am going to add Cracked Concrete Texture Image in photoshop.

img

Add Cracked Concrete Texture Image

Now hold Ctrl key and click on thumbnail of text layer to make a selection.

img

Make a Selection

Select concrete texture Image rasterize it press (Ctrl+J) to duplicate the selected area, delete the original texture image, here we get this result.

img

Duplicate Selected Area

Step 11

Now I am going to set the Black and White Effect of this texture layer.

Go to Image > Adjustment > Black and White.

img

Adjustment Layer

After set black and white setting we get this result.

img

Get This Effect

Go to Image > Adjustment > Curves and set Curves.

img

Set Curves Adjustment

After set curves we get this new result.

img

After Set Curves get Result

Step 12

Now create a new adjustment layer and set black and white option setting.

Go to Layer > New Adjustment Layer > Black and White.

img

Create New Adjustment Layer

After black and white option setting we get this result.

img

Get Result

Go to Layer > New Adjustment Layer > Levels.

img

Set Levels Setting

After set levels setting the result look changed.

img

After Set Levels

Now again create a new adjustment layer.

Go to Layer > New Adjustment Layer > Selective Color.

img

Create Selective Color Adjustment Layer

After set selective color setting here we get this effect in preview.

img

After Set Selective Color

Step 13

Now select black and white adjustment layer and set Blend Mode to (Screen) of this layer.

img

Set Blend Mode to Screen

Now select the concrete texture and set Blend Mode to (Overlay) of this texture layer.

img

Set Blend Mode to Overlay of Texture Layer

After whole the procedure here we get our concrete text effect in final preview.

Final Preview

img

Final Preview

subscribe to newsletter