"}
The Birth of the iPhone App Theme
23+ Unique One-Page Interface Designs
How To Create An Epic Metallic Band Logo

How To Create An Epic Metallic Band Logo

Every band understands the importance of their visual image, and how that come across to their listeners. A big part of that visual image for most musicians is in their logo, it's what's printed on their CDs, posters, T-shirts etc. And the beauty of a band logo is that, unlike it in world of business, a band logo can often be a lot more liberal with special effects, atmosphere, and impact. Which can lead to some very exciting results.

This tutorial will guide you through techniques in Photoshop that will create an atmospheric, grungy logo, perfect for industrial, rock or metal bands. And the techniques you will learn are applicable to many more subjects, the most obvious ones being movie and game titles.

Required Resources

For this tutorial you will need a few files handy. We have prepared some free samples of our premium resources for you to use:

You will also need this font to follow the tutorial exactly: Ethnocentric

Final Result Preview

Before we get started, here is a preview of what we will be creating: (click for full size)

grunge logo design

Step 1

To start off, launch Photoshop and create a new document, RGB Color, width 1200 pixels, height 600 pixels and 72 pixels/inch.

create an epic industrial grunge band logo in photoshop

Step 2

Grab the free sample from the Dark Grunge Textures pack, and place in on the canvas. It should fill the whole document horizontally and overlap slightly vertically. This will be our background layer.

create an epic industrial grunge band logo in photoshop

Step 3

Find the Adjustments panel and add a new Brightness/Contrast adjustment. (In older versions of Photoshop Image > Adjustments > Brightness/Contrast). The current background image is a little strong so we’re going to tone it down by reducing the Brightness and Contrast.

create an epic industrial grunge band logo in photoshop

Step 4

Add a Hue/Saturation adjustment (In older versions of Photoshop Image > Adjustments > Hue/Saturation) Check the Colorize box and move the hue into the blue region and reduce the saturation to 10. This will give a very subtle cold tint to the background.

create an epic industrial grunge band logo in photoshop

Step 5

Next we’re going to add our logo type, using the Text Tool, type your band name in the center of the canvas. I’m going to call my band “Fakulty” a nice industrial name. And we are using the Ethnocentric font here.

create an epic industrial grunge band logo in photoshop

Step 6

The kerning is a little messy by default, so tidy this up by reducing some of the larger gaps between the letters.

create an epic industrial grunge band logo in photoshop

Step 7

Our text is sitting quite flush now, but we’re going to make some slight adjustments to the font to improve it further. Right click the text layer and “Convert to Shape”

create an epic industrial grunge band logo in photoshop

Step 8

Now using the Pen or Direct Selection tool adjust the vector points on the text. In the image below I have highlighted which areas of the text I modified. On the “F” I tucked it in a little bit to line up with the slant of the “A”. I removed the slant on the “L”, and switch the direction of the slant on the “T”.

Take some time with this step and make sure you get it just right. Also if you are using a different font or band name, familiarize yourself with the fonts characteristics before you start making edits, otherwise it won’t seem natural.

create an epic industrial grunge band logo in photoshop

Step 9

Change the color of the text, I’ve gone with a slightly darker, desaturated blue for a cold feel.

create an epic industrial grunge band logo in photoshop

Step 10

Now it’s time to add some layer styles. These might seem a little harsh at first but they get toned down by extra layers added later.

First up, Drop Shadow:

create an epic industrial grunge band logo in photoshop

Step 11

Bevel and Emboss:

create an epic industrial grunge band logo in photoshop

Step 12

Contour:

create an epic industrial grunge band logo in photoshop

Step 13

Gradient Overlay:

create an epic industrial grunge band logo in photoshop

Step 14

Stroke:


create an epic industrial grunge band logo in photoshop

Step 15

After applying the layer styles, you should have something looking a little like this:

create an epic industrial grunge band logo in photoshop

Step 16

Duplicate your logo layer so that it is placed directly above the original that we just applied effects too. Make the new layer white again, and clear it’s layer styles.

create an epic industrial grunge band logo in photoshop

Step 17

Grab the free sample from the Metal Scratches set and place it on the canvas. The texture should just about cover all of the text. Make sure it is infront of the white logo layer and right click and “Create Clipping Mask”.

create an epic industrial grunge band logo in photoshop

Step 18

The texture should be trimmed to the shape of your logo. We’re just going to increase the dark areas of the texture by tweaking the Levels (Ctrl/CMD + L)

create an epic industrial grunge band logo in photoshop

Step 19

That looks good as it is, but a good technique to increase the detail of a grunge texture is to duplicate the layer, Invert (Ctrl/CMD + i) the colors, and Flip Vertical. Then reduce the Opacity to about 35% so that the original layer can be seen too.

create an epic industrial grunge band logo in photoshop

Step 20

Group (Ctrl/CMD + G) the two texture layers, and the white logo layer (the clipping mask). Then set the Blending Mode of the group to Hard Light.

create an epic industrial grunge band logo in photoshop

Step 21

