Axure 原生照片遮罩

新文章位置，請大家多多支持

適用環境：AxureRP8 以上

Axure 其實原生沒有支援遮罩的功能，這讓許多用習慣 Mask 的設計師來說，這樣的功能比較不方便一點；如果要使用遮罩以下幾種方法：

1. 自己在 Sketch 做出帶有半透明遮罩的.png檔然後丟進 Axure 裡面使用

*注意：如果使用直接複製貼上的 Sketch 外掛是不會有效的

優點：
可以用自己想要的圖形下去做遮罩，直接使用圖檔會是比較理想的作法。
缺點：在網頁上有可能失真的情況下，不得不把圖片做得更大，進而影響網頁效能

2.使用簡單圓形遮罩

圓形遮罩是最常使用的遮罩，在Axure裡面雖然沒有Mask功能，但至少有『圓角』這個東西吧！

圖片丟進去從角落開始拉就可以對圖片產生圓角

做好圓角後把圖片調整長寬一致就可以完成一個漂亮的圓形遮罩

優點：
圖片可以做到比較小相對方便
缺點：圓形是目前唯一能辦到的圖案

範例網頁 https://jxzybo.axshare.com/#c=2

如果喜歡 Axure Geek 的內容，請用 👏 給我們支持與鼓勵，能分享更好！
最多可以 👏 50下哦！