Photoshop设计半透明的科幻玻璃图标

2016-03-17 22:33 40 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的Photoshop设计半透明的科幻玻璃图标,希望大家看完后能赶快学习起来。

【 tulaoshi.com - PS 】

来源:站酷 作者:Jommans
作者寄语:一个图标跟画一幅油画差不多,也是经历起稿,形状,大色块,细节这几步来做的,只不过做图标没油画那么有艺术气息罢了。这个教程只当做参考之用,并不是什么标准,我们还是得在不停的实践中找到属于自己的技巧,形成自己的风格。
最终效果


1、新建一个256 * 256像素的文档,如下图。


2、先把图标主要轮廓形状画出来。新建一个组,然后选择圆角矩形工具,半径设置为100,画出一个两头圆的形状。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)3、选择椭圆工具,画出两个椭圆,将小椭圆向上移一点,让它看起来有透视感。然后按住Ctrl 点小椭圆的图层,得到小椭圆的图层选区。


4、选择矩形选框工具,在属性栏选择“添加到选区”,然后拉出下图所示的选区。


5、新建一个组,选中,然后点击蒙版,得到一个带有蒙版的组,把白色长条圆角图层拖进去,就得到一个半圆角。我们等下就要在这个组里制作这个透明玻璃罩。蒙版组这个方法挺方便不用一个ietuc一个图层去蒙版。


6、用圆角矩形工具再画一个相同的形状,不过要大一点,不要超过黑色椭圆的宽度,加点颜色好区分各个图层。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)7、栅格化黄色这个圆角图层,然后把多余的用选区工具删除。因为用椭圆工具画出来是矢量,没法直接删减,只有栅格化变成位图再删减。


8、复制白色圆角图层,然后双击其中一个,填充为0%,然后给它添加“内发光”数值,不透明度为:20%,大小20。


9、双击另外一个圆角图层,也是设置填充0%,这个内发光就要厚一些,不透明度80%,大小为10。


10、新建一个组,用白色圆角作为选区来蒙版组,在这个组里添加透明玻璃罩的细节,先画一个反光,透明度为20%。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)11、画一个白色椭圆,栅格化,然后点快速蒙版模式,画一个渐变。退出蒙版模式,按Delete 得到一个透明渐变高光。


12、用钢笔工具随意画些圆弧形状,用到制作一些反光细节。


13、画完后执行:滤镜 模糊 高斯模糊,数值自己测试,这里是2.5,得到一个小光点。


14、按同样的方法,画多几个反光点。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)15、用钢笔工具画一个高光,填充7%。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
16、在顶部画一个椭圆,用来制作玻璃罩的高光部分。


17、执Tulaoshi.com行:滤镜 模糊 高斯模糊,数值为15,得到高光部分。


18、现在来制作下半部分,因为要做金属感,所以给他添加一个浅灰色。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)19、画细节,同样新建一个蒙版组,在组里用钢笔工具画阴影部分。


20、高斯模糊一下,数值为9.5。


21、用钢笔工具画出高光及反光部分,然后高斯模糊。


22、现在画个装饰物,新建组,用圆角矩形工具画一个矩形,这个半径数值就要小点,随个人喜好要圆点还是方点,然后选择大圆角图层的选区,如下图。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)23、给组加上蒙版。


24、复制一层,缩小95%,然后添加蓝色渐变,点回黑色那层,添加一个大小为1的描边。


25、按照之前添加细节的方法给蓝色这层添加光影细节。


26、现在来制作里面的光效。选择小椭圆的选区。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)27、新建一个组,添加蒙版。在组里面画一个椭圆添加一个深橙色,适当高斯模糊。


28、再画一个小的椭圆,添加黄色并高斯模糊,效果如下图。


29、现在来制作罩的液体,选择玻璃罩的选区。


30、也是新建组然后添加蒙版,在里面用钢笔画出液体的性质。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)31、栅格化图层,添加快速蒙版,添加渐变,退出后删减。


32、得到透明渐变的液体,喜好什么颜色自己添加。


33、用同样的方法去做液体的反面。


34、用钢笔工具画出一些反光细节。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)35、现在来制作黑色圆框的反光细节,选择大椭圆的选区。


36、新建组并添加蒙版,画出高光细节。


37、现在来制作底座,同样的方法先画出各个形状,用不同颜色区分。


38、给底座添加主要颜色。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)39、用同样方法画出细节。




40、新建组,用底座的选区添加蒙版。在组里用钢笔画一圈黑色,然后添加白色描边。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)41、再画出一些细节。


42、新建组,画一个圆角矩形,然后用变换路径,透视等编辑,得到一个梯形。


43、同样复制一层,缩小,添加蓝色渐变以及高光。


44、新建组,用圆角矩形工具画一个成条形。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)45、添加黑色,大小1像素描边,然后复制多一个。


46、用钢笔画一些高光细节上去,让它质感好一点。


47、最后画阴影,画一个黑色椭圆。


48、高斯模糊,数值自己调试。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)49、复制多一层,然后动感模糊,角度为0,距离自定。


50、最终效果:


来源:http://www.tulaoshi.com/n/20160317/1867462.html

延伸阅读
本教程重点提供图标制作的过程及思路分析。主要的过程有分解图及过程图提示,具体的操作需要自己慢慢根据作者的提示及过程图发挥。 最终效果 1、初步观察图标,发现整个图标可以拆分为一下几个块。新建大小适当的文件,背景填充暗灰色,新建图层用圆角矩形工具拉出圆角矩形画出大体形状,确定大致明暗以及颜色区分透视关系。 ...
最终效果 1、保存下面的背景图片。 2、选择“椭圆”工具并在视图中进行绘制。 3、为“形状 1”添加图层样式。 4、新建“图层 1”,使用画笔在视图中绘制。 5、将“形状 1”载入选区,反向选择将多余部分删除。 6、取消选区选择状态,执行“滤镜”→“模糊”→“高斯模糊”...
标签: PS PS基础
我们总是羡慕国外牛B的设计师,能做出牛B的设计稿。如何才能把他们的设计稿,变成自己的PSD呢?自然是自己动手画啦。如果你有好的JPG图片。却不知道如何下手,可以联系我。我如果画出来了。便给你们出教程。当然我不是神,我也只是尽力画画,只是出于爱好。言归正传,为什么取名叫盗圣,其实 每个学画的都是从素描画鸡蛋,立方体,大卫之类的过...
    来源:PS爱好者 作者:不详 本文的教程制作过程中需要用到一些泡泡,星光及花纹等笔刷,这些都需要自己去网上下载。效果的大致过程如下:首先是背景部分的制作,这一部分制作比较重要,需要渲染一种时尚梦幻的效果,自己可以用一些光束或较为梦幻的笔刷来装饰。文字部分制作相对较为简单,用图层样式及滤镜即可做好。 最终效果...
标签: PS PS教程
依旧是扁平化风格,这次难度略微提升,光影很简单,难点是半透明叠加样式的制作,还有就是色彩纯度较低不好控制。 最终效果 1、新建大小自定的画布,用形状工具制作圆角矩形。 2、添加图层样式:渐变叠加和投影,参数及效果如下图。 3、分三个图层做中间的形状绘制,其对应图层如下图。 4、首先看红...

经验教程

97

收藏

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