photoshop圓角矩形工具在哪的簡(jiǎn)單介紹
最終效果:
下面是教程:
步驟一:首先新建畫(huà)布* 00px** 00px畫(huà)布,命名為質(zhì)感圖標,為背景添加圖層樣式。
步驟二:使用圓角矩形工具、繪制一個(gè)* * 0px** * 0px圓角半徑為90px底座,并為它添加圖層樣式。
步驟三:高逼格的底座一下就出來(lái)了,有木有!!!接下來(lái)繼續使用圓角矩形工具、繪制一個(gè)* 90px** 90px圓角半徑為90px的形狀,命名為底座-2,并為它添加圖層樣式。
步驟四:為底座-2添加金屬拉絲效果,新建圖層填充#9f9f9f,添加雜色執行動(dòng)感模糊命令,并創(chuàng )建剪貼蒙版,調整不透明度。
步驟五:復制金屬拉絲,ctrl+t旋轉90度,并依次創(chuàng )建剪貼蒙版。
步驟六:現在我們繪制內框位置,繪制兩個(gè)圓角矩形,大小分別為* * 0px,* 90px圓角半徑為90px,合并形狀選擇路徑選擇工具,選中內框減去頂層形狀,并添加圖層樣式。
步驟七:我們?yōu)閮瓤蛱砑咏饘倮z效果吧,復制內框圖層清除圖層樣式。獲取選區其它操作方式如上,并調整不透明度。
步驟八:現在繼續繪制一個(gè)頂部漸變,選擇圓角矩形工具繪制一個(gè)* 90px圓角半徑為90px的形狀,繪制完成后復制,命名為頂部漸變。
步驟九:將頂部漸變復制向下移動(dòng)1* px,并合并兩個(gè)形狀,選擇路徑選擇工具,選中內框減去頂層形狀,將底座漸變疊加圖層樣式復制,移動(dòng)色標位置即可,并添加投影圖層樣式。
步驟十:現在我們來(lái)繪制最后一個(gè)圖標吧,用自定義形狀工具繪制一個(gè)172px的形狀,并旋轉* * 度,最后添加圖層樣式就完成這個(gè)案例了哦。
來(lái)源:站酷 作者:全棧UI筆記