Close Menu
PSD VaultPSD Vault
  • VIP Area
  • Photoshop Basics
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Resources
  • Drawing
  • Inspiration
  • Web Graphics
  • Abstract
  • Freebies
  • Advertise
  • Get in Touch
  • About PSD Vault
Facebook Instagram Pinterest YouTube TikTok
Facebook Instagram Pinterest YouTube TikTok RSS
PSD VaultPSD Vault
  • VIP Area
    • Sign Up
    • Log In
  • Photoshop Basics
  • AI
  • Photoshop Error Fixes
  • Video Tutorial
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Drawing
  • Opinion
PSD VaultPSD Vault
Home»Text Effect»Design a Dawn of War Style Concrete Text Effect in Photoshop
Text Effect

Design a Dawn of War Style Concrete Text Effect in Photoshop

By James QuMarch 27, 20114 Mins Read
Share
Facebook Twitter LinkedIn Pinterest Email

In this tutorial, I will show you the steps I took to Design a Dawn of War Style Concrete Text Effect in Photoshop. I try to break this tutorial down into some fine details and hopefully will give beginners some ideas of how to apply textures to font, plus masking and image adjustments. Have a try!

This text effect is inspired by the Dawn of War game box art.

The PSD file of this tutorial is available via the PSD Vault VIP members area.

If you’re having difficulty with the steps in this tutorial, I suggest you go to the basic section of PSD Vault and practice those tutorials first, then come back and do this one.

Here is a preview of the final effect: (click to enlarge)

PSD Vault VIP Membership

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 200+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive!

Ok Let’s get started!

To complete this tutorial, you will need the following stock:

Font

Paper Texture

Concrete Texture

Step 1

Create a new document size 720px * 900px, load the paper texture into Photoshop, hit Ctrl + A to select the entire texture and copy it, paste it onto our document and resize it to fit:

We will be adding a few image adjustment layers for this texture to darken it a bit. You can find those commands under Layer > New Adjustment Layer:

Hue Saturation

Levels

Mask on Levels Adjustment layer

Curves

and here is the effect so far:

Step 2

Use the font we downloaded to type some text on the canvas:

Apply the following layer blending effect to the text layer:

Drop Shadow

Inner Shadow

Bevel and Emboss

Gradient Overlay

Stroke

and here is the effect so far:

As you can see, because this bevel effect we added, the text has a nice shinning finish on top:

Step 3

Now we will add some shadow for the text. Firstly Ctrl + Left-click the thumbnail of the text layer to load its selection:

You will see the marching ants around the text:

Create a new layer under the text layer, fill the selection with black colour ON THIS NEW LAYER:

Apply the following Gaussian Blur settings to this shadow layer:

After the blur, move this shadow layer a little lower:

and you have a nice shadow under the letter:

Erase the top right of the shadow with a soft eraser as we don’t really need it:

Duplicate this shadow layer once and compress it down with Free Transform tool, this will form some shadow under the text. Adjust the layer opacity to around 50% for better effect:

and here is the effect so far:

Step 4

Now use the previous method described, load the selection of the text layer again:

Click on the Rectangular Marquee Tool, then move your mouse over the selection, you will see the mouse shape change into something like below:

Click and drag the selection onto the concrete texture:

Copy and paste the selected texture onto the text:

Add the following two adjustment layers as clipping mask on the texture layer:

Black and White

Curves

and here is the effect so far:

Step 5

We’re almost done. For some final touches, we can add some adjustment layers on top of all layers:

Black and White

Mask on Black and White adjustment layer:

Levels

Selective Color

Mask on Selective Color layer:

and I have the following final effect: (click to enlarge, I added some splatter brush to the image to spice it up a bit.)

That’s it for this tutorial! Hope you enjoy this tutorial and find it useful! Till next time, have a great day!

concrete text photoshop dawn of war text
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
James Qu
  • Website

James is a seasoned Photoshop expert with over 25 years of experience based in Australia. As the driving force behind PSD Vault, he authors the majority of its in-depth tutorials and insightful articles.

Related Posts

Create a Diablo-Inspired Dark Grunge Text Effect in Photoshop

February 22, 2026

Create a Dissolved Ancient Ink Text Effect in Photoshop

