Photoshopでイラストを描き、 Illustratorでレイアウト時の疑問について

質問

いつもお世話になっております。
よろしければアドバイスをよろしくお願い致します。

今回の質問なのですが、
ハガキ(横)に印刷するのを目的で1748px×1181px(300dpi)で
イラストを描きました。それで最後はIllustratorで枠やテキスト
を配置して、JPGで書き出す予定でいます。そこでIllustratorに
移る時にどうしても分からないところがでてきました。

(1)Photoshopと同じ感覚で新規アートボードを1748px×1181px作り
書き出したJPG画像を『配置』したところ、アートボードと
イラストのサイズが全く合っていません。JPG画像が非常に
小さくなってしまっていました。

これはどうしてなんでしょうか？

(2)改めて新規アートボードを148mm×100mmに余白3mmを足した
154mm×106mmにして『配置』すると思い通りぴったりに
配置されました。

(1)(2)どちらもデータ書きだし→解像度300で保存すると1748px×1181px
になってくれるのですが、(1)の方法でどうしてアートボードが
とても大きく、イラストがとても小さく見えるように配置されたのが
理解できません、ぜひ、教えていただきたく思います。

すいません、ちゃんと説明できてますでしょうか…。

ちょっと余談になりますが、普段はPhotoshopオンリーでイラスト
を描いてましたが、Illustratorで作った作品集の本を見ると、この
ソフトで出来ることの素敵さにとても魅力を感じていて、これからは
サイトで展示するWEB用イラストでも、ぜひこの二つのソフトの得意分
野を使って連携させて一つのイラストを仕上げてみたいと思ってい
るのですが、今回の質問をちゃんと理解してないとこの先、何度も
分からない部分が出てきそうで困ってます。レイヤーを保持したまま
PSDで書き出してイラストレーターで読み込んで、その場でレイアウト
しても、うまく連携できそうですが、質問の疑問が気になっています。

よく、壁の模様や規則的なテクスチャ等をイラストレーターで作り
フォトショップでイラストにペーストして…、というような製作過程
を見るのですが、今回の質問での疑問の『大きさ』が漠然として
しまって、どんなサイズで作ればいいのか？分からないです。

ちなみに、もしこの二つのソフトの得意分野を使ってソフトを
連携させて一枚のイラストを制作されてる方が見ていただいてい
ましたら、(自分は描き塗りはフォトショップで、規則的な模様や
ベクターが合うパーツはイラストレーターで作って合成したいなと
思っているのですが)一枚を仕上げる流れといいますか…
どのように要領よく連携させて仕上げていらっしゃいますか？

長くなってしまいましたが、読んでいただいてありがとうございます。
よろしくお願い致します。

回答No.4

noname#107580 · ベストアンサー

こんにちは！

確かにややこしいですよね＾＾
まず理解すべきことは・・
フォトショップはラスターイメージ（点の集まりで表現されている）で
イラストレータはベクターイメージ（描画したものの太さとか色とかを数値で表現）であるということです。
その中に画像など（ラスターイメージ）を挿入した場合、その個々の解像度の指定が必要になります。

今回はハガキに印刷したいので・・・・
＞フォトショップで1748px×1181px(300dpi)でイラストを描きました。
（家庭用プリンターの場合150～200で十分ですが・・今は無視します）

まず、ハガキ長辺の148mmだけで考えてみます。

フォトショップの場合ピクセルの集まりですから、印刷するには、そのピクセルをどのぐらいの密度で印刷するかを指定します。

300dpiで印刷したいということは・・・
【１インチ＝2.54センチ】の中に300ピクセル詰め込んで印刷したいということ・・
長辺を148mmにしたいのなら・・・
148mm＝5.827インチ？ですから、長辺は300×5.827で1748ピクセル必要になります。

なので・・「1748px×1181px(300dpi)でイラストを描きました。」で問題はありません。

