MENU
お役立ち記事
【近日公開】AIが物件資料からSUUMO・at homeの入稿文を作成「入稿メイト」|先行登録受付中(無料)

イラストレーターの保存方法(PDF/JPEG/PNG)

はい!今回は肝心な、イラストレーターで作ったデータの保存方法をご紹介いたします。

今回ご紹介するのは、【PDF】【JPEG】【PNG】それぞれの保存方法です。

以前作成したクマ太郎を使って説明していきますね。

目次

PDF保存

はじめにPDF保存方法についてです。

PDFは他の人や取引先にデータ送付して、注釈をもらったりとオーソドックスなファイル形式ですよね。
アプリやハードウェアに依存しないので、そのままの内容を表示させられるのが特徴です。

まず、ファイルタブから【別名で保存】をクリックします。
するとエクスプローラーが開くので、保存する場所を指定して、【ファイルの種類】からPDFを選択します。

次にポップアップが開くので、ここでだいるサイズを設定しておきます。
デフォルトでは↓の画像のように【初期設定】になっているかと思います。

初期設定では、オプションの【Illustratorの編集機能を保持】にチェックが入っていますね。
これは、保存したPDFに不備があった場合など、無理やりイラストレーターソフトで開いた時にまだ編集がでくる状態での保存方法になります。

念いは念を、、で、編集機能は保持しておきたいところですが、作ったデータが複雑であればあるほどファイルサイズも大きくなってしまいます。

解決方法としては、イラストレーターのaiファイルもしっかり保存しておくことに加え

プリセットのプルダウンな中に【最小ファイルサイズ】がセットされているので、こちらを選択してみましょう。データサイズが圧縮されますよ!

【Illustratorの編集機能を保持】のチェックが外れていますね。
この時、【保存後 PDF ファイルを表示】にチェックを入れておくと保存が完了した際にPDFが開き確認することができ便利です。

こちらがPDF化したクマ太郎です↓↓

ファイルサイズが小さい場合は初期設定でOKです(*^^*)

次にやると早いこと

操作を1つずつ検索していると、どうしても抜けが残ります。ここから先に進むのに効くものを、安い順に挙げます。

◯△▢でつくる Illustrator描き方講座
◯△▢でつくる Illustrator描き方講座

丸と三角と四角の組み合わせだけで形を作っていく本です。ここで扱っている花や月と同じ考え方なので、1つ作れた人がそのまま次に進めます。

デザインの学校 これからはじめる Illustratorの本(2026年対応・改訂第10版)
デザインの学校 これからはじめる Illustratorの本(2026年対応・改訂第10版)

操作を1つずつ調べるのに疲れたら、一度通しでやるほうが早いです。10版まで続いている定番で、画面が今のバージョンに合っています。

Wacom Intuos Small ベーシック(ペンタブレット)
Wacom Intuos Small ベーシック(ペンタブレット)

マウスで描くのに限界を感じたら最初の1台。小さいサイズでも、線の入り抜きが筆圧で変わるので文字ロゴや吹き出しが描きやすくなります。

※ 本記事には広告(アフィリエイトリンク)が含まれます。紹介している商品は、記事の内容に関連するものを編集方針にもとづいて選んでいます。Amazonのアソシエイトとして、おかあさんのおうちは適格販売により収入を得ています。

この記事と関連の深い記事

同じテーマを別の角度から扱っています。

・イラストレーターにJPEG/PNG画像を入れよう!映える効果も紹介

JPEG保存

こちらはよく写真に使われているファイル形式ですね。
ファイルサイズをとっても小さく圧縮してくれて、グラデーションカラーなどに強いようです
強いよう、、とやや不安気味に書表現したのは、私の肉眼ではあまり細かいところの色味の違いはわからないことがあるためです(;’∀’)

また、写真ではなく私が使うイラストレーターデータの場合、あまりに小さく圧縮すると画像が荒くなってしまうことがあるのでJPEG指定がない場合はあまり使用しないのが本当のところです。

といっても、JPEG指定で入稿(HPのバナーなど)もよくあるので覚えておいてくださいね

まず、ファイルタブから【書き出し】→【スクリーン用に書き出し】を選択します。

すると↓の画像のようにポップアップが開くので、

①書き出し先のフォルダを選ぶ
②フォーマットを選択

します。

今回は拡大縮小のところを300ppiに設定しました。

300ppiは入稿指定によくある高解像度のサイズですね。プルダウンの【解像度】から設定できますよ

