Photoshop: Create a dark text-based logo with gradient effect

by on Aug.15, 2011, under Photoshop


This tutorial will describe how to create this great looking dark blue logo using Adobe Photoshop CS5.

Download the PSD file

First of all, open a new document:

Then use the text-tool to write your text using white as the foreground-color. The font which has been used in this tutorial is named Blade 2 and can be downloaded here. The font-size is 150px.

After writing your text go to Layer → Layer Style → Blending Options… and configure the settings as shown in the screenshots below:

Now apply an Outer Glow with the following settings:

After that, apply the Bevel and Emboss settings:

And now change the settings for the Gradient Overlay:

Here are the color settings for the gradient:

Your text should look like this:

Now select the custom-shape-tool from the toolbox:

Select the Nature presets and use the Grass 3 shape:

Set the foreground-color to white and draw a huge grass-shape over your picture:

Edit the layer properties of the newly created custom-shape-layer. Set it to Overlay adjust the Opacity to 63%.

The only thing left to do is to flatten your image. So go to Layer → Flatten Image and you’re done.


3 Comments for this entry

  • Zachariah Callaway

    It’s unbelievable that this stuff can even be done in graphics software or that anyone can even figure out how to. Great job!

  • Mel

    This is awesome. One question though, when I did the last step (Flatten Image), it gave me a white background around the text, I want it to be transparent, any help? Thanks!

  • admin

    Unfortunately I can’t provide you a proper method of accomplishing that, you however can merge the layers, use the ‘Erase Background’ tool (right click on the rubber tool in order to see it) and then carefully delete the overhead. It works fine, I’ve tried it a few minutes ago, but it surely isn’t the easiest nor the best way to achieve it.

Leave a Reply


Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!