Figma怎么編輯圖形形狀 Figma怎么做漸變色
發(fā)布時間:2025-01-23 15:11 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 快樂小女 閱讀: 61

Figma提供了實用的矢量圖形繪制功能,可輕松通過插入、鋼筆等工具繪制各種圖形。另外,F(xiàn)igma也提供了矢量圖形的編輯功能,可對插入的圖形進行形狀、節(jié)點的編輯,讓設(shè)計師可以更自由地進行圖形的創(chuàng)作與設(shè)計。那么,F(xiàn)igma怎么編輯圖形形狀,Figma怎么做漸變色?接下來,一起來學(xué)習(xí)下吧。

一、Figma怎么編輯圖形形狀

在Figma的功能操作中,無論是插入的圖形,還是鋼筆工具繪制的圖形,均可運用“編輯對象”的功能,進行圖形形狀的編輯。

以插入的星形為例,如圖1所示,雙擊圖形或使用Figma右側(cè)設(shè)計面板中的“編輯對象”功能,可將圖形轉(zhuǎn)換為編輯模式。


圖1:編輯對象

在Figma的圖形編輯模式中,如圖2所示,圖形上會出現(xiàn)編輯節(jié)點。通過移動、添加、刪除節(jié)點,可起到編輯圖形的效果。



圖2:矢量圖形

1.調(diào)整現(xiàn)有節(jié)點

在圖形編輯模式下,如動圖3所示,點擊選中節(jié)點后,可通過拖動鼠標(biāo)的方式移動節(jié)點,使圖形變換成其他形狀。

圖3:調(diào)整節(jié)點

2.添加節(jié)點

如動圖4所示,將鼠標(biāo)懸停在節(jié)點之間的線條上,箭頭會變成鋼筆形狀,此時,在線條上點擊一下,就能添加節(jié)點。

圖4:添加節(jié)點

3.刪除節(jié)點

如需刪除節(jié)點,可使用shift+delete的組合鍵,該組合鍵可以只刪除節(jié)點不刪除路徑。刪除節(jié)點后,F(xiàn)igma會自動連接余下的節(jié)點。需要注意的是,如果僅按下delete鍵,會將整個圖形刪除。

圖5:刪除節(jié)點

二、 Figma怎么做漸變色

Figma可通過對象的填充功能,輕松制作漸變色。Figma不僅能制作簡單的漸變色效果,還能加入透明度變化效果,讓圖形的設(shè)計更顯美觀、夢幻。

如圖7所示,在Figma畫板插入圖形后,圖形默認(rèn)填充灰色。點擊色塊,可打開Figma的填充設(shè)置面板功能。

圖6:填充功能

在Figma的填充功能面板中,默認(rèn)打開純色填充色板,如圖7所示,將填充選項切換到“漸變”,即可制作漸變色填充效果。

在Figma漸變填充功能中,可通過設(shè)置漸變顏色、漸變范圍、透明度變化等屬性制作各種漸變效果。


圖7:漸變填充

?Figma提供的漸變效果包括線性、徑向、角度、菱形漸變四種。本文會以線性漸變?yōu)槔檀蠹以趺催M行Figma的漸變效果制作。

圖8:漸變類型

首先,如圖9所示,在漸變填充設(shè)置功能中,點擊色條下方的第一個方形色塊,展開Figma的色板,可進行第一個漸變色的設(shè)置。


圖9:展開色板

在Figma的色板中,如圖10所示,選取色條上的顏色,如需添加透明度變化,可移動色條下方的透明度滑塊,將其設(shè)置到合適的數(shù)值。

如果漸變色中添加了透明度效果,其方形色塊上會出現(xiàn)透明圖示(即包含灰白格子的圖示)。

圖10:設(shè)置第一個顏色與透明度

重復(fù)以上操作,進行第二個漸變色的設(shè)置。如圖11所示,在設(shè)置漸變效果的過程中,我們可以在圖形上實時觀察到漸變填充的應(yīng)用效果。

圖11:設(shè)置第二個顏色與透明度

除了使用Figma默認(rèn)的雙色漸變效果外,我們也可以添加更多的漸變色,打造多色漸變效果。如圖12所示,點擊色塊列表右上角的“+”按鈕,可在色條中間添加漸變色。


圖12:添加漸變色

Figma默認(rèn)按照50%的漸變色范圍布置顏色,如需調(diào)整該比例范圍,如圖13所示,可以在色條上移動顏色方塊,或者直接調(diào)整色塊列表上的百分?jǐn)?shù)值。

圖13:移動色塊

三、小結(jié)

以上就是關(guān)于Figma怎么編輯圖形形狀,F(xiàn)igma怎么做漸變色的相關(guān)內(nèi)容。無論是插入的圖形,還是通過鋼筆工具繪制的圖形,均可運用雙擊圖形的方式打開圖形編輯模式,進行圖形的節(jié)點、路徑的編輯。Figma的漸變色融合了漸變與透明度的填充效果,能讓圖形的設(shè)置更顯美觀。大家在設(shè)計圖形時,不妨嘗試一下相關(guān)的功能。











文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC