在做PPT設(shè)計(jì)或是平面設(shè)計(jì)、UI設(shè)計(jì)的過(guò)程中，設(shè)計(jì)師經(jīng)常要用到圖片填充功能，就是將圖片填充到形狀各異的圖形中。Figma是近年來(lái)非常熱門(mén)的在線UI設(shè)計(jì)工具，但有些新入門(mén)的小伙伴還不清楚在Figma圖片嵌入到框內(nèi)怎么做。本篇文章，我們將向你分享最簡(jiǎn)單的Figma圖片嵌入填充方法，趕快收藏起來(lái)吧！
1. Figma如何把圖片嵌入框內(nèi)
Figma圖片嵌入框內(nèi)的方法通常有兩種：
方法一：通過(guò)頂部的「Use as Mask」將圖片嵌入形狀：
打開(kāi)Figma后，使用形狀工具隨便繪制一個(gè)圖形，這里我們以圓形為例。然后點(diǎn)擊插入圖片，直接將圖片拖動(dòng)至圓形中并同時(shí)選中，最后點(diǎn)擊頂部菜單的「Use as Mask」按鈕，圖片就嵌入成功啦。
方法二：點(diǎn)擊形狀，然后選擇嵌入填充方式為圖片：
同樣的，打開(kāi)Figma后，使用形狀工具隨便繪制一個(gè)圖形，如三角形。然后在右側(cè)的圖形嵌入填充中選擇「Image」Figma圖片嵌入填充，上傳需要嵌入的圖片即可。
2. Figma基礎(chǔ)圖形與填充模式
首先，在Figma圖片嵌入填充之前，我們需要先了解Figma漢化版Pixso有哪些嵌入填充模式以及自帶哪些基礎(chǔ)圖形。作為一款專業(yè)的UI設(shè)計(jì)工具，圖片嵌入填充是其中非；A(chǔ)的功能之一，F(xiàn)igma、Photoshop、Pixso等設(shè)計(jì)工具都有這個(gè)功能？紤]到Figma全英文的操作界面以及軟件的穩(wěn)定性較弱，在此我們以被稱為“Figma漢化版”的Pixso為例，談?wù)劯嚓P(guān)于Figma圖片嵌入填充的方法。
可以看到，F(xiàn)igma漢化版Pixso提供6種初始圖形形狀，包括：矩形、直線、箭頭、原型、多邊形和星型。但其實(shí)通過(guò)拖動(dòng)圖形控制點(diǎn)或使用鋼筆工具、布爾運(yùn)算、調(diào)整圖形半徑等，我們還能在Pixso中創(chuàng)建更加多樣化的圖形。而在Figma圖片嵌入填充模式中則有適應(yīng)、填充、裁剪和平鋪4種，設(shè)計(jì)師可以根據(jù)需要自由調(diào)整，這幾種嵌入填充模式具體區(qū)別如下：
將Figma圖片嵌入填充完成以后，Pixso還提供強(qiáng)大的圖片編輯能力，能夠調(diào)整圖片的曝光、對(duì)比度、飽和度、色溫、色調(diào)、色相等，為圖片生成特殊效果。
3. 更簡(jiǎn)單的Figma圖片嵌入方法
在Figma漢化版Pixso中，Figma圖片嵌入填充的方式非常靈活，你可以從中選擇最適合自己的一種：
方法一：截圖+粘貼，一鍵完成圖片填充
打開(kāi)Figma漢化版Pixso工作臺(tái)，從「形狀工具」中選擇「矩形」工具，或使用快捷鍵「R」創(chuàng)建一個(gè)矩形，然后在電腦中截好需要嵌入填充的圖片后，返回Pixso工作臺(tái)，選中矩形后將截圖粘貼到矩形中，即可完成Figma圖片嵌入填充。
方法二：圖形+Pexels插件，批量完成圖片填充
Pixso內(nèi)置Pexels圖庫(kù)插件，里面的圖片都是高質(zhì)量且免費(fèi)可商用的，當(dāng)我們需要批量的使用圖片嵌入填充時(shí)，不妨結(jié)合Pexels插件一起使用，再也不用擔(dān)心圖片素材“荒”了！
例如：當(dāng)我們需要春節(jié)相關(guān)的圖片時(shí)，可以先利用Pixso的形狀工具創(chuàng)建若干個(gè)圓形，然后單擊右上角的插件按鈕，選擇Pexels插件，在搜索框中輸入「春節(jié)」，然后點(diǎn)擊圓形，再點(diǎn)擊Pexels中選擇好的圖片，圖片就自動(dòng)嵌入填充到圓形中了。剩余的圖形也依次操作，這樣很快就可以批量完成Figma圖片嵌入填充啦。
方法三：創(chuàng)建蒙版
在Pixso工作臺(tái)中用形狀工具創(chuàng)建好星形后，選中形狀，點(diǎn)擊右鍵或在頂部欄中找到「創(chuàng)建蒙版」或使用快捷鍵（Ctrl+Alt+M或Command+Option+M）。然后將圖片拖動(dòng)到蒙版圖層的前面，這里要注意使用蒙版不透明度必須大于0%才能正常顯示效果和蒙版對(duì)象。
至于上文提到的在Figma中嵌入圖片的兩種方法，即：點(diǎn)擊形狀后選擇嵌入填充方式以及運(yùn)用布爾運(yùn)算的方式等，在Figma漢化版Pixso中同樣也是行得通的，并且Pixso全中文的語(yǔ)言環(huán)境對(duì)于國(guó)內(nèi)設(shè)計(jì)師來(lái)說(shuō)更友好，操作也更加便捷。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。