本文作者:三岁教程网

AI+PS制作毛玻璃UI图标

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

效果图


    
     AI+PS制作毛玻璃UI图标

打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件。


    
     AI+PS制作毛玻璃UI图标

简单草稿绘制,然后用AI开始画图形,并适当调整。


    
     AI+PS制作毛玻璃UI图标

点击文件-脚本-其它脚本。


    
     AI+PS制作毛玻璃UI图标

选中Aipsd这个插件打开


    
     AI+PS制作毛玻璃UI图标


    
     AI+PS制作毛玻璃UI图标

选取一个地方保存为psd格式导出。


    
     AI+PS制作毛玻璃UI图标

导出模式为RGB。


    
     AI+PS制作毛玻璃UI图标

把刚刚的psd文件在ps打开。


    
     AI+PS制作毛玻璃UI图标

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


    
     AI+PS制作毛玻璃UI图标

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


    
     AI+PS制作毛玻璃UI图标

最后新建一个图层,放到最底层ALT+DELETE填充白色做背景。


    
     AI+PS制作毛玻璃UI图标

绿色形状填充颜色为:0ec2a2。


    
     AI+PS制作毛玻璃UI图标

淡黄色形状填充颜色为:d1e4a7。


    
     AI+PS制作毛玻璃UI图标

选中【时钟下】,添加渐变叠加。


    
     AI+PS制作毛玻璃UI图标


    
     AI+PS制作毛玻璃UI图标

Ctrl J复制【时钟下】图层,放到分秒针上方并做剪贴蒙版。将图层透明度改为50,并调整羽化属性。


    
     AI+PS制作毛玻璃UI图标

给【时钟上】添加内阴影和渐变叠加。


    
     AI+PS制作毛玻璃UI图标


    
     AI+PS制作毛玻璃UI图标


    
     AI+PS制作毛玻璃UI图标

复制一层【时间上】然后放在下面,去掉效果模式,并且用创建剪贴蒙版和羽化和修改模式。看不到投影的变化,移动一下,或者Ctrl+t【时间上】拷贝图层利用键盘上下键看到变化。


    
     AI+PS制作毛玻璃UI图标

注意改一下混合模式。


    
     AI+PS制作毛玻璃UI图标


    
     AI+PS制作毛玻璃UI图标

文章版权及转载声明

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

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

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

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

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