Photoshop制作一个透明风格的系统图标

2021-11-10 0 557

这是一篇photoshop的透明风格图标制作教程,主要为大家介绍使用photoshop中的图层样式等工具制作透明的玻璃效果。

最终效果:

Photoshop制作一个透明风格的系统图标

新建文档,径向渐变填充

Photoshop制作一个透明风格的系统图标

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

Photoshop制作一个透明风格的系统图标

添加渐变叠加图层样式

Photoshop制作一个透明风格的系统图标

新建图层,载入圆形选区,填充稍深蓝色,改为“叠加”模式

(注:载入的方法:先按住ctrl键,鼠标点击需要载入的图层,即载入了鼠标所点击的图层选区。下同)

Photoshop制作一个透明风格的系统图标

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

Photoshop制作一个透明风格的系统图标

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

Photoshop制作一个透明风格的系统图标

填充白色

Photoshop制作一个透明风格的系统图标

变换选区,缩小其范围,

Photoshop制作一个透明风格的系统图标

按delete删除

Photoshop制作一个透明风格的系统图标

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

Photoshop制作一个透明风格的系统图标

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

Photoshop制作一个透明风格的系统图标

Photoshop制作一个透明风格的系统图标

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

Photoshop制作一个透明风格的系统图标

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

Photoshop制作一个透明风格的系统图标

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

Photoshop制作一个透明风格的系统图标

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

Photoshop制作一个透明风格的系统图标

新建图层组,新建图层。

Photoshop制作一个透明风格的系统图标

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

Photoshop制作一个透明风格的系统图标

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

Photoshop制作一个透明风格的系统图标

在背景层上方新建图层,载入圆形选区,选择——修改——扩展

Photoshop制作一个透明风格的系统图标

填充深蓝色,移至至圆形右下角,高斯模糊3像素

Photoshop制作一个透明风格的系统图标

新建图层,载入图层6(刚刚填充深蓝色的图层),选择——修改——收缩

Photoshop制作一个透明风格的系统图标

填充淡青色,改为滤色。圆形部分处理完成。

Photoshop制作一个透明风格的系统图标

在最顶层新建图层,绘制好卡片(非本例重点讲述,此处略)

Photoshop制作一个透明风格的系统图标

ctrl+T旋转。载入圆形选区,ctrl+J复制卡片的右侧部分至新图层。

Photoshop制作一个透明风格的系统图标

载入卡片右侧图层,在卡片图层按delete删除。

Photoshop制作一个透明风格的系统图标

新卡片的左侧放至背景层的上一层

Photoshop制作一个透明风格的系统图标

回到最顶层的卡片右侧图层,填充透明度60%,改为“强光”模式。

Photoshop制作一个透明风格的系统图标

回到最底层的卡片左侧图层,添加投影和浮雕样式

Photoshop制作一个透明风格的系统图标

最终效果

Photoshop制作一个透明风格的系统图标

1、本站所有言论和图片纯属会员个人意见,与本论坛立场无关 2、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和PS工具网的同意 3、请支持我们PS工具网XUNLUYUN.COM 4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责 5、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意 6、photoshop工具官网管理员和版主有权不事先通知发贴者而删除本文

photoshop官网 ps教程 Photoshop制作一个透明风格的系统图标 https://xunluyun.com/3832.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务