立体水晶按钮_第1页
立体水晶按钮_第2页
立体水晶按钮_第3页
立体水晶按钮_第4页
立体水晶按钮_第5页
已阅读5页,还剩1页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、Photoshop鼠绘一个发光的立方体水晶按钮日期:2010-04-12 作者:Hasaddl 出处:站酷我来说两句(0本photoshop教程介绍非常实用的立体水晶导航按钮的制作方法。效果图看上去非常简单,不过还是有很多细节需要用心去处理,如果按钮的高光及倒影部分。教程只是一个提示,学会了就可以作者其它类似的效果。最终效果 1、新建一个120 * 50的文档,背景填充颜色:#838383,选择圆角矩形工具,半径设置为10像素。然后拖曳出一个大小适当的圆角矩形,位置偏上,因为最后将添加投影。圆角矩形的颜色为:#111111。 2、双击形状图层或者通过右键菜单进入图层样式选项,参数设置如下图。

2、大致效果图。 3、新建一个图层,选择铅笔工具,设置铅笔大小为2像素,前景颜色设置为:#eee1cd,如下图所示画一条高光线。 双击或右键此图层进入图层样式选项,参数及效果如下图。 4、依然选中铅笔图层,点击图层下面的蒙蔽按钮,添加图层蒙版,然后选择渐变工具,颜色设置及渐变方式如下图,由中间向左拉出透明渐变,效果如下图。5、选择钢笔工具,绘制下图所示的梯形,执行:滤镜 > 模糊 > 高斯模糊,此时被询问“是 否栅格化图层”。选择“是”,然后输入数值:0.6。 6、按住 Ctrl 的同时单击形状1,此时出现形状1的选区,按 Ctrl + Shift + I 反选选 区,然后按 Dele

3、te 删除形状2图层的多余部分,效果如下图。用复制 + 水平翻转得到另一 半的圆形,效果如下图。 7、在最顶部新建一个图层,按 Ctrl + 单击形状1得到选区,然后选择菜单:编辑 > 描 边,参数设置如下图。 取消选区,然后使用与步骤4同样的方法设置蒙版然后如下图所示拉渐变。确定后把图 层不透明度改为:55%,效果如下图。 8、接下来制作文字图层。选择文字工具,打上文字,字体颜色为:#e7e7e7,之后设置图 层样式,参数设置如下图。 9、现在整个按钮的主体已经制作完成了,如果你需要还可以加上倒影。具体方法是: 选择除了文本图层以外的所有图层 (因为你今后可能需要重新编辑文本的内容) 合并它们, , 然后复制一个

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论