Subscribe to our rss feed

Photoshop Darkness Logo Tutorial

Posted in Logo Tutorials, Photoshop Tutorials by John Ward on the April 10th, 2007

This tutorial will show you how to create a great looking dark logo using Adobe Photoshop.

Start by Opening a new document
Photoshop Darkness Logo Tutorial

Now using the text tool type the word “Darkness” on the screen using white as the color. The font that I am using is blade 2 and the size is 150px. The Blade 2 font can be downloaded here.

Photoshop Darkness Logo Tutorial

Now open the Layer Style window by right clicking the layer and selecting Blending Options.
Photoshop Darkness Logo Tutorial

Now apply an Outer Glow with the following settings.
Photoshop Darkness Logo Tutorial

Now the Bevel and Emboss settings.
Photoshop Darkness Logo Tutorial

Then apply this gradient overlay.
Photoshop Darkness Logo Tutorial

Here are the color settings for the gradient.
Photoshop Darkness Logo Tutorial

Now apply the settings and your image should look like this.
Photoshop Darkness Logo Tutorial

Now we need to add another layer. With the shape Custom Shape tool select the Grass 3 shape, pictured below. This is a default shape in Photoshop CS2
Photoshop Darkness Logo Tutorial

Use white as your fore color and draw a large section of grass over top of your text.
Photoshop Darkness Logo Tutorial

Now set the layer blend mode to Overlay and reduce the Opacity to 63%
Photoshop Darkness Logo Tutorial

Now you are finished. Your final image should look like this.
Photoshop Darkness Logo Tutorial

Popularity: 28% [?]

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BlogMemes
  • Fark
  • Furl
  • Live
  • NewsVine
  • Reddit
  • Slashdot
  • StumbleUpon
  • TwitThis
  • YahooMyWeb

Go Daddy $1.99 Domains

37 Responses to 'Photoshop Darkness Logo Tutorial'

