网站首页 | 网站地图
网站制作爱好者
网络编程 | 数据教程 | 网页制作 | 图形图象 | 冲浪宝典 | 邮件工具 | 软件下载 | 网页浏览 |  QQ教程 
操作系统 | 办公软件 | 软件教学 | 站长之家 | 网络安全 | 邮件系统 | 认证考试 | 组网技术 | 通信技术
网站首页 -> 图形图象 -> Photoshop教程
 
文章搜索
图形图象分类
Photoshop教程
Fireworks教程
Coreldraw教程
Flash教程
3Dmax教程
Maya教程
Director教程
Authorware教程
AutoCAD教程
Illustrator教程
Ulead教程
相关软件
Photoshop制作漂亮的3D卡通按钮

文章类别:Photoshop教程 | 发表日期:2008-5-3

  先看一下最终效果:

Photoshop制作漂亮的3D卡通按钮

  下面我们开始制作

  1.首先,在PS中建立一个500×500像素大小的新文件,这个大小通常比较适合创建按钮。下面将你的背景层的颜色填充为#e0e0e0。

Photoshop制作漂亮的3D卡通按钮

  2.现在建立一个新图层,加入任何一个所喜欢的形状,这里我暂且用自定形状工具中的形状来做个实例。形状的颜色我用#be1947,并将该层至于最顶层。

Photoshop制作漂亮的3D卡通按钮

  3.下面,用透视变换工具(编辑-变换-透视)将形状向右边拉伸一些。然后,在用变换工具(编辑-自由变换)将形状向左旋转大约15度。

Photoshop制作漂亮的3D卡通按钮
  4.现在,我们来制作形状的立体效果。首先选中形状图层并按住SHIFT和ALT键盘,然后用右手同时按下下方向键和右方向键按图层就被自动复制了一层。再重复以上步骤,当达到了一定的厚度即可停止。然后将除最顶层以外的所有的图层合并。现在在最顶层上按住CTRL键点击该图层载入其选区用#a00330颜色代码进行填充。并双击此图层重命名为“bottom”。

Photoshop制作漂亮的3D卡通按钮

  5.接下来,复制最顶层并把得到的复制层移动到3D形状层和最顶层之间,然后同时按下下,右2个方向键2次。移动完以后双击此图层加入渐变叠加图层样式如下所示:

Photoshop制作漂亮的3D卡通按钮

  6.在最顶层建立一个新图层,命名为“top highlights”。然后按住CTRL点击载入上层形状层的选区,用画笔工具,设置一个较软的画笔,大小约为200像素。在“top highlights”上加入高光如下所示:

Photoshop制作漂亮的3D卡通按钮

  7.同上面步骤一样,在3D形状层上建立一个新图层,在用画笔来创建3D形状层上的高光。然后将2个创建按出来的高光图层的不透明度设置为60-70之间,如图所示:

Photoshop制作漂亮的3D卡通按钮
  8.继续在最顶上再建立一个新图层,命名为“shine”。然后用椭圆选框工具建立一个椭圆选区并用白色填充如下所示:

Photoshop制作漂亮的3D卡通按钮

  9.选择原始形状层,按CTRL点击此层载入其选择区然后执行选择-修改-收缩,设置数值为3像素。然后在执行选择-反选-删除命令,结果如下所示:

Photoshop制作漂亮的3D卡通按钮

  10.现在仍然选中“shine”层,用橡皮工具将橡皮的画笔笔触设置的软一些。擦出“shine”层边缘的一些部分,如下所示:

Photoshop制作漂亮的3D卡通按钮

  11.双击“shine”层设置图层样式,如下所示:

Photoshop制作漂亮的3D卡通按钮
  12.下面加入最后的一个步骤,改变原始形状层和3D层的颜色,分别双击以上2个图层加入渐变叠加图层样式。

Photoshop制作漂亮的3D卡通按钮

  最终完成!你可以吧这个方法用在许多不同形状的物体上,来为它们制作亮丽的光线和效果。

Photoshop制作漂亮的3D卡通按钮
上一篇:Photoshop制作平面立体化效果 人气:5253
下一篇:Photoshop给风景照加烟雾弥漫特效 人气:5334
点击此处浏览全部Photoshop的内容
与此同时其他会员正在浏览中的教程:
20 利用 WSH 作定时工作流程.
03 九招让你轻松驾驭Outlook.
15 小工具让flashget也玩远程下载.
16 约旦冤家夫妻 上网聊天又成恋人.
28 Photoshop[数字暗房]打造雪景婚纱照片.
08 Windows Vista下安装SQL Server 2005.
21 傲游(Maxthon) 2.0 侧边栏小技巧两则.
05 Catalyst 3524-PWR可堆栈10/100以太网交换机.
05 智能交换机帮助Keykert USA从IT投资中获得最高回报.
07 Adobe CS3网站首页设计—第2讲制作首页的内容部分.
 

Copyright© 2005-2008 网站制作爱好者 www.DevDao.com All rights reserved

Valid CSS!