渐变过渡图标UI设计教程

来源:网络   作者:热心网友   发布时间:2016-07-19    浏览次数:214

今天就是来教大家做圆形渐变过渡UI图标设计教程!主要用到的工具:




1、使用椭圆工具摁住shift画出一个正圆。

2、画完之后将他的颜色参数改为无填充色,渐变描边。


1、使用直接选择工具框选其中一个节点(就是那个小方块),框选成功后小方块会变成实心。

2、将选框的节点摁DELETE键删除,圆圈便会便成为左边这个样子。

3、将这个描边的端点改为圆形。(见下图)

PS:参数的修改需要选择到椭圆工具之后才能修改,一般在界面左上角。



1、把最开始用椭圆工具画出来的那个渐变描边的圆形图层Ctrl+j复制4个。

2、一个个图层的逐个删除节点,比如图层1删除左节点和左上节点,得到右下的半个圆,图层2删除下节点和左节点得到左上角的半个圆,以此类推直到4个图层拼凑出一个完整的圆。

3、调节不同图层的渐变角度。让每一个头是白头接虚尾。(一般都是90°,只需要调节正负就可以)

其实没有用到很复杂的工具,但是学会之后可以试着做出多种图形的此种效果。大家可以多多尝试。


联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4435.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通