網(wǎng)頁設(shè)計(jì)中扁平化圓角矩形可能是最常見的元素了,如:
但很快小伙伴們就發(fā)現(xiàn)大家都在用這個(gè)樣式,很快就審美疲勞了,機(jī)智的小伙伴就開始嘗試動(dòng)感點(diǎn)的圓角矩形,如:

下面重慶網(wǎng)頁設(shè)計(jì)師教大家兩種常用簡易的制作方法
圓形膨脹法:
1、用橢圓工具畫出一個(gè)正圓形
2、選中正圓形,然后Ctrl+T,點(diǎn)擊工具欄變形,然后選擇膨脹

這里參數(shù)可以定義,一般在10%~50%之間

3、確定后Ctrl+T旋轉(zhuǎn)45°得以下圖層,完成

多邊形平滑拐角法:
這是一種最簡單的方法,用多邊形工具直接繪制平滑拐角的形狀,如下:
1、選擇矩形工具中的多邊形工具,設(shè)置邊數(shù)為4,并選擇平滑拐角
2、畫布內(nèi)單擊鼠標(biāo)左鍵,設(shè)置參數(shù),確定

3、修改圖形顏色,Ctrl+T旋轉(zhuǎn)45°,完成
