[...] 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 [...]

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!

[...] 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 [...]

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

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

[...] [via del.icio.us/popular] [...]

cool… this is very handy tip!
thanks!

[...] 制作示范 详见原文。 [...]

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

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

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)…

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

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…

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….

[...] Create Web 2.0 Logo [...]

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

[...] 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 [...]

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

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)……

[...] 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.” [...]

[...] 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 [...]

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

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

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

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

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

[...] 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) [...]

[...] Link: Hong Kiat [...]

[...] 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 [...]

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….

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

[...] 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 [...]

[...] 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 [...]

[...] 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 [...]

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

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

[...] 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 [...]

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.

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

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

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

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

[...] How Web 2.0 Logos are drawn Photoshop [...]

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

thanks! it works great.

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

[...] 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) [...]

[...] (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 [...]

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

[...] Estilos Photoshop 2.0 [...]

Just Wonderful and easy way to do

Many thanks

[...] 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 [...]

[...] pueden descargar desde Hongkiat.com. [...]

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

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

Thanks

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

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

[...] 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 [...]

[...] à 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 [...]

Ajaxlines is also web2.0 site.

[...] 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. [...]

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

great documentation

thanks !!

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

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

[...] 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. [...]

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

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.

Preety cool!

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

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

[...] Enlace aqui. [...]

有意思

[...] 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. [...]

Cool tips

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

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

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

[...] 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 [...]

rocks!

[...] How Web 2.0 Logos are drawn [...]

cool thanks.

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

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

[...] 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 [...]

Is it possible to change the logo’s color?

Great!
thank you very much!
greets!!

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.

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

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

[...] March 26th, 2007 in Tutorials 2.0 Effects http://hongkiat.com/blog/revealing-methods-of-drawing-web-20-logos/#/ Reflection http://pstutorialsblog.com/81/reflection-tutorial/ MAC BUTTON [...]

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

[...] 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 [...]

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

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?

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

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

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

[...] 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 [...]

[...] 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) [...]

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

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

[...] 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, [...]

[...] 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 [...]

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

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

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

[...] http://www.nicora.net/index.cfm?method=article&blogID=C88F54CC-D998-BFC0-D995-3823E52FA483 http://www.hongkiat.com/blog/revealing-methods-of-drawing-web-20-logos/ http://www.photoshoplab.com/web-20-design-kit-part-2.html menu’s [...]

[...] Enlace | How Web 2.0 Logos are drawn [...]

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

[...] 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. [...]

[...] 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… [...]

This is an excellent bit of information. Thank you.

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

[...] 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 [...]

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

thansk a lot !

it’s friggin’ great…

very helpful indeed ^_^

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.

Great tips!

xenical…

gaayereh wiu…

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

[...] 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. [...]

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

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.