はい!これでJPEG保存完了です(*^^*)

PNG保存

最後にPNGの保存方法です。

PNGはJPEGよりファイルサイズが大きくなる傾向にありますが、何と言ってもその特徴は

背景を透明化して保存できるというところでしょう‼

切り抜き画像が保存できるんですよね、これはかなり便利です。
自分で作ったイラストをスタンプにしてみたり、オリジナル商品のロゴにしてみたり。。

例えばこんなかんじ↓↓

これがPNGの良いよころです☆

肝心な保存方法ですが、先ほどのJPEG保存と同様に【スクリーン用に書き出し】でポップアップを開きます。

そしてまず、背景を透明にして保存する設定をします。

すごく小さいんですが、↑画像の矢印の先に設定を示す【歯車マーク】がありますね。
ここを開きましょう。

開いたポップアップの【背景色】から【透明】を選択し【設定を保存】します。

これでPNGで保存したデータは背景が透明になります!
設定していないと背景が白で表示され、ほぼほぼJPEGと同じになってしまうので要注意です。

あとはJPEGと同じ要領で設定して最後、【アートボードを書き出し】で完了です。

PNG保存ができました☆

まとめ

ここでおまけのまとめです。

先ほど保存したそれぞれのファイルの違いを見ていきます。
まず開くのはPDF。

PDFを開くには【ファイル】→【開く】でファイルを選択します。

残りのJPEGとPNGファイルも開きます。
2つの開き方はコチラから確認できます。

陳列します。。。

ご覧の通り、左からPDF→JPEG→PNGの画像です。
PDFとJPEGの違いはこの画像では少しわかりにくいですが、JPEGの方は背景色(白)がついてますね。
PDFは囲ってある白枠部分も含めての1枚データになってます。
PNGは背景がなくクマ太郎だけが反映されてます☆

使用用途によって保存形式を変えてみてくださいね(*^^*)
※イラストレーターで使う場合はPNGが個人的にはおすすめです!

初めからチュートリアルを見返すにはここから辿っていけます♪

それでは~
SeeYou

Art-Pi

独学で「なぜこの作り方なのか」が埋まらないとき

操作の手順は調べれば出てきますが、どの場面でどの機能を選ぶのかは、記事を1本読むだけではつながりにくい部分です。デジタルハリウッドの通信講座はIllustrator・Photoshopを課題を作りながら進める形式で、つまずいた箇所を質問できます。講座内容と料金は無料で確認でき、個別相談会だけの参加もできます。

デジハリ・オンラインスクールの講座内容を見る

ソフトの契約がこれからなら、講座とAdobe Creative Cloud 1年分がセットになったコースもあります。
Adobe CC付きの講座を見る(アドバンスクールオンライン)

※ 上記リンクは広告(アフィリエイト)を含みます。

Googleで「おかあさんのおうち」の新着を優先表示する

災害・道路・住まいの新しい記事がGoogleのトップニュースに出やすくなります。ボタン1回で登録できます。

このページについて聞いてみる・教える

この街のことを知っている人が答えてくれるかもしれません。ニックネームだけで書けます。

投稿内容必須
0 / 2000
画像任意・2枚まで

位置情報(EXIF)は保存時に自動で削除します。表札・ナンバー・人の顔が写っていないか確認してください。

投稿すると利用上の注意に同意したものとみなします。

    まだ書き込みはありません。最初のひとことを書いてみませんか。

    個人が特定される内容(氏名・住所の番地・車のナンバー・電話番号)は書かないでください。 見つけた場合は各投稿の「通報」からお知らせください。 削除のご依頼はこちら

    よかったらシェアしてね!
    • URLをコピーしました!
    • URLをコピーしました!

    この記事を書いた人

    ハウスメーカー2社で営業職を経験し、不動産・建築の基礎を習得。
    その後、地域密着型の不動産会社にて営業事務として勤務し、
    契約書作成、ポータルサイト管理、物件情報の入力・更新など、
    実務全般に携わってきました。

    特に、ポータルサイトを「より魅力的に見せる工夫」や、
    反響につながる「分かりやすい間取り図作成」を得意としています。
    自分が関わった物件に反響があった時の喜びが、今の原動力です。

    現在は子育てのため一線を退いていますが、
    これまでの実務経験を活かし、
    フリーランスとして不動産会社様向けの
    バックオフィスサポート業務を開始しました。

    現場目線を大切にしながら、
    「早く・正確に・伝わる」業務サポートを心がけています。

    コメント

    コメントする

    目次