Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

60+ Beautiful Photoshop Logo Tutorials And Resources

When we talk about a famous brand, the first thing that comes to mind is its logo. The logo is the most essential component of any personal brand and also the hardest part to execute. A logo must be appropriate, aesthetically pleasing and a reflection of the company’s credibility. Furthermore, a logotype should be synonymous with the company or product it represents and should penetrate people’s minds as a selling agent. [Content Care Dec/15/2016]

An amateurish logo design can more likely make your business fail for a number of reasons. A logo is of great importance in creating brand identity, and you should be very careful in selecting one for your business.

Today, we present some outstanding logo design tutorials to give you a head start when it comes time to creating an amazing logo for your own business.

Further Reading on SmashingMag: Link

Logo Design Tutorials Link

Logo Design Project Step by Step Walkthrough6
Follow this step by step documentation of the whole process of the logo design from conception to completion.

photoshop logo7

How to Design the Firefox Logo in Photoshop8
This tutorial goes through how to create the Firefox logo in a scalable Photoshop format.

photoshop logo firefox 9

Design a Print-Ready Beer Label in Adobe Illustrator10
This tutorial takes you from setup to production of a really cool beer label, although this could be useful for any bottled concoction of your choosing.

Logo Design Tutorials11

Dache: Logo Design Process12
This case study provides full creative brief and progress images from start to final.


Sikbox Logo Design Process14
In this tutorial Artist want to share a bit of the ideas and the design process for the logo creation.


Logo Design (video Tutorial)16
Corey recreates a video game logo by building a grid background and circular target using the define pattern and polar coordinate distort commands.


Crest Logo Tutorial in Photoshop18
This tutorial shows how to create a crest logo in photoshop.


EURO 2008 Logo Design20
Step-by-step tutorial on creating the EURO 2008 logo.


Creating an Environmentally Friendly Green Type Treatment22
In the following Illustrator tutorial, Tutorial will teach you how to create a Green type treatment. It works great for logos and other design elements.


Logo Design Process Tutorial24
In the following Illustrator tutorial, Tutorial will teach you how to create a Green type treatment. It works great for logos and other design elements.


Creating a Crazy Cool Logo26
In this tutorial you’ll learn how to create the crazy cool logo.


Step-by-step logo28
A very comprehensive Step-by-step Logo Tutorial


Making the ATI Logo30
In ATI LOGO tutorial Artist will use Photoshop and a mere mouse. Artist will use basic PS techniques and a little bit of layer styling.


Logo Design Process and Walk-Through for Vivid Ways32
In this tutorial, UK-based graphic designer Chris Spooner describes the design process and walks through creating the final logo in Adobe Illustrator.


Making the Metallic Transformers Logo34
In this really fantastic tutorial, you’re shown how to build a beautiful logo step by step. The process can be applied to any logo you are creating.


Illustrative Logo: Bow the Knee
In this tutorial, the artist explains step by step how he designed this attractive logo. Source files are included, so you can manually de-construct the method he used to create his reference image.


Papercraft Text Effect36
Easily create your own logo using the beautiful text effect in this tutorial. Test your logo with different fonts and colors.


Windows Vista Desktop Themes38
A simple step-by-step tutorial on making the Windows Vista logo in Photoshop. Learn how to make the mirror and glossy effects and how to use such Photoshop tools as gradient, pen, bevel and emboss, eraser, etc.


Wooden Text Effect in Photoshop40
An outstanding tutorial. Though not a logo tutorial per se, the effect and textures can easily be applied to any logo design. Very clear and easy to follow.


Create a Fly Logo Design, Part 2
This tutorial focuses on the process of creating a logo for a Web design client. It covers developing a logo from concept to completion and working with the client throughout the process.


Virtual DJ42
In this detailed tutorial, you will learn how to design this beautiful DJ smile. The tutorial is not specific to logos, but the process and tools used here may be very helpful when it comes to actually creating one.