February 5, 2026

Create Fire Burning on Metal Text Effect in Photoshop

January 22, 2026

43 Comments

  1. Justine Greene on March 28, 2011 3:22 PM

    nice details & I love the close up screen shots to see what you’re referencing, in regards to the Windows you’re using in PS – very useful & many techniques to be extrapolated for other things – thanks!

  2. rajasegar on March 28, 2011 3:50 PM

    Great Tutorial and techniques well explained.
    Thanks for sharing…
    Bookmarked!!

  3. DeMoN on March 28, 2011 11:24 PM

    Very difficulty for me, but this is greatest tutorial! Thank you very much!

  4. white on April 1, 2011 1:15 PM

    super good,sir.

  5. Alex on April 2, 2011 9:36 PM

    Awesome tutorial man, just a repeated “In this tutorial” at the beginning :)

  6. James Qu on April 2, 2011 9:41 PM

    Well spotted Alex :) thanks for pointing it out

  7. cha0sslayer on April 6, 2011 6:40 AM

    ohh nice!!

  8. Lwd on April 8, 2011 9:00 PM

    Nice tutorial, my result:
    http://kepfeltoltes.hu/110408/dawnofwar_www.kepfeltoltes.hu_.jpg

  9. omer on April 11, 2011 1:19 AM

    i am unable to do this becoz of the mask . i dont know hw to use it . any one plzz help

  10. Lwd on April 11, 2011 7:30 PM

    http://www.psdvault.com/basics/a-beginners-guide-to-photoshop-masks-part-one/

    This is a great tutorial for masking!

  11. Rasjah on April 15, 2011 8:11 PM

    nice tutorial … pity that for non-experts like me, badly explained and confusing steps … shame really :-(

  12. Steve on April 19, 2011 1:48 PM

    Very confusing.

  13. James Qu on April 19, 2011 6:21 PM

    @Steve: which part are you having trouble with?

  14. Babar on April 20, 2011 1:40 AM

    couldn’t follow up, a lot of confusing steps.

  15. Steve on April 20, 2011 2:12 AM

    When I mask the levels, mine is white. When I try to drag and drop the text over to the concrete texture, it doesn’t do the way you are showing.

  16. Moai5355 on April 25, 2011 3:49 PM

    Nice work!…Thanks..^^

  17. ammar on May 4, 2011 8:43 PM

    vere good

  18. loswl on May 5, 2011 8:31 AM

    Very cool tutorial, really love the use of texture in this! I featured here It here: http://www.inspiks.com/best-tutorials-april-2011/

  19. cstwist on May 12, 2011 2:26 AM

    i like this …. really good idea ….

  20. PSD Box on May 19, 2011 9:02 PM

    Nice typo tut. Maybe adding a bit of color would look nice too. As grunge effect it’s awesome

  21. imran on June 25, 2011 12:52 AM

    nice work

  22. Favorite on June 26, 2011 4:17 AM

    Duplicate this shadow layer once and compress it down with Free Transform tool, this will form some shadow under the text. Adjust the layer opacity to around 50% for better effect:

    Don’t know what to do.. i am german so sorry. But i rly can’t figure what to do, i make a new layer, copy the text shadow and then press ctrl + t, but then? when i transform it, it transform just the text shadwo, did i have to do something else before?

  23. James Qu on June 26, 2011 10:21 AM

    @Favorite: yes you’re on the right path. You just need to duplicate this shadow layer created earlier, then compress it down with free transform tool (CTRL +T), as shown in the screenshot.
    Hope this helps

  24. Dragon on July 23, 2011 12:20 AM

    I did what you said to the letter and got different results on every step =.=  Fail.

  25. Godfather00701 on July 24, 2011 7:29 PM

    my result was also different 

  26. Anteelsayed on August 12, 2011 10:45 AM

    great tut tanks
     

  27. phil on September 4, 2011 1:03 AM

    Extremely cool thing.added on my website right now!

  28. BootCamp4Me on September 8, 2011 10:23 AM

    outstanding work!

  29. Steve on December 1, 2011 11:42 PM

    Yeah, I didn’t get the same result.  There’s a couple steps missing.  After you cut and paste the texture, there’s something that hasn’t been included.  Just cuttting and pasting a layer basically covers up all the blending effects.  This is a crap tutorial.  Where’s the rest of it?

  30. Steve on December 2, 2011 12:57 AM

    Ok guys, I figured out what the one missing thing was in the tutorial.  When you copy over the texture, you have to set it as an overlay over on the right hand side next to where you set the opacity for the layer.  This will get you the result.  Very cool.

    Good tutorial.  Just forgot that last little part ;)

  31. SpitfireGFX on January 18, 2012 4:27 AM

    pretty cool, gotta overlay that texture though.

  32. BossBullzEye on February 1, 2012 11:18 AM

    I got nothing remotely close to that

  33. Web Hosting on February 13, 2012 10:36 PM

    cool concrete texture!

  34. Taupo Accommodation on February 28, 2012 12:26 PM

    Thanks for the share! will try this real soon…

  35. Building Inspections Auckland on March 8, 2012 12:13 PM

    Tried this one but the result was not that good…will practice more! :)

  36. Spitfire Rex on March 13, 2012 8:38 PM

    not explained well

  37. None on May 19, 2012 11:38 AM

    Waste of time. Terrible tutorial. Thanks for wasting your time and mine. 

  38. Patch Evergale on June 25, 2012 11:29 PM

    Not exactly the same as the tutorials final but still came out with a rather decent effect that I think looks pretty epic. http://prntscr.com/b3jsn That is my result

  39. johnnycumlately on December 19, 2012 11:04 PM

    Well , that was really clear ! Like MUD…….oh well on to the next one ….ho hum

  40. Kousar on December 30, 2012 7:49 PM

    I’m stuck on step 4 .. Can someone please help :( I don’t understand where the concrete texture came from :S

  41. แว่นสายตา on February 14, 2014 4:34 PM

    I really like what you guys tend to be up too. This type of clever work and exposure!

    Keep up the very good works guys I’ve incorporated you guys to our blogroll.

  42. Alvie on May 16, 2014 12:09 AM

    Thanks for the tutorial but im confused :(

  43. Bobbi on June 18, 2014 6:06 PM

    @Kousar. The concrete texture should be opened into a separate tab right at the beginning to save time.
    ~
    i also struggled a bit but if you read the comments and fix the overlay issue and load the texture and concrete at the same time. it sort of works of. i skipped the masking thing as no matter how i tried it did not work.
    ~
    And by the way, all you guys who said it was a terrible tutorial, shame on you. instead of asking for assistance or help you b*tch and moan. you did not pay for this tutorial and this was done by somebody who gave his time and effort and it IS difficult to write tutorials because, yes, sometimes you DO forget to list the twenty thousand steps involved.

Don't Miss

How to Create a Wood Texture Face Effect in Photoshop (Updated 2026)

March 15, 2026

How to Turn Day to Night in Photoshop: 2 Complete Methods

March 8, 2026

How to Use Photoshop’s Remove Tool with AI Precision

March 4, 2026

For Beginners

AI

How to Use Photoshop’s Remove Tool with AI Precision

By James QuMarch 4, 20264 Mins Read

10 Genius Tips to Master Photoshop’s AI Object Selection Tool

February 27, 2026

Mastering Sky Replacement in Photoshop: A Comprehensive Guide

February 25, 2026

How to Use “Find Distractions” Feature in Photoshop for Easy Photo Clean-up

February 13, 2026

You May Also Like

Text Effect

Create a Diablo-Inspired Dark Grunge Text Effect in Photoshop

By James QuFebruary 22, 202612 Mins Read
Text Effect

Create a Dissolved Ancient Ink Text Effect in Photoshop

By James QuFebruary 5, 20263 Mins Read
Text Effect

Create Fire Burning on Metal Text Effect in Photoshop

By James QuJanuary 22, 20263 Mins Read
Facebook X (Twitter) Instagram Pinterest
  • About Us
  • Get in Touch
  • Advertise
  • VIP Area
  • Privacy Policy
  • Terms & Conditions
© 2026 PSD Vault. All Right Reserved.

Type above and press Enter to search. Press Esc to cancel.

Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
  • Manage options
  • Manage services
  • Manage {vendor_count} vendors
  • Read more about these purposes
View preferences
  • {title}
  • {title}
  • {title}