网站源码下载PR查询短网址
首页编程数据库网页图形冲浪邮件下载浏览器QQ系统办公软件站长安全手机邮件认证组网通信


网站首页 -> 图形图象 -> Photoshop教程
Photoshop制作漂亮的3D卡通按钮

发表日期: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制作平面立体化效果 人气:6437
下一篇:Photoshop给风景照加烟雾弥漫特效 人气:6461
网站文章搜索
邮件订阅服务
输入你的邮件地址,你将不会错过任何关于<Photoshop教程教程>的内容
今日更新文章
·Office 2010宝典 word之(10)巧用书法字帖
·Office 2010宝典 word之(9)快速更改文档
·Office 2010宝典 word之(8)让艺术字为您
·Office 2010宝典 word之(7)通过主题快速
·Office 2010宝典 word之(6)快速插入文档
·Office 2010宝典 word之(5)您手边的工具
·Office 2010宝典 word之(4)多语言翻译
·Office 2010宝典 word之(3)可以朗读的屏
·Office 2010宝典 word之(2)利用文档导航
·Office 2010宝典 word之(1)利用文档导航
·微软:Silverlight在HTML5时代有竞争力
·LG TB200:不买你就输了!
本栏目推荐文章
·Fireworks动态水波LOGO教程
·Flash实例:制作树叶逐渐展开动画
·关于Ill中Apprearance面板的一点使用体会
·路径菜单 ----Illustrator 基础教程
·Photoshop光影处理让合成照片以假乱真
·巧用Photoshop滤镜制作金属质感的枫叶
·[视频教程]Photoshop CS2广告设计022
·Photoshop把人物照片打造的更具有魅力
·Photoshop打造性感运动型阳光美女
·Photoshop打造叛逆绚丽的烈火纹身
·Flash新手入门教程:AS入门第五课_数组
·Photoshop把照片调成褐色色调
Copyright © 2000-2010 www.Devdao.com All rights reserved | 沪ICP备05001343号 sitemap