Mac OS X Logo44
Learn how to design an awesome Mac OS X logo wallpaper.


Create a Retro Logo46
Your logo is much more than a corporate badge. After all, if you’re in the design business, it ought to reflect the “design” as much as the “business.” Here, the artist puts a new twist on a classic ’70s illustration-based Blaxploitation logo.


Euroleague 3D Logo
Draw 3-D Euroleague logo using Photoshop and Corel drawing tools, gradient fills and 3-D effects.


Star Wars Text Effect48
In this tutorial, the artist works on the Star Wars text effect, which you could also implement in your logo project.


Umbrella Corporation logo50
The Umbrella Corporation is a fictional bio-engineering pharmaceutical company that appears in the Resident Evil series of survival-horror games by Capcom and in the film adaptations. In this Adobe Photoshop tutorial, you’ll create Umbrella Corporation logo.


Create an Origami Logo52
By creating the origami logo in this Photoshop tutorial, you’ll get a little taste of one of the logo trends predicted for 2009.


Create a Logo Identity
If you’re setting up shop on your own, you’ll need a logo. Follow Alan Wardle’s advice on creating a unique design.


3D Logo Tutorial54
In this tutorial, you’ll start making a logo shape, put it in rough 3-D and then finish it in Photoshop. So easy even a beginner can do it.


How to Create the Volkswagen Logo56
This tutorial shows you how to draw the legendary Volkswagen emblem, using layer styles, radial gradients and the polygonal lasso selection tool (to do the tracing part).


The Amazing Spiderman58
Learn how to easily make the Amazing Spiderman logo for a wallpaper.


Cool Music Logo on a Grunge Background60
You will find these techniques to make a logo and background for a cool grunge-style website outstanding.


3D Encide Logo Tutorial (PSD Included)
A great tutorial, showing the entire process of making a logo in Photoshop.


How to Make an Awesome Logo62
In this tutorial, the artist documents the entire process of creating a logo, from start to finish. He encourages you to open up Photoshop and follow each step, which would help you learn a lot more than by just reading it.


Create Rainbow Logos with Warped Grids64
Warped Grids are an easy technique, but very versatile, too, and you will be able to use it in all sorts of designs. In this case, the artist uses it for a logo.


3-D Glossy Box Logo66
Create a 3-D glossy box logo in this amazing Photoshop tutorial.


Sony Ericsson Logo68
In this tutorial, the artist makes Sony Ericsson logo in about 20 minutes. Besides doing this, you will learn how to save time, change layer styles and re-use copies of your original effects and forms. So let’s go.


Versus Inspired Photoshop Logo Tutorial70
This Adobe Photoshop tutorial shows you how to create a rounded logo, inspired by the Versus cable network. This tutorial, in which gradients and layer styles are used, is great for all Photoshop users, from beginner to intermediate.


Glowing and sparkling intense light 3d logo72
In this tutorial Artist going to teach you how to create a glowing and sparkling intense light 3D glow logo. This tutorial shows different techniques.


Creating a Retro Logo74
In this tutorial Artist will try to show you how he normally make his pics look retro.


Brainstorm9 Logo Process76
Comprehensive Briefing the design process of Brainstorm #9 Logo.


Logo Presentation Tutorial78
This tutorial will teach you how to present your logotype, simulating a macro photo of the logo printed on paper.


Logo Design Articles and Resources Link

2009 Logo Design Trends80


Logo Design Creation Process from Start to Finish by Expert Graphic Designer, Mark Misenheimer82


10 Things to Expect from Your Logo Designer84


How Google Got Its Colorful Logo86


5 Vital Logo Design Tips88


The Logo Design Process of Top Logo Designers90


Logo Design Process for Just Creative Design’s Award-Winning Logo92


The World’s Best Logo Designers94


You may be interested in the following related posts:


