How Web 2.0 Logos are drawn (Photoshop) 网站制作
怎样用Photoshop制作 www.qitongnet.comWeb2.0的logo网站建设
北京网站设计
Ever wonder how these guys draw their Web 2.0 Logos?网站设计
曾经奇怪这些人是怎么设计出Web2.0的Logo?企通互联
Sometimes its nice to learn from others,网站设计
有时候从别人那学来东西是一件很高兴的事,网页设计
build up the basic skills and start your own creativity from there.北京网站设计
不仅能够提高基本的技能,而且还能够启发你自己的创意.北京网页设计
In this Photoshop tutorial,企通互联
在这次的Photoshop学习中,网站建设
I’m going to reveal you some of the nice Web 2.0 logos,网站制作
我会向你揭示一些美观的Web2.0 Logos,网站建设
how you can draw their logo exactly the same (well, not really 100% though) with Photoshop.网站制作
你怎么样才能够用Photoshop制作的和它们一样的一模一样(呵呵,尽管不是100%的一样).
1. Download and Install style file企通互联
下载并且安装这个样式文件网站设计
First of all, you will need to download a style I’ve created and load it into Photoshop.北京网站制作
首先,你要下载这个我已经创造好并且可以载入Photoshop的样式文件.
(1).Download Photoshop style here. (Right-click -> Save as) 网站设计 网站设计
在这下载Photoshop样式文件(点右键->另存为)
(2).For Photoshop CS2 users, put this style file into网站制作
“C:\Program Files\Adobe\Adobe Photoshop CS2\Presets\Styles”网站设计
对于Photoshop CS2版的用户,把这个样式放在“C:\Program Files\Adobe\Adobe Photoshop CS2\Presets\Styles” 网站制作目录下.
Photoshop of other versions, put the file inside Presets\Styles 北京网站制作
其它版本的Photoshop用户,要放在“Presets\Styles”目录下。
2. Load style网站制作
加载样式北京网站设计
Call up your Style Dialog box in Photoshop北京网站设计
在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.北京网页设计
从下拉列表中找到"web20"并且点击加载. 网页设计如果你找到不"web20",试试重启Photoshop并重复第一步.
(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网站制作
6个Web 2.0 logo
Here’s six Web 2.0 Logo; MyBlogLog, Imified, mixd, skype, Linked In and Go2Web20. 北京网站设计网站设计
这是6个Web 2.0 logo;"MyBlogLog", "Imified", "mixd", "skype", "Linked In" 各 "Go2Web20".
The style you’ve just installed is going to reveal how to draw them 北京网页设计
你刚才安装的样式就是帮你制作这些logo
I’ll go through “mixd” and “Go2Web20” logos北京网页设计
我会演示做"mixd"和"Go2Web20"这两个logo
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.
我之所以在这用到样式是由于一旦它们呆存为一个以asl为后缀的文件时(你下载的那个文件),样式能够方便的调用.网页设计
Let’s go about drawing some of these logos.网站建设
我们开始制作其中的一些logo
Drawing mixd Logo网站建设
制作"mixd"这个 网站建设logo
Initial observation, mixd logo consist of:网站设计
初步观察,"mixd"这个logo是由如下部分组成:
(1).“mixd” text 北京网站建设北京网页设计
"mixd"这个文本网页设计
(2).rounded rectangular 网站设计 北京网页设计
圆角的矩形网站建设
(3).small dot 企通互联
小逗点北京网站设计
(4).smaller dot 北京网站建设
更小的点网站设计
We will roughly draw them out in Photoshop北京网站制作
我们将粗略的在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企通互联
现在开始技巧.在样式对话框中找到"mixd-label"这个标签网站建设
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.网站建设
在样式对话框中找到"mixd-font"字体，在文本图层中拖动，你的mixd logo已经90%的和我原来说的一样。北京网站设计
想睡觉了..明天再搞吧..原文:http://www.hongkiat.com/blog/revealing-methods-of-drawing-web-20-logos/