回覆列表
  • 1 # 海星騎行

    用Slice (切片工具),可以匯出帶透明區域的PNG圖片,具體請看下面的圖示。這道題好像放了很久了,一直沒人回答,我發現關於 UI設計神器-Sketch方面的問題還是比較少的

    下面快速進入正題,來先放張Sketch新版的LOGO。

    1,直接選中圖形匯出,是會齊著圖形邊緣切圖匯出的。

    如下圖方法,注意看左側圖層列表

    切出圖片效果,透過預覽圖很容易看出,邊緣並沒有透明區域。

    2,用Slice (切片工具),快捷鍵S,調整切片大小,匯出帶透明區域的固定大小PNG圖片

    可以確保一個系列的圖示保持大小一致,尤其有些列表頁圖示,或者說是展異形的圖示。

    右側檢查器可以直接檢視切片預覽圖,不過這時候發現,並不透明,帶了背景顏色。沒關係,勾選右側檢查器Export group contens only (僅匯出組內容), 如下圖效果,這時候預覽圖帶透明區域了。

    最終匯出的切圖,大小一致。就這樣了,隨便挑了幾個顏色圖形做了個演示。

  • 2 # 大話建站

    可以把png放到ps開啟,然後修改畫布大小,達到增加透明區域的目的。

    ps也好,sketch也好都是會自動去掉透明區域的,有時候我們切了一組圖示,大小不一,我們會選擇把圖片再放到ps裡面,修改圖片畫布大小,來統一尺寸

    希望幫得到你

  • 中秋節和大豐收的關聯?
  • 你怎麼看待搜狗在第四屆網際網路大會上的黑科技同聲傳譯?