本文作者:三岁教程网

AI+PS制作毛玻璃质感UI图标

三岁教程网 2022-11-07 00:00:00 68 抢沙发

效果图


    
     AI+PS制作毛玻璃质感UI图标

草稿绘制,画稿画好之后,然后用AI开始画图形。


    
     AI+PS制作毛玻璃质感UI图标


    
     AI+PS制作毛玻璃质感UI图标


    
     AI+PS制作毛玻璃质感UI图标


    
     AI+PS制作毛玻璃质感UI图标


    
     AI+PS制作毛玻璃质感UI图标

所有图层画好之后,可以将图形放在一起,并且调整好大小位置,使图标看着整体更协调。


    
     AI+PS制作毛玻璃质感UI图标

下载毛玻璃图形,点击文件-脚本-其它脚本。 选中脚本的文件,点击打开,选择为psd格式并设置好路径导出。


    
     AI+PS制作毛玻璃质感UI图标

将刚才导出的psd文件打开。


    
     AI+PS制作毛玻璃质感UI图标

然后点图层筛选器的形状,并且按shift选中所有图层,将透明度改为100,并Ctrl+G编组。


    
     AI+PS制作毛玻璃质感UI图标

然后关掉筛选器,将形状以外的所有图层删除。并且按图标含义编组。


    
     AI+PS制作毛玻璃质感UI图标

图像-模式,将模式改为RGB。


    
     AI+PS制作毛玻璃质感UI图标

粉色形状颜色填充改为dab8f8。


    
     AI+PS制作毛玻璃质感UI图标

为第一个图标,【文件面】图层添加图层样式。


    
     AI+PS制作毛玻璃质感UI图标


    
     AI+PS制作毛玻璃质感UI图标


    
     AI+PS制作毛玻璃质感UI图标

修改【文件底】的颜色填充,并对【文件面】右键-拷贝图层样式,对【文件底】右键-粘贴图层样式。


    
     AI+PS制作毛玻璃质感UI图标


    
     AI+PS制作毛玻璃质感UI图标

选中【文件纸】图层,添加渐变叠加。


    
     AI+PS制作毛玻璃质感UI图标

Ctrl+J复制【文件纸】图层,放到【文件面】上方并做剪贴蒙版。

将图层透明度改为50,并调整羽化属性。


    
     AI+PS制作毛玻璃质感UI图标

拷贝【文件面】图层,并修改颜色填充,然后调整图层模式为正片叠底。调整形状羽化,并针对【文件纸】做剪贴蒙版。


    
     AI+PS制作毛玻璃质感UI图标

复制【文件纸】图层,去掉渐变叠加,修改填充色、图层模式、不透明度以及形状羽化,最后加上文字。


    
     AI+PS制作毛玻璃质感UI图标

后续图标的做法类似,将【文件面】和【文件纸】样式分别拷贝粘贴到【短信上/下】。


    
     AI+PS制作毛玻璃质感UI图标

复制【短信下】并针对【短信上】做剪贴蒙版,调整不透明度和形状羽化。


    
     AI+PS制作毛玻璃质感UI图标

复制【短信下】并针对【短信上】做剪贴蒙版,并稍微往下放一点。然后调整颜色填充、模式、不透明度和形状羽化。最后加上文字。


    
     AI+PS制作毛玻璃质感UI图标

将【文件面】和【文件纸】样式分别拷贝粘贴到【云朵/太阳】。


    
     AI+PS制作毛玻璃质感UI图标

拷贝【太阳】层,并放到【云朵】上方做剪贴蒙版,然后调整不透明度和羽化。


    
     AI+PS制作毛玻璃质感UI图标

拷贝【云朵】层,去除渐变叠加,并放到【太阳】上方做剪贴蒙版。然后设置颜色、模式、不透明度以及羽化。最后加上文字。


    
     AI+PS制作毛玻璃质感UI图标

分别拷贝【云朵/太阳】图层样式,粘贴到【夹子/纸张】。


    
     AI+PS制作毛玻璃质感UI图标

拷贝【纸张】层,并放到【夹子】上方做剪贴蒙版,然后调整不透明度和羽化。最后加上文字。


    
     AI+PS制作毛玻璃质感UI图标

拷贝【夹子】层,去除渐变叠加,并放到【纸张】上方做剪贴蒙版。然后设置颜色、模式、不透明度以及羽化。最后加上文字。


    
     AI+PS制作毛玻璃质感UI图标

新建一个背景图层,用一个大画笔,分别吸取紫色和蓝色,在画面里涂。然后滤镜-模糊-高斯模糊,并且将图层不透明度改为50。


    
     AI+PS制作毛玻璃质感UI图标


    
     AI+PS制作毛玻璃质感UI图标


    
     AI+PS制作毛玻璃质感UI图标

新建一个白色圆角矩形,并调整不透明度,然后加上投影样式。


    
     AI+PS制作毛玻璃质感UI图标

Ctrl+Alt+Shift+E盖印图层,并点击滤镜-Camera Raw滤镜。然后调整校准和效果。


    
     AI+PS制作毛玻璃质感UI图标


    
     AI+PS制作毛玻璃质感UI图标


    
     AI+PS制作毛玻璃质感UI图标

文章版权及转载声明

作者:三岁教程网本文地址:http://ssjcw.com/?id=53682发布于 2022-11-07 00:00:00
文章转载或复制请以超链接形式并注明出处三岁教程网

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,68人围观)参与讨论

还没有评论,来说两句吧...