::NoName Magazine 无名杂志 » 设计无名 » 制作Web2.0风格的Logo


2007-2-14 21:18 Sai
制作Web2.0风格的Logo

最终效果

[img]http://www.uirss.com/uploads/2007-1-7_09-25-11_211_156_187_233.jpg[/img]
首先建立文字……(SWATCH这几个字的字体是专门找的!)
[img]http://www.uirss.com/uploads/2007-1-7_09-25-25_211_156_187_233.jpg[/img]

复制一层,并且删格化图层……

[img]http://www.uirss.com/uploads/2007-1-7_09-25-41_211_156_187_233.jpg[/img]


给图层定义上述样式,参数大家自己调整吧,不过变化幅度还是小点为好,发现“新视觉”风格的东西非常注意细致!
[img]http://www.uirss.com/uploads/2007-1-7_09-25-53_211_156_187_233.jpg[/img]

[img]http://www.uirss.com/uploads/2007-1-7_09-26-05_211_156_187_233.jpg[/img]

[img]http://www.uirss.com/uploads/2007-1-7_09-26-17_211_156_187_233.jpg[/img]
处理好后的效果……
[img]http://www.uirss.com/uploads/2007-1-7_09-26-28_211_156_187_233.jpg[/img]

新建立图层,并建立椭圆型选区并羽化[img]http://www.uirss.com/uploads/2007-1-7_09-26-38_211_156_187_233.jpg[/img]

羽化值自己看着办啦……
[url=http://www.uirss.com/uploads/2007-1-7_09-26-50_211_156_187_233.jpg][/url]
[img]http://www.uirss.com/uploads/2007-1-7_09-26-50_211_156_187_233.jpg[/img]


设置前景色背景色如图,并施加渐变[img]http://www.uirss.com/uploads/2007-1-7_09-27-10_211_156_187_233.jpg[/img][url=http://www.uirss.com/uploads/2007-1-7_09-26-50_211_156_187_233.jpg][/url]

[img]http://www.uirss.com/uploads/2007-1-7_09-27-19_211_156_187_233.jpg[/img]

的到这个样子,之后施加改变图层混合模式

[img]http://www.uirss.com/uploads/2007-1-7_09-27-28_211_156_187_233.jpg[/img]

这样弧型的颜色分界就弄出来了……

[img]http://www.uirss.com/uploads/2007-1-7_09-27-39_211_156_187_233.jpg[/img]
复制刚才做好的图层用来做倒影的(当然根据实际情况,有的时候倒影是多余的!)
[img]http://www.uirss.com/uploads/2007-1-7_09-27-49_211_156_187_233.jpg[/img]

最后加个蒙板,自己调整一下透明度,倒影就做好了!

[img]http://www.uirss.com/uploads/2007-1-7_09-28-01_211_156_187_233.jpg[/img]

[img]http://www.uirss.com/uploads/2007-1-7_09-28-10_211_156_187_233.jpg[/img]

最终一个“新视觉”风格的LOGO就出炉了!自己感觉就是一定注意细节,再就是在用色的把握上面多用点心!以上为自己的看法,本人水平有限,有什么不足的地方请多指教!欢迎大家多多讨论!

[quote]From: ddc.com.cn     Author: CD妖精[/quote]

页: [1]
查看完整版本: 制作Web2.0风格的Logo


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.