润雪观点

将想法与焦点,与您一起共享

润雪观点

网页设计中圆角矩形图标的常用做法

2017-06-22 润雪科技:重庆网站建设公司 浏览器:2363

网页设计中扁平化圆角矩形可能是最常见的元素了,如:

重庆网页设计,网页设计


但很快小伙伴们就发现大家都在用这个样式,很快就审美疲劳了,机智的小伙伴就开始尝试动感点的圆角矩形,如:

重庆网页设计,网页设计



下面重庆网页设计师教大家两种常用简易的制作方法


圆形膨胀法:

1、用椭圆工具画出一个正圆形

重庆网页设计,网页设计


2、选中正圆形,然后Ctrl+T,点击工具栏变形,然后选择膨胀

重庆网页设计,网页设计



这里参数可以定义,一般在10%~50%之间

重庆网页设计,网页设计



3确定后Ctrl+T旋转45°得以下图层,完成

重庆网页设计,网页设计




多边形平滑拐角法:


这是一种最简单的方法,用多边形工具直接绘制平滑拐角的形状,如下:

1、选择矩形工具中的多边形工具,设置边数为4,并选择平滑拐角

重庆网页设计,网页设计


2、画布内单击鼠标左键,设置参数,确定

重庆网页设计,网页设计


3、修改图形颜色,Ctrl+T旋转45°,完成

重庆网页设计,网页设计





本文由重庆网站建设公司润雪科技原创,文章地址:/news/id/382.html