Figma提供了實用的矢量圖形繪制功能,可輕松通過插入、鋼筆等工具繪制各種圖形。另外,F(xiàn)igma也提供了矢量圖形的編輯功能,可對插入的圖形進(jìn)行形狀、節(jié)點的編輯,讓設(shè)計師可以更自由地進(jìn)行圖形的創(chuàng)作與設(shè)計。那么,F(xiàn)igma怎么編輯圖形形狀,Figma怎么做漸變色?接下來,一起來學(xué)習(xí)下吧。
一、Figma怎么編輯圖形形狀
在Figma的功能操作中,無論是插入的圖形,還是鋼筆工具繪制的圖形,均可運用“編輯對象”的功能,進(jìn)行圖形形狀的編輯。
以插入的星形為例,如圖1所示,雙擊圖形或使用Figma右側(cè)設(shè)計面板中的“編輯對象”功能,可將圖形轉(zhuǎn)換為編輯模式。
在Figma的圖形編輯模式中,如圖2所示,圖形上會出現(xiàn)編輯節(jié)點。通過移動、添加、刪除節(jié)點,可起到編輯圖形的效果。
1.調(diào)整現(xiàn)有節(jié)點
在圖形編輯模式下,如動圖3所示,點擊選中節(jié)點后,可通過拖動鼠標(biāo)的方式移動節(jié)點,使圖形變換成其他形狀。
![](/WebPlugin/ewebeditor/uploadfile/20250123150506583.gif)
2.添加節(jié)點
如動圖4所示,將鼠標(biāo)懸停在節(jié)點之間的線條上,箭頭會變成鋼筆形狀,此時,在線條上點擊一下,就能添加節(jié)點。
![](/WebPlugin/ewebeditor/uploadfile/20250123150530501.gif)
3.刪除節(jié)點
如需刪除節(jié)點,可使用shift+delete的組合鍵,該組合鍵可以只刪除節(jié)點不刪除路徑。刪除節(jié)點后,F(xiàn)igma會自動連接余下的節(jié)點。需要注意的是,如果僅按下delete鍵,會將整個圖形刪除。
![](/WebPlugin/ewebeditor/uploadfile/20250123150621742.gif)
二、 Figma怎么做漸變色
Figma可通過對象的填充功能,輕松制作漸變色。Figma不僅能制作簡單的漸變色效果,還能加入透明度變化效果,讓圖形的設(shè)計更顯美觀、夢幻。
如圖7所示,在Figma畫板插入圖形后,圖形默認(rèn)填充灰色。點擊色塊,可打開Figma的填充設(shè)置面板功能。
![](/WebPlugin/ewebeditor/uploadfile/20250123150647779.png)
在Figma的填充功能面板中,默認(rèn)打開純色填充色板,如圖7所示,將填充選項切換到“漸變”,即可制作漸變色填充效果。
在Figma漸變填充功能中,可通過設(shè)置漸變顏色、漸變范圍、透明度變化等屬性制作各種漸變效果。
?Figma提供的漸變效果包括線性、徑向、角度、菱形漸變四種。本文會以線性漸變?yōu)槔,教大家怎么進(jìn)行Figma的漸變效果制作。
![](/WebPlugin/ewebeditor/uploadfile/20250123150811610.png)
首先,如圖9所示,在漸變填充設(shè)置功能中,點擊色條下方的第一個方形色塊,展開Figma的色板,可進(jìn)行第一個漸變色的設(shè)置。
![](/WebPlugin/ewebeditor/uploadfile/20250123150900480.png)
在Figma的色板中,如圖10所示,選取色條上的顏色,如需添加透明度變化,可移動色條下方的透明度滑塊,將其設(shè)置到合適的數(shù)值。
如果漸變色中添加了透明度效果,其方形色塊上會出現(xiàn)透明圖示(即包含灰白格子的圖示)。
![](/WebPlugin/ewebeditor/uploadfile/20250123150943406.png)
重復(fù)以上操作,進(jìn)行第二個漸變色的設(shè)置。如圖11所示,在設(shè)置漸變效果的過程中,我們可以在圖形上實時觀察到漸變填充的應(yīng)用效果。
![](/WebPlugin/ewebeditor/uploadfile/20250123151011794.png)
除了使用Figma默認(rèn)的雙色漸變效果外,我們也可以添加更多的漸變色,打造多色漸變效果。如圖12所示,點擊色塊列表右上角的“+”按鈕,可在色條中間添加漸變色。
![](/WebPlugin/ewebeditor/uploadfile/20250123151049534.png)
Figma默認(rèn)按照50%的漸變色范圍布置顏色,如需調(diào)整該比例范圍,如圖13所示,可以在色條上移動顏色方塊,或者直接調(diào)整色塊列表上的百分?jǐn)?shù)值。
![](/WebPlugin/ewebeditor/uploadfile/20250123151113336.png)
三、小結(jié)
以上就是關(guān)于Figma怎么編輯圖形形狀,F(xiàn)igma怎么做漸變色的相關(guān)內(nèi)容。無論是插入的圖形,還是通過鋼筆工具繪制的圖形,均可運用雙擊圖形的方式打開圖形編輯模式,進(jìn)行圖形的節(jié)點、路徑的編輯。Figma的漸變色融合了漸變與透明度的填充效果,能讓圖形的設(shè)置更顯美觀。大家在設(shè)計圖形時,不妨嘗試一下相關(guān)的功能。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。