【解決】illustrator(イラレ)でpngがガビる・変になる・うまく書き出せない

「pngで書き出したのになんか設定した覚えのない白いフチ(?)が・・・」
とか、
「pngで背景なしで透視化できてるはずなのに透視化されない！」
とかよく起こるんですよ…。

たまに忘れるのでまとめておきます。

(1)左の画像を書き出したい場合

1.こちらが制作したデータ↓

2.
Macのショートカット
コマンド＋オプション＋シフト＋Sを同時押し、または、
ファイル＞書き出し＞web用に保存

3.これでpngが書き出せます。

(2)右の画像を書き出したい場合

1.
Macのショートカット
オプション＋コマンド＋Eを同時押し、または、
ファイル＞書き出し＞スクリーン用に書き出し

2.
・書き出したいアートボードにチェック
・書き出し先のフォルダを指定
・フォーマット「1×」（＝アートボード1倍という意味）

背景が白くなっちゃう〜！という場合でも、(2)で解決します。
個人的には、イラレでpngの書き出しをする時は基本的に(2)にした方が良いと思います。

補足1

ファイル＞書き出し＞書き出し形式
ですが、これはアートボード関係なくデータを書き出します。

書き出したpngはこんな感じ↓

補足2

アートボードが白いと、白い長方形があるのか、塗りつぶされているのか、何もないのか、わからなくなるので、
コマンド＋シフト＋D、または、表示＞透明グリットを表示で、切り替えできます。
便利。

以上、イラストレーターのpng保存方法でした。

▶︎「デザインについて」のマガジン◀︎

▶︎「初心者がボードゲームをゼロから創り上げるチャレンジ-まとめ」◀︎