本文作者:三岁教程网

ai制作一个立体感的控件图标

三岁教程网 2022-11-08 00:00:00 95 抢沙发

效果图:


    
     ai制作一个立体感的控件图标

在AI建1200px*800px画板。


    
     ai制作一个立体感的控件图标

绘制一个400px*70px矩形。


    
     ai制作一个立体感的控件图标

边角设置35px。


    
     ai制作一个立体感的控件图标

偏移一个矩形出来,在向里偏移3px的矩形(向里设置负数)。


    
     ai制作一个立体感的控件图标

最后绘制图形。


    
     ai制作一个立体感的控件图标

然后释放图层导出psd格式。


    
     ai制作一个立体感的控件图标

背景拉个渐变e7e3dc到f7f5f3。


    
     ai制作一个立体感的控件图标

小圆拉个c2c0be到d6d6d6。


    
     ai制作一个立体感的控件图标

按钮做描边渐变叠加投影的处理。


    
     ai制作一个立体感的控件图标


    
     ai制作一个立体感的控件图标

描边


    
     ai制作一个立体感的控件图标

渐变叠加


    
     ai制作一个立体感的控件图标

投影


    
     ai制作一个立体感的控件图标

里面的样式


    
     ai制作一个立体感的控件图标

渐变叠加f28b00,e75300,db7500。


    
     ai制作一个立体感的控件图标

内发光;里面的一圈a4a4a4到e8d7be。


    
     ai制作一个立体感的控件图标

最外层的渐变d0d0d0到ffffff。


    
     ai制作一个立体感的控件图标


    
     ai制作一个立体感的控件图标

文章版权及转载声明

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

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

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

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

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