本文作者:三岁教程网

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

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

效果图


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

开启AI新建一个画布,快捷键Ctrl+N,新建一个800*800像素的画布。


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

绘制形状,以形状图标美食APP为例。


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

点选档案 > 指令档 > 其它指令。


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


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


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

存取副档选PSD即可。


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

让图层都是形状图层,方便后面的布尔运算对形状可以做些微调整。


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

Ctrl+C复制 Ctrl+V贴过来PS,将形状图层都提取出来做群组命名即可。


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

固有色上色,背景填色:#200833,叉子填色:#533f62,盘子填色:#ff88e7。


    
     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图标教程

Ctrl+J 复制盘子移动到叉子上方做剪贴蒙版。


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

对复制的盘子进行明度调整,让整体产生玻璃光泽感。调整复制盘子的固有色与渐变覆盖(渐变叠加)不透明度,固有色改成:#ffffff,渐层覆盖(渐变叠加):不透明度 79%。


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


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

选择复制盘子的图层,开启视窗内容(属性),然后调整上层盘子的羽化,这时候盘子边缘就会出现模糊效果,羽化:7.0。


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

添加投影,做剪贴蒙版,切记叉子投影的混合模式要选择色彩增值(正片叠底)让整体更暗些,然后透过内容(属性)羽化,调整投影的边缘模糊度 ,然后再去调整下影子不透明度。

羽化值:29.9

固有色:#432958

影子不透明度:43

影子色:#432958


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


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

找高光素材添加高光上去,素材混合模式选用滤色,让亮部留下来,若高光过长,可以用蒙版和笔刷去做些微调整。


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


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

文章版权及转载声明

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

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

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

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

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