visitor stats

How Web 2.0 Logos are drawn (Photoshop)


Ever wonder how these guys draw their Web 2.0 Logos? Sometimes its nice to learn from others, build up the basic skills and start your own creativity from there. In this Photoshop tutorial, I’m going to reveal you some of the nice Web 2.0 logos, how you can draw their logo exactly the same (well, not really 100% though) with Photoshop.

1. Download and Install style file

First of all, you will need to download a style I’ve created and load it into Photoshop.

  1. Download Photoshop style here. (Right-click -> Save as)
  2. For Photoshop CS2 users, put this style file into
    “C:\Program Files\Adobe\Adobe Photoshop CS2\Presets\Styles”
    Photoshop of other versions, put the file inside Presets\Styles

2. Load style

Call up your Style Dialog box in Photoshop

  1. Windows -> Styles
  2. Notice a small arrow button on the top right corner. Click on it and select Load Styles from the drop down
  3. Find web20 from the list and click Load. If you don’t find web20, try close Photoshop, re-open it repeat Step 1.
  4. Click on the arrow button again and select Large List from drop down

Your result should look something similar to the image on the right.

3. The six Web 2.0 Logos


Here’s six Web 2.0 Logo; MyBlogLog, Imified, mixd, skype, Linked In and Go2Web20. The style you’ve just installed is going to reveal how to draw them. I’ll go through “mixd” and “Go2Web20” logos, the rest is just reusing the same technique.

4. How to draw

The reason I use Style here is because once they are saved in to a .asl file (the file you downloaded) they are convenient to apply. Let’s go about drawing some of these logos.

Drawing mixd Logo

Initial observation, mixd logo consist of

  1. “mixd” text
  2. rounded rectangular
  3. small dot
  4. smaller dot

We will roughly draw them out in Photoshop, each elements in a different layer as illustrated in the image below.

Now here’s the the trick. Look for “mixd-label” in the Style Dialog. Drag them directly to background layer, small dot layer and smaller dot layer respectively. If you drag them correctly you will noticed that the layer will now inherits the colors and blending of the style. Find “mixd-font” in Style Dialog, drag it to the text layer and your mixd logo is complete, 90% like the original I’ll say.

Drawing Go2Web20 Logo

Have 4 new layers created, each for “GO“, “2“, “WEB” and “2.0

Drag “go2web20-purple” from Style Dialog into “GO” & “WEB”, drag “go2web20-green” into “2″ & “2.0″ and you will get this final output.

As for the rest (MyBlogLog, imified, skype and Linked In), it’s all about dragging their respective style in and match with the correct font.

5. Conclusion

If you look into the Blending Options of each style, you will noticed that most Web 2.0 logos are matter of playing with gradients, strokes with the combination of the right fonts. This may not the “exact” way how these guys had done their logo, but its at least a way to achieve it. I’m not encouraging you to fake their style and redraw your logo, but try understand it and hopefully you can come out with a nice sleek Web 2.0 logo. I love putting my designs in Style (.asl), I can reuse them whenever I want.

Posted by hongkiat in Photoshop Tutorial, at 03.01.07

Tags: , , , ,

Related Contents

Sponsors

