• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > Photoshop制作精致的黑光水晶导航按钮

Photoshop制作精致的黑光水晶导航按钮

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了Photoshop,制作,精致,的,黑光,水晶,导航,按钮等相关知识,希望对您有所帮助

本教程介绍主色为黑色水晶按钮的制作方法。大致过程:做好想要的按钮形状以后,填充黑色,用图层样式做出简单的高光效果。然后再添加一些纹理和反光效果即可。
最终效果

 

  1、打开下图所示的背景素材。

<点小图查看大图>
2、新建图层并命名为“按钮”,选择“矩形工具”,单击工具选项栏中的“填充像素”按钮进行绘制。

3、为“按钮”图层添加图层样式,单击“外发光”项目,设置其各项参数。
 

  4、单击“斜面和浮雕”项目,设置其各项参数。

5、单击“渐变叠加”项目,设置其各项参数。

6、单击“描边”项目,设置其各项参数。按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。
 
7、按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。

  8、新建一个文档,大小为“3px*3px”,分辨率为“72px”。将文档放大到“1600%”,用铅笔画出如下图案,再执行“编辑”→“定义图案”命令。

9、新建图层并命名为“图案”,按下<Ctrl>键的同时单击“按钮”图层,将“按钮”图层载入选区,选择“油漆桶工具”填充设置好的图案。
 
10、完成后,效果如图所示。

11、新建图层并命名为“边”,选择“矩形工具”,单击工具选项栏中的“填充像素”按钮进行绘制。

  12、为“边”图层添加图层样式,单击“外发光”项目,设置其各项参数。
 
13、按下“确定”按钮,关闭“图层样式”对话框,为“边”图层添加图层蒙版,选择“渐变工具”,调整图像。

14、设置“不透明度”参数,效果如图所示。

15、新建图层并命名为“高光”,选择“钢笔工具”绘制路径并将路径载入选区,填充前景色。
 

  16、为“高光”图层添加图层蒙版,选择“渐变工具”进行调整,并设置其“不透明度”和“填充”参数,完成后效果如图所示。

17、为“高光”图层添加“渐变叠加”图层样式,并设置其各项参数。

18、按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。

19、新建图层组并命名为“组 1”,分别将 “高光”、“边”、“图案”和“按钮”图层拖入给图层组中。
 

  20、参照制作“组 1”图层组的方法,制作出“紫”和“绿”图层组,效果如图所示。

21、将“图层”调板中隐藏的“组 2”图层组显示,完成本实例的制作。

最终效果:

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • PhotoShop制作window7移动导航网页界面设计教程
  • Photoshop制作油漆溢出特效的艺术字教程
  • Photoshop巧用滤镜制作粉笔字教程
  • photoshop制作蟒蛇皮纹字效果
  • Photoshop制作一个水晶卡通人像图标
  • Photoshop制作卡通风格的3D立体字教程
  • Photoshop制作精致的黑光水晶导航按钮
  • Photoshop制作时尚绚丽的3D立体字教程
  • Photoshop简单方法制作时尚的艺术字教程
  • PhotoShop设计制作梦幻炫彩光斑文字效果教程

相关文章

  • WordPress子分类页面使用父分类页面模板
  • PHP读取文件的两种方式:file_get_contents和fread(附代码实例)
  • Photoshop制作折纸风格的短信软件图标
  • PHP怎么进行登入操作和注销登录(实例演示)
  • 关键词优化原创总结
  • DEDECMS用函数实现隔行换色以及分组加线
  • 使用Jquery提交页面上多个表单数据的方法
  • Centos7下宝塔面板PHP7.3怎么安装sqlsrv扩展
  • WordPress常见故障有哪些?怎么处理?
  • 手把手教你使用Vue3实现图片散落效果

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • PHP存入mysql乱码怎么办
    • 两分钟带你了解在CSS中三种使图片居中的方法
    • PhotoShop制作炫光抽象层次视觉效果文字教程
    • 趣味讲解Node.js中的回调函数(附示例)
    • 一文搞定TP框架中session()的用法
    • 揭秘Photoshop图层样式与蒙版的一些技巧
    • 一分钟教会你php怎么快速匹配文章中的图片
    • 帝国CMS内容字段域名替换函数
    • phpmyadmin怎么使用空密码登入
    • 看看Vue中如何封装一个自动化注册全局组件

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有