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

Photoshop制作玻璃图标按钮

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了等相关知识,希望对您有所帮助

最终效果图

1、新建文档,使用圆角矩形工具Alt键绘制一个圆角正方形,然后使用渐变工具设置下面两种颜色进行填充,该图层命名为:icon-bg ,效果如下图:

2、复制图层,命名为glass,改变填充为白色填充,透明度为50%,使用矩形选区工具绘制如下选区,然后按Delete删除:

3、现在我们就得到了一个最基础的玻璃效果了,为了效果更加好,我们接下来继续修饰使用椭圆形选区选择下部分,然后进行羽化,半径大约30px左右,然后按Delete删除:

4、按Ctrl单击该图层,然后执行“选择”“修改”“扩展”,来扩大选区范围,,大概为1px,然后在icon-bg下面新建图层,把矩形选区填充为白色,该图层命名为shine,效果:

  5、下面我们在最下图层的颜色改变为黑色,当作背景来使用,当然你可以设置其他颜色的背景
 
6、再次使用圆形工具绘制选区,然后进行羽化,半径为30px,选择shine层然后按delete键两次:

7、重复上面做法,选择上部分,这次是按delete一次:

8、下面可以稍微设置一下shine层的不透明度:

9、然后按住Ctrl键单击icon-bg,然后再次扩展(“选择”“修改”“扩展”),然后在shine图层下面创建一图层,然后绘制一黑色的矩形选区,该层命名为icon-frame:
 

  10、然后隐藏黑色背景层:
 
11、选择icon-frame层,图层模式的渐变填充选项设置如下颜色渐变:
 
12、添加几个白色形状,效果如下:

13、你可以继续来添加一些图层样式效果使之更加具有玻璃反射效果:

14、拼合图层,在最下面建立一图层,绘制一个较小的椭圆:
 

  15、拼合图层,然后再复制该图层,垂直翻转:

16、拼合图层,然后再复制该图层,垂直翻转:

17、然后使用圆形工具选择下部分,羽化半径30px,然后按delete键删除:

18、最后调整透明度,最终效果效果如下:

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

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

相关文章

  • 2022-04-29怎么为WordPress上下篇文章链接添加缩略图
  • 2022-04-29PHP以正则表达式验证手机号码
  • 2022-04-29JavaScript判断一个对象是否为数组的几种方法(总结)
  • 2022-04-29使用PHP+ajax+mysql+layui实现每日签到及提醒功能
  • 2022-04-29PS+AI设计制作复古的霓虹灯字体效果教程
  • 2022-04-29dedecms页面获取会员状态的代码
  • 2022-04-29Javascript怎么检查对象是否为空
  • 2022-04-29Thinkphp5.0框架的Db操作实例分析【连接、增删改查、链式操作等】
  • 2022-04-29PHP+Redis解决订单限流的实际问题
  • 2022-04-29Photoshop绘制十二生肖按钮图标教程

文章分类

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

最近更新的内容

    • Photoshop制作金属颓废效果的黄金字教程
    • Photoshop制作超酷的岩石立体字教程
    • uniapp如何设置动态样式
    • PHP怎么实现正则去掉空格
    • PHP会话控制:cookie和session区别与用法深入理解
    • PHP实用函数集合
    • 详解Bootstrap中的手风琴效果
    • Angular CLI发布路径的配置项浅析
    • MySQL 日期加减函数汇总
    • PhotoShop CS6制作梦幻高光流线花体艺术字效教程

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

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