恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何表现出玻璃质感
0.0°
2017-06-19 原创文章 教程 举报 4917 34 30 0

今天源码时代UI老师给大家带来用PS表现玻璃质感的操作技巧,希望大家喜欢。话不多说直接进入正题!

先来看看玻璃效果是怎样的如下图所示:

Image title Image title      

通过上面的图片我们可以看出 玻璃质感主要是表现物体的光影效果, 要突出半透明、透明、背景之间的前后关系 只要掌握这几个表现手法就可以了~

1、玻璃的透明和半透明效果

日常我们看到的玻璃透明的居多 还有一些加了各种涂层的镜面玻璃 总的来说它们具有一个共性, 那就是表面非常光滑平整 光照射在光滑平整的玻璃上会形成强烈的反光 也就是我们童年常玩的镜面反射游戏 ,在现实生活中看的最多的就是窗户的玻璃反射周围景物的效果如下图

Image title

这种玻璃表面光滑平整 高光强烈呈块状或者光斑状

还有一种就是半透明的 比如毛玻璃 和磨砂玻璃 如下图

Image title

这种玻璃的表面粗糙,呈现的反光效果不强烈 高光比较柔和 不宜形成镜面效果!通过上方的对比 大家都了解了2种玻璃的区别

2、光滑平整的透明玻璃质感怎么表现?

2.1我们先新建一个画布 大小1200X700 背景为深灰色

Image title

2.2添加图层样式—图案叠加 增加画布背景纹理 ,再执行渐变叠加 修改混合模式为-叠加如下图

Image title

Image title


2.3 绘制一个圆角矩形宽度 200 高度300 圆角10

Image title


2.4 现在来做透明效果 要让一个图层变成透明 一般调整不透明度为0% 还有一种方式是把填充调整为0% 这里我们选择第二种(为什么选择第二种后面就知道了)

Image title


2.5 选中矩形1 打开图层样式-投影如下图

Image title


2.6 复制矩形1 关闭图层样式效果 并且关闭填充 打开描边,描边颜色选择白色 大小2PX如下图

Image title


2.7在矩形1拷贝图层添加图层蒙板 用黑色画笔画出玻璃边缘光线变化如下图

Image title


2.8用钢笔工具画出反光效果 形状1

Image title


2.9 把形状1 剪贴到矩形1中并且调整不透明度为20%

Image title


2.9.1 有的同学做到这部可能没有里面的反光效果 这个时候要双击矩形1 打开混合选项勾选1 3项即可

Image title


3.0 最后在添加一点光效 突出质感 用柔边画笔在画布中选择白色单击

Image title


3.1把图层3执行CTRL+T自由变换 压扁缩小放到玻璃边缘部分如下图

Image title


3.2最后添加文案做点修饰就好了

Image title


用这种方法还可以做出这样的效果如图:

Image title


更新:2017-06-19

收藏

34人已收藏

源码时代

加群:578747546 可获取UI设计各类软件及相关视频资料哦

  • 28

    作品

  • 101

    粉丝

  • 0

    关注

  • 三分钟平面秒变酷炫3D效果
  • PS祛斑修容之通道磨皮法
  • 糖画字体设计
  • 简单有效的空间共享是网页排版

    猜你喜欢

      2017-06-19 原创文章 教程 举报 4917 34 30 0

      如何表现出玻璃质感

      0.0°

      你确定要举报如何表现出玻璃质感

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年06月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      30
      34
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录