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