【 Figma 外掛 】10 秒幫圖片上馬賽克、高斯模糊
在煩惱如何使用最快速的方式將圖片上馬賽克或高斯模糊等效果嗎？
本篇文章將教你：只要使用 Figma 的 Photopea 外掛，就能在 10 秒內幫圖片上好馬賽克、高斯模糊等等效果。
只需要用到唯一軟體工具 — Photopea，就能輕鬆完成！
成果
大概花 3 分鐘熟悉一下 Photopea 這個外掛，後續實作只要花 10 秒就好。
有哪些好處？
- 免費使用，不用花費買 Photoshop。
- 不用安裝任何軟體。
- 打開 Figma 就能用，而 Figma 也是免費的。
- 操作方式跟 Photoshop 一樣，無痛學習。
以下是教學步驟：
🎯 啟用 Photopea
➊ 打開 Figma。
➋ 準備好要修改的圖片影像，並點擊選取 ( 呈現藍框 )。
( 建議操作前先將圖片複製一份！ )
➌ 搜尋「photopea」，點擊「Run」。
➍ 自動打開視窗後，可以看到介面和 Photoshop 很像，有用過 PS 的設計師會很容易上手。
( 缺點是視窗尺寸不能調整，畫面滿窄的。不過可以調整右側的介面。)
➎ 選擇「選取工具」，框選要修改的部分。
以下圖例子，框選其中一顆骰子。
選取後就可以來進行修改。
🎯 圖片馬賽克
➊ 開啟馬賽克效果
點擊上層選單中的「filter」，選擇「Pixelate ( 點陣化 )」，選擇「Mosaic… ( 馬賽克 )」。
( 記得要選擇圖層，不然會沒有反應！ )
➋ 調整馬賽克
操控拉桿控制馬賽克的顆粒度大小，根據預覽畫面來調整，完成後點擊「ok」。
➌ 儲存檔案
找到上層選單中的「File」，點擊「Save」，就儲存成功啦！
➍ 確認
將 Photopea 關閉，確認圖片是否修改。
因為我們一開始有複製一份，可以很清楚比較是否為自己想要的效果。
取消選取方式：
- mac：command + D
- windows：ctrl + D
🎯 圖片高斯模糊
➊ 開啟模糊效果
點擊上層選單中的「filter」，選擇「Blur ( 模糊 )」，選擇「Gaussian Blur ( 高斯模糊 )」。
( 記得要選擇圖層，不然會沒有反應 )
➋ 調整高斯模糊
操控拉桿控制模糊效果，根據預覽畫面來調整，完成後點擊「ok」。
➌ 儲存檔案
找到上層選單中的「File」，點擊「Save」，就儲存成功啦！
➍ 確認
將 Photopea 關閉，確認圖片是否修改。
因為我們一開始有複製一份，可以很清楚比較是否為自己想要的效果。
🎯 收藏外掛
建議各位可以將這個功能收藏起來，因為實在太好用，才不會要用時忘記名稱又跑來看這篇文章。
➊ 在 Figma 的外掛列中，點擊 Photopea，進入外掛資訊。
➋ 點擊更多「…」，按下「Save」，即可收藏。
➌ 可以在外掛的「Saved」頁籤中找到收藏的所有外掛。
用途
UI UX 設計師在進行設計時，時常需要自行調整素材，如：
- 作品集中不可公開的商業機密
- 公開簡報中不可露出的他人照片、個資
- 其它任何需要微調的影像
簡單的影像處理，不再需要麻煩平面設計師或開啟 PS，只要使用 Figma 的 Photopea 的外掛就能完成。
除了馬賽克、模糊之外，其它筆刷、調亮、魔術棒、修復工具等等 Photoshop 的基本功能 Photopea 也都有具備。
而我在上一篇文章 — 【 Arc 瀏覽器 】Boost — 有點失望卻又期待的功能 之中，可以看到用到的圖片素材也都是用 Photopea 的功能修改的。
帶著走
想要用最快速且免費的方式將圖片上馬賽克或模糊？
- 開啟 Figma
- 開啟 Photopea 外掛
- 選取範圍
- 套用濾鏡效果
- 存擋完成！
想了解更多 Figma 密技？歡迎追蹤我，我會分享更多給你 👋
📕 好文章推薦給你
【 設計 QA 】被說設計速度太慢怎麼辦？社群設計師讚同的 3 步驟