Sketch3で透過部分をトリミングしないでエクスポートする
内容
- Sketch3で上下左右に余白(透過)がある画像を書き出す場合、透過部分がトリミングされてしまう
- トリミングしないで画像を書き出したい
現状
- 余白を含めた画像サイズは360 x 360
- この画像を選択し
Make Exportable
>ナイフボタン
を押すと、Trim Transparent Pixcels
といったオプションがあるのだが、このオプションがオフでもトリミングされてしまう - このまま書き出すと、画像サイズが316 x 316になってしまう
解決策 その1
- 該当画像を選択
option + A
を押し、右上のAround Selection
をクリック- Artboardが追加されるので (必要であればArtboard名を変更する)
- Artboardを選択し、
Make Exportable
をクリック - 書き出す
解決策 その2
option + R
などからRectangleを作成し、サイズを書き出しサイズにする- Rectangleの色を透過にする
- 該当画像とRectangleの位置をあわせ
command + G
でグループ化する - Group配下のRectangleを選択し、
Make Exportable
をクリック (注意: Groupを選択ではない) - 右下にある
ナイフボタン
を押す - Rectangleと同サイズの書き出しエリアが作成される
- 書き出す