見出し画像

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

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

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

画像1

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

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

スクリーンショット 2022-03-01 16.53.22

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

スクリーンショット 2022-03-01 16.41.32

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

スクリーンショット-2022-03-01-16.41.56


画像7

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

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

スクリーンショット 2022-03-01 16.40.28

スクリーンショット 2022-03-01 16.40.38

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

スクリーンショット-2022-03-01-16.41.03


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


補足1

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

画像9

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

画像10


補足2

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

スクリーンショット 2022-03-01 17.32.28

画像12


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

画像13



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

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

この記事が参加している募集

サポートしていただいた売り上げは、全額を、次の作品制作のための画材を買ったりなどの制作資金とさせていただきます。いつもご覧いただき、ありがとうございます!