当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > PS创建一个漂亮的3D质感按钮

Photoshop
photoshop 多图合成一张欧美古典插画
photoshop 鼠绘柔美的古典忧伤男孩
Photoshop 冰人特效处理教程
Photoshop 霓虹灯文字效果作者
photoshop TEXT MAN 文字叠加帅哥照片
Photoshop 床上性感美女磨皮美白教程
Photoshop 打造天语音乐年度盛典海报
Photoshop 合成性感美女和水教程
PhotoShop分割图片并通过Html组合显示
Photoshop 偏黄的人物美白及润色
Photoshop 调出外景婚片诗画般的韵味
Photoshop 打造一杯鲜美的橙汁
Photoshop 调出可爱宝宝照片亮丽的色彩
Photoshop 调出人物照片淡雅的青绿色
photoshop 合成幸运的好赌之徒
Photoshop 制作一个立体文件盒图标
非主流照片 普通风景变非主流色调签名
Photoshop简单制作xhtml+css网页页面
利用Photoshop路径工具轻松绘制精美折扇
用Photoshop画笔轻松绘制一幅“月光图”

Photoshop 中的 PS创建一个漂亮的3D质感按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 690 ::
收藏到网摘: n/a

以前我们制作3D按钮往往需要借助3DMAX,和其他3D软件。对于不熟悉此类软件朋友要想制作3D按钮往往成了一个难题。但是没关系只要你略懂PHOTOSHOP,就能够做出一个不逊于3D软件的质感不错的水晶按钮,在今天的教程中你将学会用PS来创建一个漂亮的3D质感按钮,这种方法还使用于制作网站LOGO,UI等等……
先看一下最终效果:


下面我们开始制作

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


请添加描述

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


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




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


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




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


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




8.继续在最顶上再建立一个新图层,命名为“shine”。然后用椭圆选框工具建立一个椭圆选区并用白色填充如下所示:


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




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


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




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


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