记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 30197|回复: 0
收起左侧

[UI教程] Photoshop教程:制作一个透明风格的图标[含20P]

[复制链接]
发表于 2018-6-14 16:51:51 | 显示全部楼层 |阅读模式
[table=98%]      [tr]        [td]        <p> <span class="Apple-style-span"style="font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 25px; color: rgb(51, 51, 51); ">这是一篇photoshop的透明风格图标制作教程,主要为大家介绍使用photoshop中的图层样式等工具制作透明的玻璃效果。  最终效果:


  新建文档,径向渐变填充


  使用椭圆选框工具按shift键框出正圆选区,ctrl+J复制


  添加渐变叠加图层样式


  新建图层,载入圆形选区,填充稍深蓝色,改为“叠加”模式
  (注:载入的方法:先按住ctrl键,鼠标点击需要载入的图层,即载入了鼠标所点击的图层选区。下同)

 ctrl+D取消选区。添加图层蒙版,载入圆形选区,在图层蒙版上用径向渐变拖出


  新建图层,载入圆形选区,羽化20像素


  填充白色


  变换选区,缩小其范围,


  按delete删除

 载入圆形选区,ctrl+shift+I反选,delete删除,改为叠加模式,填充不透明度25%


  新建图层,前景色设为淡青色,使用渐变工具,打开渐变编辑器,样式为第二种前景色至透明。




  新建图层,绘制正方形选区,选择——修改——平滑


  填充白色后复制,然后将这几个白框合并图层,ctrl+T旋转后放至圆形的左上方

  载入圆形选区,滤镜——扭曲——球面化


  反选,delete删除多余的部分,ctrl+D取消选区。添加图层蒙版,线性渐变(渐变样式为前景至背景)从白框的左上至右下拖出


  新建图层组,新建图层。


  载入圆形选区,编辑——描边


  高斯模糊0.5像素,将图层组改为“线性减淡”




<div id="art_text"style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; ">  载入圆形选区,滤镜——扭曲——球面化
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; ">&nb

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x




上一篇:海哥一周读一书 第1本《用户故事地图》
下一篇:人机界面的最新趋势是什么?
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】

QQ|QQ群:133515734|站长博客|百度网盘|许进龙|手机触屏版|国际动画教程网 ( ICP13037175 )