イラストレーターの場合は【ピクセルの集まりではないので解像度の指定は必要ありません】
新規作成のときにアートボードで印刷のサイズを指定します。
（今回はトリムエリアなどのことは無視して考えます）
繰り返すとフォトショップは解像度で印刷サイズを決めますが、イラストレータはアートボードでサイズを決めます。
つまりハガキサイズの148mm×100mmを指定しました（２の方）
その中にフォトショップで書き出した「これは300dpiですよ～」と指定されたオブジェクトを挿入しました。
1748px×1181pxがちょうど148mm×100mmになるように300dpiに指定してありますので、当然ぴったりと一致します。

新規作成でアートボードサイズを1748px×1181pxで作った場合・・これはどういうことかというと・・
1748px×1181pxのピクセル数と考えるとややこしくなるので、普通は使いませんが1748px×1181pxの印刷サイズを指定した・・と思ってください。
つまり、1インチ＝７２ピクセル＝2.54センチですので・・センチで換算すると
1748px×1181px＝61.67cm×41.66cmの印刷サイズを指定したことになります。
（ちなみに148mm×100mmの方はピクセルに換算すると約419pxの283pxになります）
長辺61.67cmの中に・・・（あ・・mmとcm間違えた・・＾＾；）えっと・・・

長辺616.7mmの中に、148mmに指定したオブジェクトを挿入しましたので当然小さくなります。

＞「情報」パレットで実際の画像の横・高さ見ると、419pxの283pxで実際小さくなっていました。

これは、イラストレーターにピクセル表示の指定をしていますので、その挿入した画像の持っているピクセルのことではなくて、画像の表示されているサイズが419pxの283pxということです。
1748px×1181px(300dpi)の画像が419pxの283pxの大きさで表示されている・・ということです。

ちなみにそれを印刷すると・・61.67cm×41.66cmの真ん中にハガキサイズの画像のあるものが印刷されます。
Web用などで書き出す場合は見たままのピクセルとして書き出されますので1748px×1181pxのサイズで書き出されます。
その書き出したファイルの小さくなったイラストの画像からは1748px×1181px(300dpi)の情報は無くなって、ただの419pxの283pxの画像になります。

お礼

こんばんわ！
まず、yayopixさまのとてもご丁寧な優しいご対応にお礼を！
とても感激いたしました、本当にありがとうございます^^！

今回の疑問を全て明確に答えていただいて、
そしてすごくご丁寧で、分かりやすいアドバイスに
本当に感謝の気持ちでいっぱいですーーー(涙)
あぁ…回答を締め切らなくて良かった…

イラストレーターの解説書を読んでみても、
『1748px×1181pxのピクセル数で考えるのはややこしい…』
↑このような自分のまだまだ未熟な知識でしてしまうこと、
「普通ならしない」ということを予期して解説していないので
(当たり前ですが^^;)今回、ここで質問してまさにダイレクトに
自分の疑問や、正しい考え方はこうだ、と教えていただけて
本当に質問してよかったぁ…勉強になったなぁ…と感激してます！

【１インチ＝2.54センチ】での考え方も今回の私の作例を出して
計算していただいて、計算のやり方も教えていただいて
すごくスムーズに頭に入ってきました。

今も何度もじっくり読み返してます。この考え方で他のサイズなら？
って色々計算してみたので、ちゃんと頭に入ってきました♪

憧れはあったものの、どうしてもこの解像度等難しくて
やらず嫌いになってイラストレーターが身近に感じてきました。

何度もしつこくてウザくて申し訳ないです、もう一度…
本当にありがとうございました！助かりましたーーー♪！！

回答No.3

noname#107580

こんにちは！

もうちょっと締め切らないでまっててくださいね＾＾

回答No.2

draft4

解像度ってのは用紙サイズに対して使用する用語なんです。
ピクセル寸法には使いません

何センチｘ何センチ、○○dpiて使い方をしますが
○○pxＸ△△px（300dpi）という使い方はしません。

