点击这里给我发消息 点击这里给我发消息

Photoshop设计Web2.0新视觉风格LOGO图标

添加时间:2010-1-5
    相关阅读: 设计 网站 制作
本文将教读者用Photoshop设计Web2.0新视觉风格LOGO图标,“渐变+倒影”似乎是不少Web2.0时代网站Logo的特点,下面就简要介绍一下制作的方法。

  Web2.0新视觉风格LOGO图标最终效果:

Photoshop设计Web2.0新视觉风格LOGO图标(图一)先建立文字……(SWATCH这几个字的字体是专门找的!)

Photoshop设计Web2.0新视觉风格LOGO图标(图二)

在Photoshop中建立字体

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

Photoshop设计Web2.0新视觉风格LOGO图标(图三)

在Photoshop中栅格化文字图层

  给图层定义上述样式,参数大家自己调整吧,不过变化幅度还是小点为好,发现“新视觉”风格的东西非常注意细致!

Photoshop设计Web2.0新视觉风格LOGO图标(图四)

设置Photoshop渐变编辑器Photoshop设计Web2.0新视觉风格LOGO图标(图五)

设置Photoshop图层样式

Photoshop设计Web2.0新视觉风格LOGO图标(图六)

设置Photoshop图层样式

  处理好后的效果……

Photoshop设计Web2.0新视觉风格LOGO图标(图七)

Web2.0新视觉风格LOGO图标初步效果

  新建立图层,并建立椭圆型选区并羽化

Photoshop设计Web2.0新视觉风格LOGO图标(图八)

在Photoshop中羽化椭圆选区

  羽化值自己看着办啦……

Photoshop设计Web2.0新视觉风格LOGO图标(图九)

在Photoshop中设定羽化值

  设置前景色背景色如图,并施加渐变Photoshop设计Web2.0新视觉风格LOGO图标(图十)

Photoshop设计Web2.0新视觉风格LOGO图标(图十一)

在Photoshop中设定前/背景色

  到这个样子

Photoshop设计Web2.0新视觉风格LOGO图标(图十二)

在Photoshop中施加渐变的效果之后施加改变图层混合模式,这样弧型的颜色分界就弄出来了……

Photoshop设计Web2.0新视觉风格LOGO图标(图十三)的图层用来做倒影的(当然根据实际情况,有的时候倒影是多余的!)

Photoshop设计Web2.0新视觉风格LOGO图标(图十四)

在Photoshop中制作倒影效果

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

Photoshop设计Web2.0新视觉风格LOGO图标(图十五)

倒影效果预览

Photoshop设计Web2.0新视觉风格LOGO图标(图十六)

Web2.0新视觉风格LOGO图标最终效果

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

本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册