重庆网站建设公司润雪科技
业成于勤
,守于挚
技精于专
,做于细
重庆网站建设 新闻动态 建站技术

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

2017-06-22      发布者:润雪科技      浏览量:2360

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

重庆网页设计,网页设计


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

重庆网页设计,网页设计



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


圆形膨胀法:

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

重庆网页设计,网页设计


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

重庆网页设计,网页设计



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

重庆网页设计,网页设计



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

重庆网页设计,网页设计




多边形平滑拐角法:


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

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

重庆网页设计,网页设计


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

重庆网页设计,网页设计


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

重庆网页设计,网页设计





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

重庆网站建设公司 - 润雪科技

地址:中国 · 重庆市南岸区南坪亚太商谷7幢23-10、23-11        电话:400-807-5908        手机:186-9655-6121        客服QQ:714-287-173

重庆网站建设公司润雪科技,专注于重庆网站建设重庆网站制作重庆网站设计重庆做网站,公司都秉承以“产品”为核心“用户”为中心,从实际出发为客户提供更优质的服务为宗旨,联系电话:400-807-5908
COPYRIGHT (©) 2017 网站建设公司润雪科技渝ICP备15012622号