MENU
  • デザインのこと
    • デザインのコツ
    • デザイン時短テク
    • デザインで起業・副業
  • 制作ツールのこと
    • Photoshop
    • Illustrator
    • WordPress
    • STUDIO
    • Excel
  • 暮らしのこと
デザイナーやデザイン初心者の方向け。仕事を楽しくスムーズにできるためのコツ
デザインアンドミー
  • デザインのこと
    • デザインのコツ
    • デザイン時短テク
    • デザインで起業・副業
  • 制作ツールのこと
    • Photoshop
    • Illustrator
    • WordPress
    • STUDIO
    • Excel
  • 暮らしのこと
デザインアンドミー
  • デザインのこと
    • デザインのコツ
    • デザイン時短テク
    • デザインで起業・副業
  • 制作ツールのこと
    • Photoshop
    • Illustrator
    • WordPress
    • STUDIO
    • Excel
  • 暮らしのこと
  1. ホーム
  2. 制作ツールのこと
  3. Illustrator
  4. 【Illustrator】デザイン案の確認用のファイル形式と注意点

【Illustrator】デザイン案の確認用のファイル形式と注意点

2022 5/17
PR
Illustrator デザインのコツ
2022年5月13日2022年5月17日
Illustratorからデザイン案用データの作成方法

Illustratorで作成したデザイン案をクライアントにメールでお送りするとき、その作成方法と現場でこんなことに注意するべき、と思った経験談をシェアします。

デザイン案の確認用の代表的なファイル形式は以下の3つになると思います。

  1. PNG形式
  2. JPEG形式
  3. PDF形式

それぞれ説明していきます。

目次

PNG形式

IllustratorからPNGファイルの作成方法

「ファイル」>「書き出し」>「書き出し形式…」を選択します。

「ファイルの種類」からPNGを選択。
アートボードごとに作成にチェック。
すべてのアートボードを書き出すか、範囲を指定するか選択します。

「書き出し」をクリックすると「PNGオプション」が表示されます。

解像度について

主に使うのはこの3つです。

スクリーン(72ppi)

web用のバナーなどを作成したときに。
A2サイズ以上のポスターや看板など大きいサイズのものに。

標準(150ppi)

目安としてB5~A3サイズのチラシやリーフレットなどの印刷物に。
確認用ですと150ppiで充分だと思います。300ppiにするとデータが重くなり、メールで送るには適さなくなる場合があります。

高解像度(300ppi)

DMなどのはがきサイズ、名刺サイズなど小さいサイズのものに。
作成したPNGファイルをお客さまへ送付し、クライアント側でPCで確認する際、プレビュー画面で拡大されて文字が荒れて読みにくくなってしまうため、高解像度で作成します。

アンチェリアスについて

「文字に最適」を選択します。
「アートに最適」ですと文字が切れたりして書き出されてしまいます。

背景色について

デザイン案をPNGで書き出す場合は「ホワイト」を選択します。

設定が終わったら「OK」をクリックするとPNGデータが書き出されます。

JPEG形式

IllustratorからJPEGファイルの作成方法

PNGと同様に「ファイル」>「書き出し」>「書き出し形式…」を選択します。
ファイルの種類から「JPEG」を選択します。

「書き出し」をクリックすると「JPEGオプション」が開きます。

「圧縮方式」はベースライン(標準)

「解像度」に関してはPNGと同じ考え方です。

「アンチエイリアス」はこちらもPNGと同じで「文字に最適(ヒント)」を選びます。

ICCプロファイルを埋め込むにチェックを入れる


お客さまにJPEGデータで提出するときは、「カラーモード」がRGBでもCMYKでも「ICCプロファイルを埋め込む」にチェックを入れます。

ここにチェックが入っていないと、自分のPCで確認している色味と、それ以外の、例えばお客さまのPCやスマホで確認した際の色味が変わってしまいます。

Illustration by イラストAC

PDF形式

IllustratorからPDFファイルの作成方法

「ファイル」>「別名で保存」>「Adobe PDF」を選択します。

覚えておきたいショートカット

別名保存(Ctrl+Shift+S)

「Adobe PDFプリセット」の【PDF/X-1a:2001(日本)】を選択します。

次に、メールで送るためにデータを軽くする設定をします。

左側の「圧縮」メニューをクリック。

「カラー画像」の「ダウンサンプル(バイキュービック法)を150ppiに。
(デザインの確認用でしたら150ppiで充分だと思います。データが重くなってしまう場合はもっと低い数字にしてください)

「圧縮」は自動(JPEG)

「画質」は「最低」~「最高」まで選択できますので、データによって重くなりすぎないよう、そして画像が荒くなりすぎないよう適宜選択してください。

注意:PCのモニターやスマホの液晶、プリンターや用紙によっても色味が変わることを事前にご説明する。

校正をしていただいてOKをいただき、いざ印刷物が上がってくると、今まで見ていたデザインカンプとは色味が違うとい印象をもたれることも多いです。