Comments

  1. How Web 2.0 Logos are drawn (Photoshop) « Tons of Fresh News

    March 1st, 2007 at 10:55 pm

    [...] 1, 2007 at 2:54 pm · Filed under Uncategorized How Web 2.0 Logos are drawn (Photoshop) Ever wonder how these guys draw their Web 2.0 Logos? Sometimes its nice to learn from others, build [...]

    comment

  2. Shea

    March 2nd, 2007 at 12:44 am

    Hello!

    Whenever I try to open the styles with my photoshop cs2, it says the styles are incompatible with my version of Photoshop.

    The version I have is: 9.0.2

    Thanks a lot for the gracious tutorial and fun loving styles! I hope I can make them work!

    comment

  3. How Web 2.0 Logos are drawn (Photoshop) « News Coctail

    March 2nd, 2007 at 12:47 am

    [...] Web 2.0 Logos are drawn (Photoshop) Filed under: Uncategorized — recar @ 4:47 pm How Web 2.0 Logos are drawn (Photoshop) Ever wonder how these guys draw their Web 2.0 Logos? Sometimes its nice to learn from others, build [...]

    comment

  4. Jason

    March 2nd, 2007 at 8:28 am

    Awesome! I have been searching the web for 2.0 logo creators — now I can create them myself! Thanks!

    comment

  5. jarrodn_au

    March 2nd, 2007 at 9:00 am

    That’s awesome, very nicely done, thanks! These make an excellent starting point for creating text-logos. Cheers!

    comment

  6. jared l.

    March 2nd, 2007 at 11:08 am

    cool… this is very handy tip!
    thanks!

    comment

  7. How to draw web 2.0 Logos! « Edutainment

    March 2nd, 2007 at 3:34 pm

    [...] thank the guru Honkiat for providing us this [...]

    comment

  8. How to draw Web 2.0 Application Logo? » Handry Business Journal

    March 2nd, 2007 at 4:20 pm

    [...] While browse into del.icio.us. I’ve found interesting tutorial about how to draw web 2.0 Application logo using Photoshop. [...]

    comment

  9. meneame.net

    March 2nd, 2007 at 8:11 pm

    Logos Web 2.0 .. pero si es muy fácil…

    Si alguna vez te has preguntado como se hacen logos Web 2.0 este tutorial te sacará de dudas. (Está en inglés)…

    comment

  10. links for 2007-03-02 « squarechick

    March 2nd, 2007 at 9:38 pm

    [...] How Web 2.0 Logos are drawn (Photoshop) static (tags: photoshop web2.0 design tutorial logo) [...]

    comment

  11. Lifehacker

    March 3rd, 2007 at 12:00 am

    Create your own Web 2.0 logos…

    Want to create a logo using that hard-to-define but easy-to-recognize Web 2.0 style? Tech blog Hongkiat.com shows you how. You’ll need Photoshop and a downloadable “style” file provided by the author. This file includes the necessary elements to re…

    comment

  12. pligg.com

    March 3rd, 2007 at 1:36 am

    How Web 2.0 Logos are drawn…

    Nice tutorial on creating Web 2.0-style logos in Photoshop. Includes a Photoshop style to make things easier for you….

    comment

  13. DigMo! » Digital Media » Web 2.0 Graphic Tutorial (Photoshop)

    March 3rd, 2007 at 2:05 am

    [...] a downloadable style file for photoshop making the creation of Web2.0 graphics very simple. Click here to read the full tutorial. Social [...]

    comment

  14. Logos Web 2.0. « Guintel, con chip incorporado.

    March 3rd, 2007 at 2:13 am

    [...] os digo que tenéis que tener Photoshop y un archivo que podéis descargar directamente desde el site y que nos provee de los elementos necesarios para poder recrear 6 logos [...]

    comment

  15. lisbonlab » links for 2007-03-02

    March 3rd, 2007 at 2:24 am

    [...] How Web 2.0 Logos are drawn (Photoshop) static Mais um tutorial, como tantos outros. (tags: photoshop web2.0 design logo webdesign) [...]

    comment

  16. Jorge Mir Dot Com

    March 3rd, 2007 at 3:23 am

    links for 2007-03-02…

    My Global Career About developing your global career (tags: blog career jobs social) How Web 2.0 Logos are drawn (Photoshop) static (tags: Photoshop web2.0 design tutorial logo webdesign)……

    comment

  17. j david macor.com | Best Design Week Ever: # 1

    March 3rd, 2007 at 3:42 am

    [...] How Web 2.0 Logos are Drawn: “Ever wonder how these guys draw their Web 2.0 Logos? Sometimes its nice to learn from others, build up the basic skills and start your own creativity from there.” [...]

    comment

  18. » Web 2.0 Logos in Photoshop - » Blog Archive AyushSaran.com Web Design, Graphic Design, San Diego

    March 3rd, 2007 at 5:38 am

    [...] how you can draw their logo exactly the same (well, not really 100% though) with Photoshop.   Read the Full Article  Tags for this entry:    photoshop, tutorials, web 2.0, web design See Related [...]

    comment

  19. CREAMU

    March 3rd, 2007 at 6:10 am

    Web2.0系のロゴをPhotoshopで作る方法『 How Web 2.0 Logos are drawn (Photoshop)』…

    Web2.0系のかっこいいロゴを手軽に作りたい。 そんなあなたにおすすめなのが……

    comment

  20. [i:rrhoblog] » links for 2007-03-02

    March 3rd, 2007 at 6:20 am

    [...] How Web 2.0 Logos are drawn (Photoshop) (tags: web2 design graphics logos tutorial photoshop) [...]

    comment

  21. links for 2007-03-03 | BrandBrains

    March 3rd, 2007 at 8:19 am

    [...] How Web 2.0 Logos are drawn (tags: design web2.0 photoshop) [...]

    comment

  22. 鬼仔’s Blog » links for 2007-03-03

    March 3rd, 2007 at 9:18 am

    [...] Web 2.0 Logo 快速 ps 教程 (tags: web2.0 logo photoshop) [...]

    comment

  23. » Blog Archive » links for 2007-03-03

    March 3rd, 2007 at 11:17 am

    [...] How Web 2.0 Logos are drawn (Photoshop) static In this Photoshop tutorial, I’m going to reveal you some of the nice Web 2.0 logos, how you can draw their logo exactly the same (well, not really 100% though) with Photoshop. (tags: web2.0 logo design photoshop webdesign) [...]

    comment

  24. How Web 2.0 Logos are drawn (Photoshop) static « Web development

    March 3rd, 2007 at 6:53 pm

    [...] Web 2.0 Logos are drawn (Photoshop) static How Web 2.0 Logos are drawn (Photoshop) static Ever wonder how these guys draw their Web 2.0 Logos? Sometimes its nice to learn from others, build [...]

    comment

  25. infoneo.pl

    March 3rd, 2007 at 9:05 pm

    Zrób to sam - Logo Web 2.0…

    Jeden z lepszych instruktaży tworzenia łebdwazerowej ikony, a konkretnie logo. Wystarczy tylko uruchomić Photoshopa i poświęcić 5 minut czasu, by logo było gotowe za sprawą tego poradnika….

    comment

  26. agorazein.de » Macht Dein eigenes Web 2.0

    March 3rd, 2007 at 10:43 pm

    [...] Webzweinulliges Logo anyone? Photoshop-Hilfe für Hobby-Designer. [...]

    comment

  27. Emre Yazıcı | Kişisel Blogum

    March 3rd, 2007 at 11:51 pm

    [...] dosyasındakinin içindekiler del.icio.us’ta gezinirken bu site karşıma çıktı. Sitede logonun nasıl çizileceği hakkında bilgi verilmiş. Ayrıca bir [...]

    comment

  28. CosmopolitaSur » Tu logo 2.0

    March 4th, 2007 at 2:08 am

    [...] Lifehacker llego a este curioso tutorial de photoshop en hongkiat para conseguir que tu logotipo esa “apariencia 2.0″ que nadie sabe concretar pero todos [...]

    comment

  29. CosmopolitaSur » Tu logo 2.0

    March 4th, 2007 at 2:10 am

    [...] Lifehacker llego a este curioso tutorial de photoshop en hongkiat para conseguir que tu logotipo tenga esa “apariencia 2.0″ que nadie sabe concretar pero [...]

    comment

  30. links for 2007-03-03 « Jeff’s random thoughts

    March 4th, 2007 at 7:27 am

    [...] How Web 2.0 Logos are drawn (Photoshop) static (tags: logo web2.0) [...]

    comment

  31. links for 2007-03-04 « Jet Grrl

    March 4th, 2007 at 9:26 am

    [...] How Web 2.0 Logos are drawn (Photoshop) static (tags: CSS HowTo WebDesign) Posted by seahawk Filed in Uncategorized [...]

    comment

  32. How to Draw Web2.0 Logos~ at m3nghua.com

    March 4th, 2007 at 2:08 pm

    [...] how to draw logos like this using photoshop? Hongkiat wrote some tutorial to draw web2.0 logos which are MyBlogLog and Skype logos lookalike. All you [...]

    comment

  33. hongkiat

    March 4th, 2007 at 3:52 pm

    Commenting were closed due to server overload previously. Its now open. Sorry for the inconvenience. I’ll reply your questions regarding this tut from now.

    Shea:Wow, I did not know it will not work for CS2 of different update. I’m using CS2 9.0. Let me get my PS updated and will update the PSD.

    comment

  34. nežinau.lt » Įrašų archyvas » Perliukai #85

    March 4th, 2007 at 5:45 pm

    [...] ar šiais laikais tai privalumas, bet perskaitę šią instrukciją, galėsite savo gyvenimo aprašymą papildyti: “Moku kurti Web 2.0 logotipus”. [...]

    comment

  35. Random Thoughts » Photoshop

    March 5th, 2007 at 1:18 am

    [...] How Web 2.0 Logos are drawn. December 13th 2006 Posted to Tutorials [...]

    comment

  36. Thilak

    March 5th, 2007 at 2:07 am

    Sorry for the belated comments, but I have to admit that this is simply awesome!

    being a photoshop noob, Its just an eye opener for me. Thanks

    comment

  37. Open Source Skins » web 2.0 logos

    March 5th, 2007 at 11:46 am

    [...] the trend is dying, it might still be cool to learn how to draw a web 2.0 logo. via [...]

    comment

  38. rexblog.com: Rex Hammock’s weblog » Blog Archive » links for 2007-03-05

    March 5th, 2007 at 2:19 pm

    [...] How Web 2.0 logos are drawn | hongkiat.com A Photoshop how-to for drawing a bubbled-font logo. I think it’s serious, but I’m adding a “humor” tag to it. (tags: web2.0 humor typography) [...]

    comment

  39. Bernie’s Ramblings / Get your own Web 2.0 logos here (sort of…)

    March 5th, 2007 at 2:42 pm

    [...] (sounds awfully Malaysian ) has a guide on how Web 2.0 Logos are drawn (Photoshop). Yes, you need Photoshop but I bet someone with enough know-how of GiMP should be able to hack-up a [...]

    comment

  40. AccesoBit.com » Tu logo Web 2.0

    March 5th, 2007 at 9:34 pm

    [...] | How Web 2.0 logos are drawn (Photoshop) Vía | LifeHacker Enviar a un amigo por E-mail | URI para TrackBack. Categoria: Trucos, Web [...]

    comment

  41. IndoDX

    March 6th, 2007 at 5:35 pm

    Just Wonderful and easy way to do

    Many thanks

    comment

  42. Estilos web 2.0 para Photoshop « Cosas sencillas

    March 6th, 2007 at 7:28 pm

    [...] web 2.0 para Photoshop En Hongkiat, tiene un set de estilos para Photoshop para lograr un aire a lo web 2.0. Los estilos están [...]

    comment

  43. How Web 2.0 Logos are drawn (Photoshop) « My Blog

    March 7th, 2007 at 3:30 am

    [...] Logos are drawn (Photoshop) March 6, 2007 Filed under: Web, Design — James @ 12:30 pm How Web 2.0 Logos are drawn (Photoshop) [...]

    comment

  44. salkis

    March 7th, 2007 at 3:42 am

    hi, is it possible to use any freeware instead of Photoshop?
    or any vector graphics program/

    Thanks

    comment

  45. Nomadishere : Seeker of Truth » Blog Archive » links for 2007-03-06

    March 7th, 2007 at 7:36 am

    [...] How Web 2.0 Logos are drawn (Photoshop) (tags: art design modern.marketing web2.0) [...]

    comment

  46. links for 2007-03-07 - mattherzberger.com

    March 7th, 2007 at 4:21 pm

    [...] How Web 2.0 Logos are drawn (Photoshop) (tags: web2.0 logo logos design gradient) [...]

    comment

  47. Levysoft » Photoshop online, tutorial e stili per grafica web 2.0 e Inkscape

    March 7th, 2007 at 5:10 pm

    [...] i più pigri, invece, è possibile scaricare direttamente gli stili Web 2.0 di Photoshop (senza così creare a mano i vari effetti) prendendo spunto dalla grafica di alcun font di siti [...]

    comment

  48. Dessiner vos logos web 2.0 en quelques minutes sur Photoshop !

    March 7th, 2007 at 6:32 pm

    [...] à la sauce web2.0 mais vous n’êtes pas un “kador” en Photoshop ? Pas de soucis, Hongkiat s’est occupé de tout pour vous ! Il a créé et mis en ligne des styles pour Photoshop qu’il vous suffira de sélectionner [...]

    comment

  49. Best of February 2007 | Smashing Magazine

    March 8th, 2007 at 11:32 pm

    [...] How Web 2.0 Logos are drawn (Adobe Photoshop) In this Photoshop tutorial, I’m going to reveal you some of the nice Web 2.0 logos, how you can draw their logo exactly the same (well, not really 100% though) with Photoshop. [...]

    comment

  50. Michael Muller

    March 9th, 2007 at 6:35 am

    Great Article, I’ve made a trackback from an article I wrote about creating Web 2.0 logos with Fireworks. Thanks!

    comment

  51. tech

    March 9th, 2007 at 6:59 am

    great documentation

    thanks !!

    comment

  52. pip

    March 9th, 2007 at 8:22 am

    this is awesome. was sick of trying to create a web2.0 logo. thanks a lot

    comment

  53. Zack

    March 9th, 2007 at 10:08 am

    I cant seem to get it working. They don’t show up under Styles. Anyone knows what could be a problem?

    comment

  54. Happy Life » Web-Sites of the Month: Best of February 2007 (zz from Smashing Magazine)

    March 9th, 2007 at 10:14 am

    [...] How Web 2.0 Logos are drawn (Adobe Photoshop) In this Photoshop tutorial, I’m going to reveal you some of the nice Web 2.0 logos, how you can draw their logo exactly the same (well, not really 100% though) with Photoshop. [...]

    comment

  55. hongkiat

    March 10th, 2007 at 6:50 pm

    Zack: You have to load them inside Style. There is a small “arrow” button on the top right corner. Click on it, select “Load Style” and choose the style you’ve downloaded.

    comment

  56. lawton chiles

    March 11th, 2007 at 1:22 am

    What about these not being vector files? what if I want to blow them up?

    comment

  57. Alex around the world - » Get your own Web 2.0 logo

    March 12th, 2007 at 4:11 am

    [...] the easy-to-follow tutorial on hongkiat.com and become [...]

    comment

  58. Create tu logo a estilo web 2.0 « Tecnobichos

    March 12th, 2007 at 4:35 pm

    [...] estilos de letra “cool”, fondos con diferentes estilos, etc, etc. Se trata de Hongkiat, donde podras bajarte modelos y templates ya hechos que puedes editar facilmente con el Photoshop. [...]

    comment

  59. JEDI » Blog Archive » links for 2007-03-14

    March 14th, 2007 at 6:19 pm

    [...] How Web 2.0 Logos are drawn (Photoshop) (tags: photoshop) [...]

    comment

  60. 煎蛋 » 网络最佳之2007年2月号

    March 16th, 2007 at 12:55 pm

    [...] Microformats 指南 在图像编辑软件里制造 3D 效果 如何制作 Web 2.0 Logo Papervision3D:开源3D flash 引擎 Mozilla Firefox 快捷键列表 Web 指北之 [...]

    comment

  61. links for 2007-03-16 at Baron VC

    March 17th, 2007 at 4:30 am

    [...] How Web 2.0 Logos are drawn (Photoshop) No wonder they all look the same… (tags: web2.0 photoshop) [...]

    comment

  62. Jimbo’s World of Waffle » Blog Archive » Web 2.0 logos

    March 17th, 2007 at 6:24 am

    [...] user and you fancy dabbling in making your logos a little more ‘Web 2.0′ nip over to here and check out this tutorial. It has a style file for you to download and gives you the low down on [...]

    comment

  63. George D.

    March 22nd, 2007 at 12:25 am

    cool thanks.

    P.S> If you don’t mind, can you write an article about how you’ve come up with these styles?

    comment

  64. Dave

    March 22nd, 2007 at 5:57 am

    How do you change the logo’s color? When I did this, it worked very well, but I couldn’t change from the default logo color(e.g. Skype wouldn’t change from blue to anything else.)

    Great tutorial. though

    comment

  65. Jakob Montrasio’s Net. » Blog Archive » WP-Theme: Jiajia.

    March 22nd, 2007 at 11:10 am

    [...] for Web Designers, 45 Fresh, Clean and Impressive Designs, Top 10 Most Beautiful Blog Designs, How Web 2.0 Logos are drawn (Photoshop), The Best Minimalist WordPress Themes, Comprehensive list of 980+ Free WordPress 1.5 and 2.0 Themes [...]

    comment

  66. Dave

    March 25th, 2007 at 10:23 am

    Is it possible to change the logo’s color?

    comment

  67. surfdog

    March 25th, 2007 at 11:02 pm

    Great!
    thank you very much!
    greets!!

    comment

  68. hongkiat

    March 26th, 2007 at 8:50 am

    Dave: as the matter of fact you can, double click on the Blending options and play with the settings inside. Color change is within too.

    comment

  69. hongkiat

    March 26th, 2007 at 8:52 am

    George D: There’s no need for an article I guess :) I’ve got most of these nice logos from GotoWeb2.0

    comment

  70. Blog Image & Web Solution » Cómo dibujar logo al estilo Web 2.0 utilizando Photoshop

    March 26th, 2007 at 12:19 pm

    [...] How Web 2.0 Logos are drawn (Photoshop) [hongkiat.com] Descarga el estilo aquí [...]

    comment

  71. ثقافة ال web2.0 « ~Amal Zone~

    March 28th, 2007 at 4:08 pm

    [...] كيفية رسم شعارات الweb2.0 [...]

    comment

  72. HOWTO - Web 2.0 logo | zedomax.com - blog about DIYs and Review on reviews of gadgets and technologies...

    March 31st, 2007 at 4:42 am

    [...] another cool site with a Web 2.0 logo howto. Awesome! Ever wonder how these guys draw their Web 2.0 Logos? Sometimes its nice to learn from [...]

    comment

  73. shelly

    April 4th, 2007 at 4:50 am

    another classical web2.0 logo can be found at http://www.salarybase.com - small calculator + the infamous arial

    comment

  74. Leroy | Green Llama

    April 5th, 2007 at 4:26 am

    Thanks for the tutorial - this is awesome!
    You said to change the colors, go to blending options - I must be dumb cuz I don’t see blending options. Can you point me the right way?

    comment

  75. hongkiat

    April 5th, 2007 at 10:17 am

    Leroy: Double click on a particular layer, the dialog box that popups is the Blending Option

    comment

  76. www.blogmemes.cn

    April 6th, 2007 at 10:55 pm

    如何用Photoshop制作web2.0风格的logo…

    Liked what you just read here ? Vote for it on Blogmemes ! 在此photoshop教程中,作者展示了如何制作漂亮的web2.0 logo,只需简单的5步!…

    comment

  77. A vague, ranting description of the trip, accompanied by my attempt at making this post quasi-useful. « shk.blog

    April 7th, 2007 at 7:14 am

    [...] from Microsoft 77 Ways to Learn Better Find out if that EXE running on your computer is Spyware Photoshop: Drawing Web 2.0 Logos Photoshop: Add Color to Black-and-White Photos Create and Print Wall Posters from Images Personal [...]

    comment

  78. links for 2007-04-11 : Tama Leaver dot Net

    April 11th, 2007 at 8:53 am

    [...] How Web 2.0 Logos are drawn (Photoshop) [HongKiat.com] “In this Photoshop tutorial, I’m going to reveal you some of the nice Web 2.0 logos, how you can draw their logo exactly the same (well, not really 100% though) with Photoshop.” (tags: blog photoshop logos style web2.0) [...]

    comment

  79. WP.ORG.CN » Blog Archive » web2 logo 制作快速 ps 教程

    April 11th, 2007 at 7:41 pm

    [...] 3. 制作示范详见 原文。[提示:样式的作用是,点击某样式可快速改变当前层的效果] [...]

    comment

  80. Clever Start » Blog Archive » Cool PhotoShop Styles

    April 12th, 2007 at 8:42 pm

    [...] is where the styles are located that you can download and add to your PhotoShop styles. I was using the PhotoShop CS3 beta, [...]

    comment

  81. Pelago :: Logical Design - Creative Engineering :: Blog

    April 13th, 2007 at 3:19 am

    [...] was important that our new design not get caught in the crossfire of photoshop filters that have exemplified most of the web 2.0 movement. Gradients, drop shadows, glows, reflections, [...]

    comment

  82. 5 Free Fonts for Web 2.0 Logo

    April 16th, 2007 at 3:23 pm

    [...] has been asking me which particular fonts were used in other Web 2.0 logo (including my logo) after this entry but see, the point is some of these Web 2.0 out there are using pay fonts. Even if you know [...]

    comment

  83. vanBetty

    April 17th, 2007 at 11:33 pm

    Thanx for the tutorial! short and effective. I really like the mixd style. Cheers!

    comment

  84. Create your own Web 2.0 logos at SoftSaurus

    April 18th, 2007 at 6:54 pm

    [...] the Lifehacker logo would look like after being “Web 2.0-ized.” — Rick Broida How Web 2.0 logos are drawn (Photoshop) [...]

    comment

  85. DESIGN: Create your own Web 2.0 logos at SoftSaurus

    April 27th, 2007 at 5:07 am

    [...] the Lifehacker logo would look like after being “Web 2.0-ized.” — Rick Broida How Web 2.0 logos are drawn (Photoshop) [...]

    comment

  86. Free Web 2.0 Photoshop Styles at Mac Creative

    April 28th, 2007 at 12:44 am

    [...] Probably the easiest ways of attaining the Web 2.0 look is to download Hongkiat’s free Photoshop style file. This style file instantly applies the Web 2.0 look to text and shapes. Hongkiat’s blog also describes how to recreate six popular Web 2.0 logos (see below) : Visit Hongkiat and download the Photoshop style file here. [...]

    comment

  87. Douce Christmas « Torley Lives

    May 5th, 2007 at 11:07 am

    [...] Soft Noel, for setting such a shining example. And for making a kewl Web 2.0-style logo too, which you can learn how to do yourself too… [...]

    comment

  88. Sam Zaydel

    May 9th, 2007 at 8:54 am

    This is an excellent bit of information. Thank you.

    comment

  89. error is the mother of all inventions

    May 10th, 2007 at 6:25 pm

    [...] logos >> No Comments so far Leave a comment RSS feed for comments on this post. TrackBack URI [...]

    comment

  90. Link Party #7 « JYC

    May 12th, 2007 at 3:58 am

    [...] Poster • Un nouveau moyen pour découvrir de la zik • Les vilains tout-plein de Spider-Man • Comment créer un logo Web 2.0 ? • Quel browser Web pour OSX ? • Ce qui aurait pu rendre Spider-Man 3 meilleur • A Perfect [...]

    comment

  91. Web2.0 free style « Rif.3rd

    May 17th, 2007 at 8:34 am

    [...] How Web 2.0 Logos are drawn (Photoshop)  Annotated [...]

    comment

  92. ramil

    May 19th, 2007 at 8:33 am

    thansk a lot !

    it’s friggin’ great…

    very helpful indeed ^_^

    comment

  93. Thomas Romer

    May 19th, 2007 at 9:57 pm

    eye candy… you have to admit that there is a part of this that is a bit embarassing for the whole web 2.0 logomaking crowd. I mean, i have to say that I can’t help but like the whole stroke and gradient thing on logos… but this look is getting so formulaic that soon a good idea will become the web joke of next year. just like all the globe and swoosh logos from the late 90’s.

    comment

  94. xenical

    May 24th, 2007 at 10:08 pm

    xenical…

    gaayereh wiu…

    comment

  95. fistball

    May 26th, 2007 at 7:14 pm

    good article, to get me started on my logo design for my own blog “2.0″ site…:)

    comment

  96. Create tu logo a estilo web 2.0 « Tecnobichos

    May 28th, 2007 at 4:38 pm

    [...] estilos de letra “cool”, fondos con diferentes estilos, etc, etc. Se trata de Hongkiat, donde podras bajarte modelos y templates ya hechos que puedes editar facilmente con el Photoshop. [...]

    comment

  97. Web 2.0 Tutorials | Tekjuice.com

    May 30th, 2007 at 11:04 am

    [...] 25. How Web 2.0 Logos are Drawn [...]

    comment

  98. Crazyglues

    June 1st, 2007 at 5:11 am

    This is amazing, oh my god dude I love this… works really nice. Helped me out big time with a logo I was making for GameCovered.com

    http://suprfile.com/get.php?id=7lih8wa&get=1

    http://suprfile.com/get.php?id=7li6ymm&get=1

    I made these for there site for free.. who knows if they will use it but I had fun, thanks to your styles that you made for photoshop. worked like a charm.

    I have just started so hopefully I’ll get much better.. Thanks for this, I love it.

    comment