亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

面性圖標(biāo)是對(duì)內(nèi)容區(qū)域進(jìn)行色彩填充的圖標(biāo)樣式，相比較線性圖標(biāo)應(yīng)用場(chǎng)景更加豐富，視覺(jué)表現(xiàn)力更強(qiáng)、更突出，常用于主要功能圖標(biāo)。

如果想要面性圖標(biāo)表現(xiàn)的更加富有質(zhì)感，可以給背景設(shè)置漸變填充的同時(shí)，給整體圖形設(shè)置多層陰影，這樣圖標(biāo)的質(zhì)感表現(xiàn)力就能凸顯出來(lái)啦。

今天用下圖的文件夾圖標(biāo)帶你學(xué)會(huì)這類風(fēng)格的繪制，大家主要學(xué)習(xí)繪制思路，參數(shù)僅作為參考哦~

這里使用的設(shè)計(jì)工具是「行空設(shè)計(jì)」，這是一款專為產(chǎn)研團(tuán)隊(duì)研發(fā)的設(shè)計(jì)協(xié)作平臺(tái)，操作順暢，頁(yè)面簡(jiǎn)潔，兼容Sketch，復(fù)制鏈接（https://xk.design?c=huicn）至PC端即可使用，邊看邊操作效果更佳哦，文章底部附有源文件鏈接，大家需要的自取哈~

01繪制底框背景

為了讓圖標(biāo)整體有凸出質(zhì)感，使用圓角矩形工具（快捷鍵R）繪制兩個(gè)大小不一的底框來(lái)做主體圖形的背景，并且使用線性漸變填充打造層次感。

參數(shù)信息：

底框1：尺寸134*134px、圓角半徑18、線性漸變#FFF9F3-#FFEAD3

底框2：尺寸120*120px、圓角半徑12、線性漸變#FFBE57-#F17E46

02繪制主體圖形

同樣地，利用矩形工具繪制出為文件夾的主體圖形，文件夾由四邊形及不規(guī)則的形狀結(jié)合圖形組成。形狀結(jié)合的【1】在做完改變圓角半徑的操作后，雙擊圖形進(jìn)入矢量編輯，選中最右邊的點(diǎn)并向右拉長(zhǎng)一定距離，可以制造圖形的斜坡度。

參數(shù)信息：

平行四邊形：尺寸：91*39px、圓角半徑7、線性漸變#FFFFFF(85%)-#FFFFFF(24%)

形狀結(jié)合：

• 【1】：尺寸37.78*10.5px、圓角半徑【5.25、5.25、0、0】、填充#FFFFFF(45%)
• 【2】：尺寸75.56*57px、圓角半徑【0、7、7、7】、填充#FFFFFF(45%)
• 
  

03添加陰影

繪制完整體圖形后，給整體圖形添加內(nèi)外陰影打造質(zhì)感，這也是最關(guān)鍵的一步。

參數(shù)信息：

底框1：

• 外陰影1：#000000、不透明度50%（疊加）、大小【4、7、0、0】
• 內(nèi)陰影1：#FFFFFF、不透明度50%、大小【0、1、2、0】
• 內(nèi)陰影2：#000000、不透明度30%（疊加）、大小【0、-1、1、0】
• 
  

底框2：

• 外陰影1：#FD9957、不透明度50%、大小【1、2、4、0】
• 內(nèi)陰影1：#FFFFFF、不透明度60%（疊加）、大小【1、2、3、0】
• 內(nèi)陰影2：#000000、不透明度30%（疊加）、大小【-1、-2、3、0】
• 
  

四邊形：

• 內(nèi)陰影1：#DE550F、不透明度50%、大小【0、-1、2、0】
• 內(nèi)陰影2：#FFFFFF、不透明度74%、大小【0、1、1、0】
• 
  

形狀結(jié)合：

• 內(nèi)陰影：#FFFFFF、不透明度30%、大小【0、1、1、0】
• 
  

以上就是面性文件夾質(zhì)感圖標(biāo)的繪制教程啦，你也來(lái)試試吧。

期待你的作品哦~復(fù)制鏈接（https://xk.design/design/K7X6d2aqHM1XF）至PC端查看源文件，大家有其他疑問(wèn)可以在評(píng)論區(qū)討論哦~

Powered by Froala Editor