The logo looks pretty awesome now, but just to finish off let’s add a bit of lighting. Draw a white Ellipse shape covering the logo.

create an epic industrial grunge band logo in photoshop

Step 22

Apply a Gaussian Blue at around 75.

create an epic industrial grunge band logo in photoshop

Step 23

Adjust the Blending Mode of the layer to Soft Light, and set the Opacity to around 75%.

create an epic industrial grunge band logo in photoshop

Step 24

Now for a subtle shadow in the background. Duplicate the logo layer again and color it black. Move it behind the original logo layer.

create an epic industrial grunge band logo in photoshop

Step 25

Distort the shape slightly using the Perspective tool (Edit > Transform > Perspective).

create an epic industrial grunge band logo in photoshop

Step 26

Finally, add a Gaussian Blur to the shadow layer to finish it off.

create an epic industrial grunge band logo in photoshop

Conclusion

create an epic industrial grunge band logo in photoshop
And there it is! Click here to view full size. I hope you enjoyed the tutorial and have learned a little about tweaking fonts, working with blending modes and layer styles! As always, we welcome your comments!

Comments

  • Reply »
    Web Design Dorset

    Web Design Dorset

    Awesome write up guys, I might give this attempt myself.. I normally do all my work in Cinema 4D but this looks just as good.

    Thanks a lot for sharing

    Feb 13, 2012 at 10:37 am
  • Reply »
    TutsPress

    TutsPress

    Amazing! Thanks for the tutorial. The logo looks beautiful!

    Feb 13, 2012 at 9:07 pm
  • Reply »
    Tony Thomas

    Tony Thomas

    Thanks for the comments smile Glad you liked it

    (I realise this reply is a bit late, sorry!)

    Mar 28, 2012 at 10:07 am
  • Reply »
    children riding bicycle

    children riding bicycle

    What sort of work opportunities could you discover inside of the songs industry? everyone is mindful of about musicians and performers, or course, having mentioned that there’s a total buy and sell devoted to supporting, producing, educating, publicizing and supporting performers.

    Jul 19, 2012 at 1:19 am
  • Reply »
    Fran

    Fran

    Hi Tony -

    Can I hire you to create a logo for me?  A client of mine needs a metallic logo similar to your sample (but with bolts on it as well).  I was hoping for a vector image. I don’t think I have the skills to pull it off. Or maybe you can recommend another illustrator. 

    Thanks!

    Aug 9, 2012 at 4:50 pm
  • Reply »
    Günter Wagner

    Günter Wagner

    Great workshop. Thank you. I hope I find the time to implement this once in one of my logos. That would be an interesting experiment. I could imagine the look quite respectable.

    Aug 29, 2012 at 9:53 am
  • Reply »
    Andranik

    Andranik

    Thanks for the fantastic article. I learnt many things from this article.

    Oct 2, 2012 at 6:57 am
  • Reply »
    tips2GolfHelp.com

    tips2GolfHelp.com

    The logo looks beautiful!

    Oct 20, 2012 at 4:23 am
  • Reply »
    chilli

    chilli

    amazing tutorial!
    is it alright if I use this as a template for my band logo?
    Much appreciated!

    Oct 28, 2012 at 4:52 am
  • Reply »
    more here

    more here

    I was searching for a blog to learn about making a logo design for my company and your post was the right one to have a reference for the same. Thanks a lot for the reference I will make sure to utilize the same for my Company logo.

    Nov 7, 2012 at 4:23 am
  • Reply »
    discount north face jackets

    discount north face jackets

     

    Nov 24, 2012 at 2:29 am
  • Reply »
    fighmma

    fighmma

    good tutorial

    http://ultimatedesignerfx.blogspot.fr/2012/11/blog-post_24.html

    Nov 25, 2012 at 2:01 am
  • Reply »
    Чеснок

    Чеснок

    I will translate this statement into Russian, and honor his blog at your expense

    Dec 5, 2012 at 9:01 am
  • Reply »
    Ao24

    Ao24

    NICE TUTORIAL! smile

    Jan 12, 2013 at 10:33 pm
  • Reply »
    Gustavo

    Gustavo

    Muy bien descrito, paso a paso. Se agradece su explicación. Saludos desde Chile.

    Jan 23, 2013 at 3:46 pm
  • Reply »
    Cade

    Cade

    Hi there, this is totally off topic but wasn’t able to leave a comment on the original post.

    I downloaded your word-press Parallax theme and was wondering if you could explain how to crop the gallery photo thumbnails? Some of the photos are cropped funny and would like to fix them (if possible?) Thanks!

    Jan 25, 2013 at 3:04 pm
  • Reply »
    mycheaptravelsites

    mycheaptravelsites

    You helped me greatly in my work by writing this article. I want to thank you for your effort. Your site is great.
    so it will be the first commentd

    Feb 3, 2013 at 12:43 am
  • Reply »
    nobelboy

    nobelboy

    You are wrong if you think Joy emanates only or principally from human relationships. God has placed it all around us. It is in everything and anything we might experience. We just have to have the courage to turn against our habitual lifestyle and engage in unconventional living.réparation iphone

    Apr 13, 2013 at 1:04 am
  • Reply »
    nobelboy

    nobelboy

    Mostly I never read full articles but the way you define in this information is really amazing and interesting. elektronik sigara

    Apr 13, 2013 at 1:14 am
  • Reply »
    web design agency

    web design agency

    I downloaded your some theme could you explain how could i make 3d logos please refer me some good article i realy like you site i just ready on daily basis thanks

    Apr 16, 2013 at 4:43 pm
  • Reply »
    free grammar check online

    free grammar check online

    Though beauty gives you a weird sense of entitlement, it’s rather frightening and threatening to have others ascribe such importance to something you know you’re just renting for a while.

    Apr 20, 2013 at 6:01 am
  • Reply »
    Kliknij tutaj

    Kliknij tutaj

    I’ve followed this steps and final effect is amazing!
    Thanks

    May 12, 2013 at 12:43 pm
  • Reply »
    press release help

    press release help

    I am delighted with this post. He’s just gorgeous. The author is really incredibly talented. I admire his talent.

    May 15, 2013 at 5:13 pm
  • Reply »
    writing a critical essay

    writing a critical essay

    I appreciate the opportunity to enjoy such a great article. This post is truly amazing. I suppose that the author is astonishingly gorgeous.

    Jun 13, 2013 at 5:14 am
  • Reply »
    master s thesis

    master s thesis

    I’m really excited about it because of this post. It ‘s really amazing and eye-catching. Author would be really fabulous.

    Jun 17, 2013 at 7:45 am
  • Reply »
    Janitha

    Janitha

    This is where I got a PROFESSIONAL and ATTRACTIVE logo: http://fiverr.com/prologomakers/superfast-24hours-design-a-professional-and-attractive-logo

    Jul 2, 2013 at 9:13 am
  • Reply »
    TeeHee

    TeeHee

    What font did you use? I want it in my banner!

    Jul 14, 2013 at 12:38 am
  • Reply »
    monjurulhoque

    monjurulhoque

    nice page thanks for the good contents.

    Jul 23, 2013 at 3:02 pm
  • Reply »
    cover letter for federal job

    cover letter for federal job

    It’s very interesting topic and it is really cool, that author decide to write on this theme. I enjoy reading this post and i will read another one this author with great pleasure. The author is really talented person.

    Jul 23, 2013 at 6:22 pm
  • Reply »
    eavedrop44

    eavedrop44

    Can you direct me to other articles about this? I will recommend this article to my friends as well. Thanks.
    Affordable SEO Packages

    Aug 15, 2013 at 3:10 am
  • Reply »
    scholarship application letter

    scholarship application letter

    I am full of emotions after reading this post. I really like it and it is good, that author decided to write on this topic. I would like to read his another posts. They might be really interesting.

    Aug 21, 2013 at 9:05 am
  • Reply »
    seo

    seo

    Thank you for another essential article. Where else could anyone get that kind of information in such a complete way of writing ? I have a presentation incoming week, and I am on the lookout for such information.

    Aug 26, 2013 at 2:19 pm
  • Reply »
    attorney marketing plan

    attorney marketing plan

    I read this post with great pleasure. It is really cool, that author decided to write on this theme. I obviously like it and i would like to read another post this author. It might be quite interesting.

    Aug 26, 2013 at 3:29 pm
  • Reply »
    eavedrop44

    eavedrop44

    I want to encourage you to ultimately continue your great posts, have a nice weekend! I am satisfied to locate numerous useful information here in the post.  I want to encourage you to ultimately continue your great posts, have a nice weekend! I am satisfied to locate numerous useful information here in the post.

    Sep 1, 2013 at 11:16 am
  • Reply »
    cipto  junaedy

    cipto junaedy

    I was searching for a blog to learn about making a logo design for my company and your post was the right one to have a reference for the same. Thanks a lot for the reference I will make sure to utilize the same for my Company logo.

    Sep 7, 2013 at 4:15 am
  • Reply »
    inquitech

    inquitech

    Looking forward to reading more. Great blog. Really looking forward to read more.

    Sep 17, 2013 at 5:57 am
  • Reply »
    Hair Extensions

    Hair Extensions

    This is very useful post for me.

    Sep 18, 2013 at 4:40 am
  • Reply »
    waagraphics

    waagraphics

    very very imp post

    Sep 22, 2013 at 12:21 pm
  • Reply »
    motivation letter scholarship

    motivation letter scholarship

    Thanks for this wonderful piece on such a great lady and a hero to our community. She has worked so long and fought hard to build a better America, we owe her so much….

    Sep 28, 2013 at 12:29 am

Leave a comment

Sign up to our Newsletter

Get site updates, freebies, and MediaLoot news.

Contact Us

Suggest a resource

FAQ

You can't just submit stuff to our site, but we'd love for you to consider being one of our design contractors, see http://medialoot.com/main/open-positions/ for more information.

See all