品牌型號(hào)：聯(lián)想GeekPro 2020
系統(tǒng)：Windows 10 64位專業(yè)版
軟件版本：Figma入門版
Figma提供了高質(zhì)量的設(shè)計(jì)與交互功能，能實(shí)現(xiàn)實(shí)時(shí)的團(tuán)隊(duì)協(xié)作編輯，讓產(chǎn)品的設(shè)計(jì)變得更簡(jiǎn)單高效。Figma不僅擁有專業(yè)的矢量圖形設(shè)計(jì)功能，還能導(dǎo)入像素圖像作為設(shè)計(jì)元素，讓設(shè)計(jì)師能更好地發(fā)揮創(chuàng)造力，設(shè)計(jì)更多樣化的產(chǎn)品。接下來，本文給大家介紹Figma如何裁剪圖片，F(xiàn)igma怎么做遮罩的相關(guān)內(nèi)容。感興趣的小伙伴不容錯(cuò)過。
一、Figma如何裁剪圖片
作為一款優(yōu)秀的矢量圖形設(shè)計(jì)軟件，Figma既提供了豐富的矢量圖形設(shè)計(jì)功能，還提供實(shí)用的圖像編輯功能，可進(jìn)行圖像的裁剪、旋轉(zhuǎn)、后期調(diào)整等操作，以設(shè)計(jì)更具多樣性的產(chǎn)品。接下來，一起來看看Figma如何裁剪圖片。
首先，如圖1所示，展開底部的插入圖形菜單，選擇插入圖片。
圖1：插入圖片
插入圖片后，選中圖片作為當(dāng)前編輯對(duì)象，如圖2所示，點(diǎn)擊右側(cè)設(shè)計(jì)面板中的“裁剪”按鈕，打開裁剪功能面板。
圖2：裁剪功能
打開裁剪功能后，如圖3所示，圖片中會(huì)出現(xiàn)一個(gè)裁剪框，調(diào)整裁剪框的大小、位置，即可將圖片裁剪成所需的尺寸大小。
除了裁剪圖片的功能外，功能面板中還提供了曝光、對(duì)比度、飽和度、白平衡等后期增強(qiáng)參數(shù)的調(diào)整功能。
圖3：裁剪參數(shù)
在調(diào)整參數(shù)過程中，裁剪框內(nèi)的圖像效果會(huì)同步變化。比如圖4所示，將圖像的對(duì)比度、飽和度、陰影等參數(shù)進(jìn)行調(diào)整，讓圖像的色調(diào)更顯深沉。
圖4：調(diào)整參數(shù)
完成圖像的裁剪后，關(guān)閉Figma的裁剪功能面板，即可完成圖像的剪裁。如需再次調(diào)整圖像的裁剪范圍，只需重新打開Figma的裁剪功能面板，即可恢復(fù)圖像并再次調(diào)整。
圖5：完成裁剪
二、Figma怎么做遮罩
遮罩是一種可遮擋部分編輯對(duì)象的功能，常用于控制編輯對(duì)象的顯示范圍。Figma可通過填充以及設(shè)為蒙版兩種方法制作遮罩效果。
1.填充法
填充法，指的是Figma可利用填充圖形的功能，實(shí)現(xiàn)遮罩效果的方法。具體的操作是，如圖6所示，先在設(shè)計(jì)文件中繪制一個(gè)圓形，展開Figma底部的插入圖形工具，選擇橢圓形工具，即可繪制圓形圖形。
圖6：繪制圓形
完成圓形的繪制后，如圖7所示，選中圓形對(duì)象，在右側(cè)設(shè)計(jì)面板中，點(diǎn)擊填充功能中的“圖片”選項(xiàng)。然后在展開的填充面板中，選擇“圖片”選項(xiàng)卡，并點(diǎn)擊下方的“從電腦上傳”按鈕。
圖7：填充圖片
選擇合適的圖片上傳后，如圖8所示，圓形圖形會(huì)作為圖片的遮罩遮擋部分圖像，以構(gòu)造出圓形圖片的效果。
圖8：遮罩效果
2.設(shè)為蒙版法
設(shè)為蒙版法，是利用Figma的剪貼蒙版功能，將圖形設(shè)置為遮罩使用。具體的操作是，如圖9所示，先在設(shè)計(jì)面板繪制一個(gè)圓形，并導(dǎo)入一張圖片。無論是繪制圖形，還是導(dǎo)入圖片，均可在底部的插入圖形工具中進(jìn)行相關(guān)的操作。
圖9：繪制圖形與導(dǎo)入圖片
完成以上操作后，如圖10所示，F(xiàn)igma左側(cè)面板會(huì)自動(dòng)新增圖片與圓形圖形圖層。右擊圓形圖形圖層，在彈出的右鍵快捷菜單中，選擇“設(shè)為蒙版”功能，將圓形設(shè)置為剪貼蒙版。
圖10：將圓形設(shè)為蒙版
將圓形圖形設(shè)置為蒙版后，如圖11所示，圓形圖形所在的圖層會(huì)新增一個(gè)蒙版組，將上方的圖片圖層也移動(dòng)到蒙版組內(nèi)，并保持圖片圖層在圓形圖層上方。
圖11：移動(dòng)圖層
完成以上操作后，如圖12所示，圓形遮罩內(nèi)的圖像會(huì)顯示出來，圓形遮罩外的圖像會(huì)被遮擋。
圖12：遮罩效果
三、小結(jié)
以上就是關(guān)于Figma如何裁剪圖片，F(xiàn)igma怎么做遮罩的相關(guān)內(nèi)容。Figma可通過設(shè)計(jì)面板的裁剪功能，輕松裁剪圖片，并調(diào)整圖像的后期增強(qiáng)效果，也可通過圖形的填充以及設(shè)為剪貼蒙版的功能，制作圖形的遮罩效果，以控制圖像的局部顯示范圍，讓產(chǎn)品設(shè)計(jì)更具變化性。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。