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

2016-02-16 08:22 16 1 收藏

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

【 tulaoshi.com - PS 】

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

最终效果:

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

新建文档,径向渐变填充

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

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

Photoshop制作一个透明风格的系统图标,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教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/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教程,图老师教程网

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

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

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

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

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

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

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

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

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

最终效果

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

来源:http://www.tulaoshi.com/n/20160216/1570189.html

延伸阅读
由于玻璃瓶是透明的,只有在边缘及底部才有一些阴影和高光。因此制作的时候重点是把边缘部分的暗调和高光渲染好。如果把握好的话很快就可以做出来。 最终效果 1、新建一个600 * 600像素的文件,背景选择白色。新建一个图层,命名为“整体轮廓”,用钢笔工具勾出瓶子的轮廓,转为选区后填充白色,保持选区,新建一个图层填充黑色,填充...
本教程主要制作部分是火柴及火焰。火柴部分制作稍微简单一点,用钢笔勾出选区填充颜色后,加上一些没有完全燃烧的木质即可。火焰部分的制作不需要制作太细致,可以适当用滤镜来制作火苗的过度。 最终效果 1、新建一个600 * 600 像素的文件,背景填充黑色,新建一个图层,选择椭圆选框工具,按住Shift 拉一个正圆选区,填充红色,效果如图...
来源:站酷 作者:Zhouyuling909 作者把图标分为两个大的部分:气泡和景观。气泡部分先做好选区,用透明渐变拉好淡淡渐变色,中间部分手工添加一些高光即可;景观部分直接使用素材,用蒙版等控制范围,局部再处理一下细节即可。 最终效果 Tulaoshi.com 1、新建大小自定的画布。新建三个图层,分别画出三个中心透明的圆,如下图。 2...
本教程介绍水晶风格的图标制作方法。图标的构成面比较少,重点是要刻画出每一个面的高光和暗调部分,配合起来,看上去光滑有水晶质感即可。 最终效果 1、创建一新文件创建一新文件,并填写在Photoshop与白色。创建一新层,并使用钢笔工具(规划)创建形状的信封。然后按下命令+输入转变成一路径选择。 2、应用彩色填补选择这个...
图标主要由两部分构成:杯子和冰淇淋。杯子部分制作要简单一点,先画出形状,再加上颜色和纹理;冰淇淋部分制作要复杂一点,把每一小块的冰淇淋图形画出来,用图层样式加上颜色,局部还要增加高光和暗部。 最终效果 1、新建一个画布,大小为400×300像素。 2、单击“创建新的填充或调整图层”,然后选择纯色。 3、选择浅...

经验教程

351

收藏

92
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部