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

ㄨ◣╰_╯◢ㄨ

ㄨ◣╰_╯◢ㄨ

2016-02-16 08:22

下面图老师小编要向大家介绍下Photoshop制作一个透明风格的系统图标,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

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

最终效果:

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

新建文档,径向渐变填充

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

添加渐变叠加图层样式

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

填充白色

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

变换选区,缩小其范围,

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

按delete删除

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

新建图层组,新建图层。

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

载入圆形选区,编辑描边

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

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

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

最终效果

Photoshop制作一个透明风格的系统图标,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop制作一个半透明的立体图标

电脑网络
Photoshop制作一个半透明的立体图标

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop制作一个清新的半透明扁平图标

电脑网络
Photoshop制作一个清新的半透明扁平图标

Photoshop制作一个水晶风格喇叭图标

电脑网络
Photoshop制作一个水晶风格喇叭图标

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作一个水晶风格的篮子图标

电脑网络
Photoshop制作一个水晶风格的篮子图标

Photoshop制作一个清新的半透明扁平图标教程

PS PS教程
Photoshop制作一个清新的半透明扁平图标教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop制作复古金属文字效果

Photoshop制作复古金属文字效果

Photoshop简单处理把灰蒙蒙的照片变清晰

Photoshop简单处理把灰蒙蒙的照片变清晰
下拉加载更多内容 ↓