二つのソフトで相互にデータのやりとりをする時は、基本となるデータの単位を揃えて作業をすることこれが基本です。ありえない単位の用語を用いて混乱しないように(^_^;

pxという単位はモニター表示する時の単位と思ったほーがいいですよ(^_^;

お礼

こんにちは！アドバイスありがとうございます。
「ppi（pixel/inch）」と「dpi」とは同義語という感覚から、
ちゃんと厳密に言葉を使い分けていませんでした。ダメですね…
ご指摘ありがとうございました！

回答No.1

ohg-jiya

それはIllustratorの解像度が300ppiでなくもっと高いことからくるのだと思います。
バージョン8以下では解像度を見られたのですが新しいバージョンでは見られなくなっていますね。

だからアートボードはmm単位で作ったほうがいいですよ。
Illustratorはもともとピクセル構成ではないのですから、特別な用途でない限り単位をピクセルにして使う意味がないと思います。

それと最終仕上げは印刷所発注ですか？
それで入稿条件がjpgなんでしょうか？

IllustratorとPhotoshopのビットマップデータを連携使用する場合は、Illustratorのバージョンによって、配置画像の書式に制約があったりしますし、Web用の質問も追加されているようですが、印刷用とはデータの運用がまったく違いますから、分けて考えたほうが混乱しません。

最終用途（自家用プリンタか印刷所出しか）とIllustratorのバージョンを明記したほうが適切なアドバイスが得られると思います。

お礼

こんにちは！

コメント本当にありがとうござます！！！お返事遅れて申し訳ありません、
なるほど！どうして画像が小さくなったか、理解できました。
1748px×1181pxの新規アートボードは300以上の解像度で作られていたのですね。

それにおっしゃる通りです、WEB用と印刷用との扱い方を完璧に混同してました。
今は印刷用につてい悩んでるのに、混同してることさえ分からない中、
これからはメインでWEB用でイラストレーターを使っていきたいなぁ...とも考えてたら
もうサイズや解像度などなど、どんどん分からなくなってきて混乱してしまってました。
このアドバイスもとてもありがたかったです！

そうですよね、バージョン・最終用途等をしっかり明記していませんね(汗)
申し訳ありません、photoshopもIllustratorもバージョンはＣＳです。

そして『印刷』という言葉より『プリント』というほうが適切なのかもしれません、
友人とポストカードを趣味の範囲で作ってみるのですが二人とも、この紙媒体っていうのが
初心者で。初めてはまずは友人が家庭用プリンターでプリントしてみようか、という話しになっています。
それでネット等で調べてみて、おそらくJPGがいいのかな、という事になって現在に至っています。

アドバイスいただいて、これからこのソフトを理解していく上での糸口を発見できました！
本当に感謝です、ありがとうございました！

補足

すいません…なるほど！！とちゃんと理解できたと言いながら、
私、根本的な部分が分かってないようで、ご迷惑を承知で追加の疑問を…

アドバイスいただいた通りmmで進めていき、今回の作業はうまく解決できました
ありがとうございます！

しかし、うーん…すいません、ちゃんと理解できてない部分があります＞＜
今回、mmではなくpxで新規アートボードを作った時の疑問で、
新規アートボードと、配置した画像での解像度の違いで、配置した
JPG画像が小さくなっているのだ、と分かったのですが、

これは小さく『見えているのだ』と思っていました。
なので実際配置された画像は1748px×1181pxだと思って
「情報」パレットで実際の画像の横・高さ見ると、419pxの283pxで実際小さくなっていました。
これもアドバイスいただいた解像度の問題でこうなったということでしょうか。

滞ってた作業は解決しているし、印刷用ではmm単位で作るという事は
これから、そうやっていうこうと理解したのですが、

この追加の質問はやはりしっかり理解する上で私の根本的に足りない知識を
しっかり勉強したいと思って質問させていただきました、もしよろしければ
ぜひ教えていただきたく思います。よろしくお願いいたいます。