用Photoshop来制作一种漂亮的网页玻璃按钮效果.docVIP

本教程主要用Photoshop来制作一种漂亮的网页玻璃按钮效果,这种效果可以使用在网页模板的运用上,学习美工的同学可以来学习一下.效果图 1.jpg (20.91 KB) 2009-10-26 21:04 教程如图： 2.jpg (86.07 KB) 2009-10-26 21:04 手把手教你用PS做流行时尚签名图。1.打开一张人物素材看下它的大小 2010-8-15 16:19 上传 下载附件 (98.11 KB) 2.新建透明画布大小同人物素材一样填充一种颜色 2010-8-15 16:19 上传 下载附件 (81.52 KB) 3.建创建新图层.矩形选框工具在画布上画一矩形选区任意填充一种颜色， 2010-8-15 16:19 上传 下载附件 (34.64 KB) 4.再新建图层编辑.描边白色1像素居外 2010-8-15 16:19 上传 下载附件 (33.37 KB) 5.将描边图层和矩形图层合并 2010-8-15 16:19 上传 下载附件 (35.67 KB) 6.点开“添加图层样式里面的混合选项”.不透明度100%.挖空“浅”.填充不透明度0%.如上图所示 2010-8-15 16:19 上传 下载附件 (36.4 KB) 7.在画布上做个垂直参考线.用矩形工具在参考线一边拉个矩形一定是整个矩形的一半哈.按住CTRL+J复制出这一半后按住CTRL键用鼠标点图层进入选区再点蓝整个矩形的图层删除这样我们就把这个矩形成功对剖 2010-8-15 16:19 上传 下载附件 (130.9 KB) 8.将挖空图层移到画布的右侧.复制挖空的图层拖到画布的左侧还是老规矩加图层画矩形画好后给它填充一个3X3的斜抽丝再加个图层给踏描个一像素的边 2010-8-15 16:19 上传 下载附件 (112.73 KB) 9.点开图层样式_渐变叠加点开渐变编辑器一共7个色标色标的位置和颜色7黑13黄20黑50黄80黑87黄93黑 2010-8-15 16:19 上传 下载附件 (83.89 KB) 10.同时点蓝填充层与描边层右键复制图层拉到右边排好 2010-8-15 16:19 上传 下载附件 (43.77 KB) 11.再把做的2个挖空层也加上描边叠加 2010-8-15 16:19 上传 下载附件 (38.89 KB) 12.点蓝人物上面的填充图层点选择_全选点编辑_描边 2010-8-15 16:19 上传 下载附件 (32.9 KB) 13.点开图层样式_渐变叠加点开渐变编辑器 2010-8-15 16:19 上传 下载附件 (85.67 KB) 14.用鼠标把渐变拉到左边 2010-8-15 16:19 上传 下载附件 (41.56 KB) 15.加图层点自定义形状工具 2010-8-15 16:19 上传 下载附件 (42.21 KB) 16.复制3个排好点开图层样式_渐变叠加 2010-8-15 16:19 上传 下载附件 (63.34 KB) 17.再加图层反正就是画自己喜欢的画来做装饰 2010-8-15 16:19 上传 下载附件 (38.21 KB) 18.点T写上名 2010-8-15 16:19 上传 下载附件 (144.52 KB) 19.把渐变拉到右边第一个字母点开动画面板复制一帧点第一帧用星星画笔画几颗星星点蓝第二帧把星星移到下面 2010-8-15 16:19 上传 下载附件 (19.12 KB) 20.在这一帧上做完所有的动画 2010-8-15 16:19 上传 下载附件 (83.3 KB) 21.这个形状的数据拉到最大后把渐变拉到右边 2010-8-15 16:19 上传 下载附件 (37.28 KB) 22.这些花的渐变叠加只改数据到最大 2010-8-15 16:19 上传 下载附件 (34.57 KB) 23.外边筐不改数据大渐变拉到右边 2010-8-15 16:19 上传 下载附件 (70.08 KB) 24.点开两个挖空的描边叠加改下数据如上图 2010-8-15 16:19 上传 下载附件 (37.41 KB) 25.名的渐变叠加拉到左边最后加个图层点蓝人物上面的填充层拉个矩形透明度降到50% 2010-8-15 16:20 上传 下载附件 (113.07 KB) 26.把2个挖空拉到中间完全并拢把4个花拉到完全重合后 2010-8-15 16:20 上传 下载附件 (27.72 KB) 27.点过渡 2010-8-15 16:20 上传 下载附件 (23.35 KB) 28.点右上角的小三角全部帧_拷贝帧_粘贴帧 2010-8-15 16:20 上传 下载附件 (17.11 KB) 29.再点小三角_反向帧