品牌型號(hào)：聯(lián)想GeekPro 2020
系統(tǒng)：Windows 10 64位專業(yè)版
軟件版本：Figma入門版
除了通過繪制矢量圖形的方式進(jìn)行產(chǎn)品設(shè)計(jì)外，Figma也能通過導(dǎo)入圖像文件的方法讓產(chǎn)品設(shè)計(jì)更顯多樣化。Figma中插入的圖片，既可以直接使用在產(chǎn)品設(shè)計(jì)中，也可以作為繪制圖形的填充物使用。本文會(huì)給大家介紹Figma填充圖片怎么調(diào)整大小，Figma填充圖片后不能調(diào)整位置嗎的相關(guān)內(nèi)容，感興趣的小伙伴一起來學(xué)習(xí)下吧。
一、Figma填充圖片怎么調(diào)整大小
Figma填充圖片是通過圖形填充功能進(jìn)行操作的，接下來，我們會(huì)簡(jiǎn)單演示一下Figma怎么填充圖片，以及填充圖片怎么調(diào)整大小。
首先，如圖1所示，使用Figma底部的工具欄繪制一個(gè)橢圓形。
圖1：繪制橢圓
完成橢圓的繪制后，選中圖形，如圖2所示，在右側(cè)的設(shè)計(jì)面板中找到填充功能。Figma默認(rèn)為圖形填充純灰色，點(diǎn)擊左側(cè)的灰色色塊，即可展開填充面板功能。
圖2：填充功能
如圖3所示，在Figma的圖形填充功能中，可使用純色、漸變色、圖像、視頻素材作為填充物。如需使用填充圖片功能，可以在中間的選項(xiàng)中點(diǎn)擊“圖片”按鈕。
圖3：填充面板
打開圖片填充功能后，如圖4所示，點(diǎn)擊中間的“從電腦上傳”按鈕，打開本地設(shè)備的資源瀏覽器，并上傳目標(biāo)填充的圖片。
圖4：圖片填充
圖片上傳后，如圖5所示，F(xiàn)igma會(huì)自動(dòng)將圖片填充到圖形中。填充后的圖片可通過下方的調(diào)整參數(shù)進(jìn)行曝光度、對(duì)比度、飽和度、白平衡等增強(qiáng)效果的設(shè)置。
圖5：上傳圖片
如需調(diào)整填充圖片的大小，如圖7所示，可以通過調(diào)整圖形大小的方式實(shí)現(xiàn)。
圖6：調(diào)整圖形大小
如果只想調(diào)整填充圖片的大小，但不想調(diào)整圖形的大小，如圖7所示，可將填充方式設(shè)置為“平鋪”，然后再調(diào)整圖片大小。除了平鋪方式外，F(xiàn)igma也能設(shè)置適應(yīng)、裁切等填充方式。
圖7：填充方式
在平鋪方式下，如圖8所示，可通過設(shè)置上方的百分比數(shù)值調(diào)整填充圖片的大小。
圖8：平鋪填充
?二、Figma填充圖片后不能調(diào)整位置嗎
Figma圖形填充圖片后，在圖層結(jié)構(gòu)中仍然是獨(dú)立的圖形對(duì)象。因此，可以通過鼠標(biāo)移動(dòng)的方式自由調(diào)整其位置。
圖8：移動(dòng)圖形
三、Figma怎么用蒙版實(shí)現(xiàn)圖片填充效果
除了填充功能外，Figma還能通過蒙版功能實(shí)現(xiàn)圖片填充的效果。相對(duì)于填充功能，蒙版的靈活性更強(qiáng)，可以自由地調(diào)整圖片的大小以及圖片顯示的區(qū)域。那么，F(xiàn)igma怎么用蒙版實(shí)現(xiàn)圖片填充效果？下面給大家簡(jiǎn)單演示一下操作。
首先，如圖9所示，使用Figma底部的插入功能，插入一個(gè)圓形以及一張圖片作為素材。為了實(shí)現(xiàn)蒙版效果，需要將圓形與圖片疊放在一起，形成遮擋的效果。
圖9：素材準(zhǔn)備
完成素材的準(zhǔn)備后，如圖10所示，在Figma左側(cè)圖層面板中右擊圓形圖層，并選擇“設(shè)為蒙版”選項(xiàng)。
圖10：設(shè)為蒙版
完成以上操作后，如圖11所示，圓形圖層會(huì)自動(dòng)添加一個(gè)父級(jí)蒙版組，此時(shí)圓形圖形已轉(zhuǎn)換為蒙版。為了實(shí)現(xiàn)圖片填充的效果，需要將圖片圖層移動(dòng)到蒙版組中，注意圖片圖層需放置在圓形圖層上方。
圖11：移動(dòng)圖層
如圖12所示，在左側(cè)圖層面板看到，圖片與圓形圖層均在蒙版組中，且圖片圖層在頂層。在右側(cè)設(shè)計(jì)面板看到，圓形作為蒙版遮擋了部分圖片，從而構(gòu)建處圖片填充的效果。
在上述操作中，圖片作為獨(dú)立的元素存在，因此可以自由地調(diào)整大小與位置。
圖12：蒙版效果
四、小結(jié)
以上就是關(guān)于Figma填充圖片怎么調(diào)整大小，F(xiàn)igma填充圖片后不能調(diào)整位置嗎的相關(guān)內(nèi)容。如果是通過Figma的填充功能構(gòu)造圖片填充效果，僅能通過調(diào)整圖形來調(diào)整填充圖片的大小與位置；如果是通過蒙版功能構(gòu)造圖片填充效果，圖片作為獨(dú)立的元素，可自由地調(diào)整大小與位置，不受圖形的約束。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。