Subscribe to comments with RSS or TrackBack to 'Photoshop Darkness Logo Tutorial'.

  1. Mukul said,

    on April 22nd, 2007 at 1:01 am

    Loved the final effect! Great stuff…

  2. ahmed said,

    on April 23rd, 2007 at 3:36 pm

    i loved the tutorial and the effects! very easy and straight forward, thanks.

  3. arpu said,

    on May 14th, 2007 at 11:41 am

    Thanx for the nice tutorial

  4. Sance said,

    on May 21st, 2007 at 8:12 pm

    hi um i have one problem with your tutorial. I can’t get to the advance blend mode.

  5. John Ward said,

    on May 21st, 2007 at 8:45 pm

    Can you clarify what you mean by advanced blend mode??????? To get to the layer styles right click the layer in the layers pallet (lower right corner of screen, usually) and select Blending Options. To change the blend mode of the entire layer, click the layer in the layers pallet and change the drop down box above it to overlay.

    If you are having trouble finding the blending options, you may want to start with the very basics of photoshop.

  6. George said,

    on May 22nd, 2007 at 6:45 am

    If you have photoshop 2.0 I dont think you have the option of layer styles, that is the problem which I have because most tutorials require layer styles at some point. Thanks for the tutorial though, this effect looks amazing!

  7. John Ward said,

    on May 22nd, 2007 at 7:10 pm

    Sorry, I believe it is a limitation of Photoshop 2.0. I would recommend upgrading, but I know some people can’t afford it. I use Photoshop CS2 for all the tutorials but will be upgrading to CS3 very soon.

  8. asdas said,

    on May 23rd, 2007 at 6:15 am

    cool men, nice

  9. Sirtopdog said,

    on May 24th, 2007 at 10:46 pm

    Love the look and a fast and simple to flow NICE WORK!

  10. Steve said,

    on May 27th, 2007 at 1:10 pm

    couldnt find the leaf brush, and couldnt find how to set gradient colours, but overally great result. thumgs up 4/5

  11. norekcn said,

    on May 29th, 2007 at 12:53 pm

    Thanks ~ ~! !
    I come from China, but my English is very bad!
    Thank you to help me to be such many!
    We are the good friend!
    (Above these speeches all are I use machine translation, ha-ha!)

  12. jaffer Shadick.C said,

    on May 30th, 2007 at 9:47 am

    Hai This is very good text effects. You was choosed very good background colours any how very good effects by Jaffer Shadick.C

  13. illusion said,

    on June 6th, 2007 at 12:31 pm

    Awsome tutorial, can’t w8 to use it on my website =D

  14. Cryonaka said,

    on June 8th, 2007 at 1:25 am

    Looks nice!

  15. bjarkhov said,

    on June 26th, 2007 at 3:40 am

    gr8 job dear….
    an awesome collection to join the elite club of CS2 collection….
    over all a nice job….keep posting…

  16. Avanti said,

    on July 17th, 2007 at 1:24 am

    hello
    First thanx for such good tutorial. the last effect is very nice. i am going to use this.
    thanx
    bye

  17. faucndo said,

    on August 8th, 2007 at 6:25 pm

    thanks to this i know how to do that effect.. is lovely.

  18. Tasheena said,

    on September 6th, 2007 at 3:10 pm

    hey i really liked doing this stuff in photoshop. i just had a blast with it

  19. JEY said,

    on September 14th, 2007 at 11:30 pm

    where can i download that font style in WINDOWS XP OS..? Because i dont have a MAC OS here im only using XP.

  20. JEY said,

    on September 15th, 2007 at 12:44 am

    ok now i know..HELP! he!he!he!

  21. John Ward said,

    on October 11th, 2007 at 9:03 pm

    That font isn’t a Mac font. I use Windowx XP also. Here is the link for the font http://www.dafont.com/blade-2.font. By the way it is included in the second step of the tutorial ;)


  22. on November 21st, 2007 at 5:07 pm

    Hi,
    Lovely effect, visit my site for more tutorials also.


  23. on November 27th, 2007 at 3:19 am

    thanks for great tutorial


  24. on December 8th, 2007 at 2:01 am

    Very informative and useful. I have to try this soon.
    Thanks

  25. Avinash said,

    on January 14th, 2008 at 3:23 pm

    Hey ok the effects were great.. but i have a small doubt.. i still have the outlines of the leaf on the front how do i get rid of them?

  26. Avinash said,

    on January 14th, 2008 at 3:25 pm

    ok i kinda made a mistake.. sorry :P

  27. TeamTutorials said,

    on January 14th, 2008 at 5:20 pm

    When you draw the shape be sure to select the option on the tool bar for no border (it is a square with no border I believe, there are three options)


  28. on February 18th, 2008 at 2:46 pm

    Nice final touch with the default shape

  29. nick said,

    on March 5th, 2008 at 1:33 am

    um well great guide but how do i get the text in the selection tab because i downloaded it but don’t know how to use the blade text


  30. on March 14th, 2008 at 1:16 pm

    [...] Darkness Logo [...]


  31. on March 16th, 2008 at 1:46 am

    [...] görmek için tıklayın. Bu yazıya yapılan yorumları RSS 2.0 beslemesi ile takip edebilirsiniz. Cevap yazabilirsiniz, [...]

  32. Jonathan said,

    on March 26th, 2008 at 4:35 pm

    Thanks for the tutorial. I’ve modified it slightly for my own purposes (I’m using it on a white background for a magazine masthead).

    One suggestion: I don’t think it looks all that good having the wavy grass effect the text’s outer glow. What I did instead was put a selection around the text before applying the grass so that it only affects the text and not the glow behind it. I think that looks better.

  33. tyler said,

    on April 2nd, 2008 at 7:09 am

    sweet tutorial..if you cant do it ur just an idiot

  34. paramjeet said,

    on April 3rd, 2008 at 12:06 am

    hey i really liked doing this stuff in photoshop. i like the fire effect but i want to make a digital fire effect in photoshop & set it on desktop.plz help me.

  35. metingt said,

    on April 14th, 2008 at 2:37 pm

    tesekürler dankeschon

  36. Aakash Bhati said,

    on April 30th, 2008 at 1:36 am

    Really it looks very artistic.

  37. Beata said,

    on May 24th, 2008 at 2:03 pm

    Overlay Blend mode - I get with it gray leaves and nothing to do

    I should delete this last layer

Leave a Comment