Footnotes Link

  1. 1 /2009/04/01/drawing-inspiration-from-creative-logos/
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8 /2008/05/how-to-design-the-firefox-logo-in-photoshop/
  9. 9 /2008/05/how-to-design-the-firefox-logo-in-photoshop/
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77
  78. 78
  79. 79
  80. 80
  81. 81
  82. 82
  83. 83
  84. 84
  85. 85
  86. 86
  87. 87
  88. 88
  89. 89
  90. 90
  91. 91
  92. 92
  93. 93
  94. 94
  95. 95
  96. 96 /2009/04/01/drawing-inspiration-from-creative-logos/
  97. 97 /2009/04/09/beautiful-and-creative-logo-designs-for-your-inspiration/

↑ Back to top Tweet itShare on Facebook

Aquil Akhter is a web graphic designer and has been working in this field for 8 years. He also runs the blog, which focuses on free web resources and inspiration for designers and developers.

  1. 1

    Thanks again for a wonderful post. I’m in the middle of a logo design project and it’s nice to see how others approach the problem.

  2. 2

    Thanks for mentioning my Papercraft Text Effect!

  3. 4

    You are great again! Thanks!

  4. 5

    Great post, I really enjoyed the Vivid Ways proces, beautiful logo. It’s always an inspiration to see how other people think and create. Thanks Smashing Magazin for sharing.

  5. 6

    Awesome resource! Thanks a lot!

  6. 7

    The Firefox logo is fantastic!

  7. 8

    well the ff logo looks good on the screen but as a logo its just a fail :D

  8. 9

    Nice Resource !! I also recommend to Try design your own logo. It’s cheap, visionary and meaningful.

    DKumar M.

  9. 10

    Amir Siddiqui

    May 1, 2009 12:51 am


  10. 11

    Great article! Smashing Mag rules! :)

  11. 12

    David Pache

    May 1, 2009 1:11 am

    Thanks very much for mentioning my webmynd logo design process article :^)

    Kind regards,
    David Pache

  12. 13

    awesome …
    very very inspiring n fresh

  13. 14

    This is priceless!! Thanks for this awesome post.

  14. 15

    Great Timing, Im in the process of designing a logo. Thanks Smashing

  15. 16

    Simon Harlinghausen

    May 1, 2009 3:05 am

    AMAZING article.

    Fantastic sample and great works.

  16. 17

    thax for this wonderful post ..

  17. 18

    Tom Bradshaw

    May 1, 2009 4:24 am

    Thanks, I’m always on the look out for logo ideas!

  18. 19

    Nils Rasmusson

    May 1, 2009 4:44 am

    Such timing. I need to redesign a logo this weekend. Thanks for the usual dose of creative inspiration, SM!

  19. 20

    Stefano Marino

    May 1, 2009 5:17 am

    What a wonderful post my darling smashings

  20. 21

    Some great logos, some ugly logos. But overall very helpful – thanks! :)

  21. 22

    Disappointing how many of these fail some of the most basic logo design criteria like legibility, scalability, and one color application.

  22. 23

    David Henderson

    May 1, 2009 5:50 am

    Fantastic selection here…

  23. 24

    Firefox has the best logo ever.

  24. 25


    May 1, 2009 6:29 am

    Another superb and inspiring post !

  25. 26

    Not sure if it’s mentioned in the tuts, but as a design blog, it should be your responsibility to lean people towards Illustrator rather than Photoshop. I remember being green and designing what I thought was a beautiful logo, only to be told that it needs to be a minimum of 300dpi to even consider printing, much less it being in RGB.

    You should preface this article with logo 101, as a lot of these are “make it in Photoshop”.

    Just sayin’.

  26. 27

    WOAH very comprehensive, I also think more focus should have been towards illustrator.

  27. 28

    Amazing… thank’s a Bunch… This is something Really Amazing you guys have done!

    Thanks… I Loved it!

  28. 29

    It’s pretty but it’s not good design.

  29. 30

    Sweeet Set!

  30. 31

    Maria Tchijov

    May 1, 2009 8:17 am

    Thank you for the great inspiration! I’m working on a new logo for my small business and all of these provide great food for thought.

  31. 32


    May 1, 2009 8:37 am

    And here I was hoping to actually read about tips for good ‘logo design’ not ‘logo recreation’.

    Perhaps an article on actual logo principles needs to be thrown around the internet before we forget all of the important principles, such as; print reproduction, legibility and scalability, one-colour reproduction, readable type etc. etc. etc.

    Just a thought.

  32. 33

    I collected similar resource link earlier. : )

  33. 34

    Gary Simon

    May 1, 2009 9:29 am

    My logo tutorial is featured in here and I’ll be the first to tell you, it’s not a great tutorial. I wrote it several years ago and it’s based in photoshop and was meant to just be a tutorial for photoshop owners only and how to hack one together..

    What’s interesting is my tutorial seems to show up in most of these lists across different design blogs, and it’s only because it ranks high in google for logo tutorial related keywords.. it pretty much goes to show how the authors of these lists go about building them… But hey, I won’t complain from getting link love ;)

  34. 35

    Mahmud Ahsan

    May 1, 2009 9:53 am


  35. 36

    Nice article…

  36. 37

    I have to say that I love the vivid ways logo so much! And the 3D logo tut is also nice.

  37. 38

    Jen Walter

    May 1, 2009 6:58 am

    I agree with Greg and Jwo. These are great to be used as inspiration and even learning techniques to things you didn’t know.. but Logos should be done in Illustrator and certainly many of these tutorials aren’t, and many of these so called logos break every rule when it comes to logo design. Many aren’t scalable, & many won’t look as good when you remove the gradients and move to a 1 color application. Nice article for inspiration but seems a bit irresponsible not to bring all that up.

  38. 40

    This is an amazing logo resource, thanks!

  39. 41

    Thank you for featuring DryIcons’ Logo Design Process Tutorial.

    The introduction text for our tutorial is pasted from the Vectortuuts text, maybe you would like to get this right :)


  40. 42

    Andrei Gonzales

    May 1, 2009 11:23 pm

    Typical smashing mag post. A few gems lost in a sea of garbage.

  41. 43

    wow – great list of resources…thanks

  42. 44

    I’m not sure if all of the tutorials should titled “designing ____ logo” as they lean more towards simply crafting the logo rather than going through the whole design process, which in turn can become very misleading, especially coming from a design blog. Though the process-based walkthroughs are pretty insightful.

  43. 45

    Talal Masood

    May 2, 2009 12:52 am

    One of the awesome posts I ever found on the net. I was looking for some resource to design 3D logos and here I got alot :)
    Thanks alot dude!

  44. 46

    Thanks very much! Nice post :)

  45. 47

    Robert (InToGraphics at the forum)

    May 2, 2009 8:11 am

    Anyone know if there is a good list of which objects/subjects, convey what concept.
    You know, an owl or graduation hat, conveys the concept of study, education, wisdom.

    Any format web, book, etc.


  46. 48

    Ricky Salsberry

    May 2, 2009 10:04 am

    Normally I find the lists at Smashing to be, well, smashing!

    This list, however, is pretty horrible.
    “How to apply this gradient”
    “How to apply this green treatment”
    “How to make your piss-poor logo look like a shiny marble”
    “How to create swirlies a-la every-trendy-kid of 2007”

    Nothing here gets to the core of true logo design: concept, black-value, legibility, reproducibility, simplicity, communication… etc..

    It’s all effects. Anyone who bases their ‘design’ off of these tutorials is doing a disservice to their client and the industry. Sorry.

  47. 49

    Tobi Laniyan

    May 2, 2009 10:30 am

    thanks for the post I can keep myself busy with these tutorials

  48. 50

    Murtaza Ali

    May 2, 2009 6:04 pm

    Absolutely Amazing Post!

    Every example gives something wonderful knowledge of Logo Creativity. In spite of being a specialized in LOGO designer, I did learn (and will continue to learn) from this very useful resource.

    Tons of Thanks to ALL of YOU….for inspiring Us.

    Murtaza Ali.

  49. 51

    pretty horrible examples. at best it looks like an article from 2006, written by a ps beginner discovering “effects”.

  50. 52

    sama creation

    May 3, 2009 5:43 am

    thanks for the post I

  51. 53

    I have to agree with some of the others– not all these logos would pass the basic tests of a good all-round logo: scalable, readable in b&w, etc. You can take whole classes in logo and identity design, so I know it’s a large topic to cover. But I think a big part of these lists is determining what the logo needs are/were for each case– if it’s purely for web, than creating the logo in Photoshop is perfectly fine. I think that would be a great post topic here in the future.

  52. 54

    some cool ressources here, thanks for the inspiration.


  53. 55

    awesome, thanks a bunch!

  54. 56

    I love you, smashing!

  55. 57

    Another amazing post. Thanks Smashing Magazine! Some of the tutorials really helped.

  56. 58

    Awesome logos for inspiration! AND with tutorials! Thanks Smashing!

  57. 59

    Absolutely brilliant! Thank you very much…

  58. 60

    Excellent post! Thank you so much for this very usefull colection!

  59. 61

    Lesley Cutts

    May 7, 2009 7:49 am

    Really cool, makes me think a little further outside that box.

  60. 62

    Some great resources here in one place. There is a big difference though between designing something and building it, the MyNiteLife example is indeed about design but the Firefox example is all about production and really tells nothing about the design process. Both are useful, but “design” doesn’t encompass both skills.

    As a production artist in the commercial print industry for almost 20 years the differences in skill sets have been made abundantly clear, I’ve earned a lot of money taking cool looking designs and reproducing them into digital files that are actually useful in production. At least 90% of the files we receive from designers are pure garbage from a production sense and have to be completely rebuilt. Unfortunately (or fortunately depending on how you look at it) most designers have no clue their files are junk. There is an entire economy of fixing bad art.

  61. 63

    I always love smashing collections. This one is also a very interesting collection on logo designing. As a logo designer it would help me alot regarding color correction and use of emblems.

  62. 64

    Great jobs!!!

  63. 65

    This is a GREAT piece of blogging. I love it when I find something online that really helps to boost the industry and make us designers better at what we do. Keep up the good work.

  64. 66


    thank you so much for posting…

  65. 67

    Catherine Williams

    June 18, 2009 9:48 pm

    I am flattered by your creation. I want to be inspired by you. Will u help with my site?

  66. 68


    November 2, 2009 2:27 am

    I like my nite life logo

  67. 69

    these are alright.

  68. 70


  69. 71

    awesome collections

  70. 72

    Ch Waseem Sajjad

    January 7, 2010 4:40 am

    Amazing, its owsum……..nice collection

  71. 73

    Really very creative and inspiring.

  72. 74

    I am just falling love with these designs thanks for sharing

  73. 75

    Great logo

  74. 76

    I liked the firefox logo design tutorial. The link is given in this blog post. Its detailed and step by step so that even novices understand it…


  75. 77

    Amazing logo design resources.

    I also agree with Paul’s comment that :-
    At least 90% of the files we receive from designers are pure garbage from a production sense and have to be completely rebuilt. Unfortunately (or fortunately depending on how you look at it) most designers have no clue their files are junk. There is an entire economy of fixing bad art.


  76. 78

    بسیار سایت جذلب و زیبا و پر محتوایی دارین خیلی حال کردم با این همه حجم کامل اطلاعات .و خیلی حسرت می خورم از اینکه چرا دیر با این سایت آشنا شدم.
    تقاضا می کنم در صورت امکان راهنمایی بفرمایید که آیا می شود مطالب را به صورت pdf و یا نشریه تهیه نمود.
    مجددا خسته نباشید و تشکر فراوان به خاطر این سایت عالی که دارید.

  77. 79

    I’m really interested in the simple 3D logo, but the link is broken. It takes you to one of those cheesy search related landing pages.

    Hook it up with another tutorial. Keep it simple – illustrator/photoshop.

    Great list otherwise,Thanks!

  78. 80

    Great i like it..!

  79. 81

    It is an amazing logo pack. Thanks for this discover, I love vividways and 3D logo

  80. 82

    I really love these smashing collections…

  81. 83

    dap an de thi dai hoc

    May 13, 2010 12:51 am

    thank for sharing, i love Create a 3D Glossy Box Logo in Photoshop :D

  82. 84

    Esta muy bien los tutoriales y poder aplicarlos en nuevos diseños y composiciones para darle una opción diferete a las ya hechas, sigamos inovando, saludos

  83. 85

    great work again!!!

  84. 86

    tribal tattoo

    July 12, 2010 10:35 am

    This tutorial really helped me to create a cool Logo for my new tattoo parlor. I will show you the website with the logo, after I am done with the rest of the design.

  85. 87

    tankes soo match!

  86. 88

    Awwwwww… lovely… it helps me alot. thanks buddy

  87. 89

    Thanks for the info.

  88. 90!!!!!

  89. 91

    great logo designs

  90. 92


  91. 93

    omg….it’s wonderful

  92. 94

    thanks for the great tutorial

  93. 95

    Thanx for this good idea! u done a great job!!

    its better to post Game logos, Computer logo

  94. 96

    Some of these are really useful tutorials. I enjoyed the green type treatment tutorial.

  95. 97

    Thanks this a very helpful collection.

  96. 98

    Great, it’s wonderful ..

  97. 99


    April 7, 2011 10:30 pm

    i absolutley love ur website…the look and feel that ur website gives is awesome and ur content is also very good and creative..good work team.Keep it up!

  98. 100

    Nice Tuts, i am realy impressd

  99. 101

    Megan Oliveri

    May 17, 2011 10:12 am

    Incredible compilation of articles and tutorials. Very, very helpful!

  100. 102

    Glenn Reiser

    May 27, 2011 7:09 am

    This is a great resource. Thank you so much. Here’s another site that may be of some interest to the readers of this post. Some really neat retro logos and designs.

  101. 103

    tonny brand

    May 30, 2011 11:24 pm

    I like on this list and will be contacting some of them for some similar designs for my customers

  102. 104

    I need to Prepared me logo in 3D logo draw

  103. 105

    oluwatosin john

    July 9, 2011 8:43 am

    i need a logo for my self please help me to create a logo…

  104. 106

    dosen;t work the tutorials…. :(

  105. 107

    Nithin Varghese

    August 6, 2011 5:43 pm

    Thanks,it’s great!

  106. 108

    i just like it !!!!

  107. 109

    I really like it ….
    but i need a help, Am a graphic designer, and am working in a security company, and they ask me for a logos designs, but unfortunately they see my logo design not strong enough…. so what can you advise me to work with , i mean kind of books, websites that show tutorials ….

    I’ll be more than grateful

  108. 110

    Thanks heaps! Really helpful, love the third one down :)

  109. 111

    Good design but that one “Clone wars” is so cool and awsome.Thank you so much.
    I need a golden logo to design this word: topratinggames.

  110. 112


    November 9, 2011 8:40 pm

    This site earned 1st place in my favourites list

  111. 113

    Thankyou for sharing.

  112. 114

    Lucretia Nickell

    February 7, 2012 12:31 am

    Awesome logos! I am a newbie to design, and will some day with good luck will be this good! Thanks for the inspiration!!

  113. 115

    thnks…:) awsme logos…

  114. 116

    Shahnawaz Sayyad

    February 10, 2013 10:19 am

    Awesome resource and a very nice effort. Thanks a ton for sharing

  115. 117

    nice logo and excellent logo

  116. 118

    Thanks for the ideas, Logo Design Guru has also helped.

  117. 119

    I appreciate the great work you guys have made possible to be accessed. This is really great resource for fast learning

  118. 120



↑ Back to top