校正はPCのモニターやスマホの液晶、またはお持ちのプリンターや用紙で印刷されて確認されていると思います。

実際の印刷は機械も用紙も異なりますので、色味が変わります。

その点をあらかじめクライアントに説明しておく必要があります。

仕上がりの色味が心配な場合は、印刷所に色校正を依頼することをおすすめします。

別途料金となり、納期もかかりますが、私は仕上がりが心配なので毎回色校正をしています。

注意:aiデータでは送らない。

当然ですが、知らない方もいるかもと思いまして…aiデータは、Illustratorでしか開けません。

クライアントがIllustratorを持っていなければ開けず確認できません。プレビューも出来ません。

そして、データが重いため、デザインの確認のみという目的でしたらメールで送られた方も迷惑です。

また、aiデータというものは、デザイナーにとっての途中成果物であり再編集できる大事なデータです。

それを譲渡する際は、権利の考え方は様々で、クライアントに求められたら無料でお渡ししている制作会社もありますが、事前に取り決めをして、有料で買い取りしてもらうという制作会社もあります。

あなたが一生懸命制作したaiデータをクライアントに渡した場合に、もっと安くやってくれるという他社のデザイナーさんに譲渡されることも可能性として考えられます。

流用されて、もうあなたのところには仕事の依頼は来ないかもしれません。

aiデータはそれくらい扱いに気を付けるべきものです。

Illustrator デザインのコツ
Illustrator デザイン案
  • URLをコピーしました!
  • 女性デザイナーが厳選!サロン向けのおしゃれな無料素材【写真AC】
  • 【フリーランスデザイナー】やっていない制作メニューを依頼されたら

関連記事

  • 【illustrator】文字にグラデーションがかけられない時の解決法【アピアランスの使い方】
    2025年1月9日
  • イラストレーターで写真を簡単にイラストにする方法
    Illustratorで写真を簡単にイラストにする方法
    2024年12月4日
  • illustratorで写真の周りをぼかす方法
    【Illustrator】写真の周りをぼかす方法
    2024年11月20日
  • イラレの埋め込み画像を取り出す方法
    【Illustrator】画像の埋め込みを解除して画像ファイルを取り出す方法
    2024年8月28日
  • illustratorで単位を簡単に変更する方法
    Illustratorの単位をmm(ミリ)からpx(ピクセル)に変更する方法
    2024年6月19日
  • 画像の余白はカットしてデータを軽くしよう!という話
    2024年5月28日
  • Photoshopで画像の背景を簡単に伸ばす方法
    【Photoshop】画像の背景を簡単に伸ばす方法
    2022年5月28日
  • サロン向けフリー写真無料素材
    女性デザイナーが厳選!サロン向けのおしゃれな無料素材【写真AC】
    2022年5月12日
人気記事
  • Excelで見やすい表を作るコツ
    Excelの表を見やすくするコツ【デザイナーが教えます】
    2024年6月24日
  • illustratorで写真の周りをぼかす方法
    【Illustrator】写真の周りをぼかす方法
    2024年11月20日
  • イラストレーターで写真を簡単にイラストにする方法
    Illustratorで写真を簡単にイラストにする方法
    2024年12月4日
  • Illustratorタブの使い方
    【Illustrator】飲食店のメニューを作るなら覚えておきたいタブの使い方
    2022年5月6日
  • イラレの埋め込み画像を取り出す方法
    【Illustrator】画像の埋め込みを解除して画像ファイルを取り出す方法
    2024年8月28日
新着記事
  • 【illustrator】文字にグラデーションがかけられない時の解決法【アピアランスの使い方】
  • イラストレーターで写真を簡単にイラストにする方法
    Illustratorで写真を簡単にイラストにする方法
  • illustratorで写真の周りをぼかす方法
    【Illustrator】写真の周りをぼかす方法
  • Photoshop ツールバーが消えたとき
    Photoshopのツールバーが消えたときの原因と再表示方法
  • SWELLアフィリエイトの始め方
    SWELLアフィリエイトの始め方【サイドバナーへの貼り方も解説】
カテゴリー
  • Excel
  • Illustrator
  • Photoshop
  • STUDIO
  • SWELL
  • WordPress
  • デザイナーになるには
  • デザインで起業・副業
  • デザインのコツ
  • デザイン時短テク
  • ブログ運営
  • 制作ツールのこと
  • 暮らしのこと
アーカイブ
  • 2025年1月
  • 2024年12月
  • 2024年11月
  • 2024年8月
  • 2024年7月
  • 2024年6月
  • 2024年5月
  • 2024年2月
  • 2022年5月
  • 2022年4月
  • 2022年3月
  • 2022年2月
  • Home
  • About me
  • プライバシーポリシー
  • お問い合わせ
  • にほんブログ村

© Design&Me デザイナーやデザイン初心者の方向け。仕事を楽しくスムーズにできるためのコツ。

目次