デザイン|基本の作り方コンテンツへスキップこのwebサイトの先進的な機能は、ブラウザーのJavaScriptを有効にする必要があります。コメントを残すこんにちは。前回の続きで解像度の話です。いう疑問も出てきますよね。今日はそのお話を中心に解説したいと思います。雑誌などの主な紙媒体に使用する写真などの画像は、原寸で配置した時に360dpiになるようにするべし、というお話はしてきましたね。ところで、その「360」という数値はどうやって算出されたのか、気になる方もいらっしゃいますよね?画像解像度はスクリーン線数×2が目安となっています。雑誌などの主な紙媒体のスクリーン線数は、だいたい175線ぐらいです。360dpiあれば画像解像度としては丁度良いということです。これも解像度の一種で、印刷物の網点の密度を表す尺度です。網点の密度が高ければ精密な印刷物となります。単位は「線」や「lpi」で、印刷物の1インチの1辺に収められる網点の数によって表されます。「スクリーン線数」は、印刷物の「網点」の密度ということはありますが、ピクセルやドットと同様、「点」の密度を示す尺度であるということについては、他の「解像度」の考え方と共通していますね。入稿データを作成する際は、配置画像は原寸で配置した時に360dpiになるように作業するべし、というお話はしてきましたね。1枚のフライヤーをデザインするとします。配置画像として使用する写真などの画像を選別し、AdobeIllustratorのドキュメント上に画像を配置します。レイアウトまでしてしまいましょう。メニューバー「ファイル」→「配置」で画像が配置できます。この過程で「配置」ダイアログボックスが表示されますが、「リンク」をチェックしておきましょう。しないと、画像が埋め込まれてしまいます。これでは、ドキュメント上に読み込まれた元の画像が修正されても、ドキュメント上の配置画像に修正が反映されません。レイアウトまで出来上がり配置画像の大きさが決まりましたら、元の画像をAdobePhotoshopで開き、必要な設定をしていきます。「画像解像度」ダイアログボックスが表示されるので、「画像の再サンプル」のチェックを外し、「解像度」は「360」に設定します。すると、データの総容量を変えずに、解像度を設定することができます。データの総容量は、ダイアログボックス上部に「ファイルサイズ」で示されます。デジカメで撮った写真は、デフォルトでは72dpiで保存されている場合もあるので、解像度の数値は必ず確認しましょう。それから、「画像の再サンプル」のチェックを外すのも忘れずにしましょう。これをしないで解像度を上げると、データの総容量も大きくなり、無駄に重いデータになります。データの総容量が変わらない状態で、解像度を変えるようにしましょう。「解像度」を「360」に。「画像の再サンプル」も忘れずにチェックを外す。「解像度」を「360」に設定したら、「ドキュメントのサイズ」を、Illustratorドキュメント上の配置画像の「幅」と「高さ」に(Illustratorのドキュメント上では、画像を選択した状態にすれば、上部コントロールパネルに「W」=幅「H」=高さが表示されます。「画像解像度」ダイアログボックスを表示します。ここで「ドキュメントのサイズ」の設定を変更します。「縦横比を固定」をチェックしておけば、「幅」か「高さ」どちらか一方に入力すれば、自動的にもう一方の数値も変わります。今度は、ダイアログボックスの「画像の再サンプル」をチェックして、この作業を行ってください。「画像の再サンプル」をチェックした状態で画像の幅と高さを小さくすれば、画像の総容量も小さくなります。無駄のない総容量の画像データとなるわけですね。後々、クライアントから修正が入る場合も想定し、画像のドキュメントサイズの数値を少し大きめに設定しても良いと思います。「ドキュメントのサイズ」を変更。今度は「画像の再サンプル」のチェックをする。総容量=ファイルサイズが小さくなる。配置している元の画像の設定は、これで完了です。この作業が済んだらIllustratorのドキュメント上に戻り、忘れずに画像の「リンクを更新」しましょう。「リンク」パネルで「リンクを更新」してください。これで、配置した元画像の変更がレイアウトに反映されます。すれば、データの総容量を無駄に増やすことなく、かつ適切な解像度の原寸の画像を配置することができます。入稿時はデータの総容量は無駄に増やさない理論的には、配置する元画像の画像解像度を360dpiに設定すれば、Illustratorドキュメント上に配置した時以上の大きさで、画像の「ドキュメントのサイズ」を設定しても、クオリティが保たれた印刷が可能となります。いって、画像の総容量を必要以上に大きくして入稿するのは避けた方が良いです。出来る限り画像の総容量は小さくした方が、印刷の版を出力する時にも機械やシステムの負担が少ないです。それは印刷会社さんの負担を、少しでも減らすことにつながります。入稿は印刷会社さんが作業をしやすいよう、スマートにいきたいものです。配置画像は入稿時には「埋め込み」が奨励されている場合もあるIllustratorドキュメント上に配置する画像は、「リンク」の設定で作業してきました。この方が、元画像の設定を変更した際に、ドキュメント上の配置画像に反映しやすいからです。印刷会社さんによっては、入稿の際、配置画像は「埋め込み」を行うことを奨励している場合もあります。「埋め込み」をしていれば、配置した元の画像を添付しなくても大丈夫なので、画像の添付のし忘れのような入稿時のトラブルを防ぐこともできます。「埋め込み」奨励の場合は、作業の最後に「埋め込み」を行ってください。一方で、画像を埋め込むとIllustratorドキュメントのデータの容量が大きくなるというデメリットもあります。この辺りは印刷会社さんの方針もあるので、「埋め込み」が奨励なのかそうでないのか、確かめてから入稿しましょう。コメントを残すこんにちは。前回は解像度の話をサササっとしてしまいましたが、今日はもう少し具体的に説明しておこうかと思います。「解像度」というと実は複雑な部分もありますので、ちょっと整理しておいた方が良いでしょう。解像度の単位「dpi」と「ppi」の違い先に細かい話をしておきますね。画像解像度の単位は「dpi」だというお話はしました。印刷を過程に含むデザインの実務上では、画像解像度の単位は「dpi」として扱われがちですが、厳密に言うと「ppi」です。AdobePhotoshopでは、画像解像度の単位は「dpi」ではなく「ppi」を充てています。デザインの実務上では「dpi」と「ppi」は同義に扱っていて差し支えありませんが、厳密には異なります。違いは次のような点です。・ピクセルによって構成される・「ピクセル」はコンピュータで画像を再現する際の仮想の最小単位デザインの実際の作業ですが、画像データを扱う際には、AdobePhotoshopを用いてパソコンのモニタで見ながら行います。モニタでは、ドットとピクセルが1対1で対応するので、画像解像度の「dpi」と「ppi」を同義として扱って特に問題はありません。両者を同義として扱うのが、慣習にもなってしまっている場合もあります。これは、デザインの現場単位の話でもあるということもあり、まして、今後どうなるかはわかりません。「dpi」と同義で扱う「ppi」という単位もあるということだけは覚えておいた方が良いでしょう。画像解像度と印刷解像度は分けて考える「解像度」と言っても、画像解像度と言う時と印刷解像度(プリンタ解像度)と言う時とは、考え方が異なります。両者は混同できないので注意が必要です。印刷解像度は、それでも「解像度」と言うのだから、「1インチあたりのドット数」を意味することに変わりはありません。印刷機の性能によって出力の際の解像度は固定されています。解像度2800dpiの印刷機の場合は、印刷した印刷物の1インチの1辺あたりに2800個のドットが収まっている状態となります。この場合、360ppiの画像解像度でデータを作ったとしても、100ppiの画像解像度でデータを作ったとしても、印刷解像度2800dpiで印刷されるわけです。印刷物となった時に2800dpiのクオリティを得るためには、データを作る時点で画像解像度が一定数に達していなければならないと言うことです。紙媒体の印刷に必要な画像解像度の目安は「360dpi」と、耳にすることはあると思います。これは、一般的な印刷物であれば、こうした印刷物の印刷機やイメージセッター(オフセット印刷の版を出力する機械)の印刷解像度に対応した画像解像度が、360dpiと言うことですね。「解像度」は使用シーンによって意味が異なる場合がある「解像度」といっても、画像解像度と印刷解像度があるということまで分かっておけば、作業過程に印刷を含むデザインの実務は問題なく行えるでしょう。「解像度」は使用シーンによって意味が異なる部分があるので、注意が必要ではあるのです。画像解像度が「密度」を示す尺度であるのに対し、デジタルカメラで言う解像度は、画素の「総量」を示している、なんていうこともあります。この辺りは、実務の使用シーン別に確認しましょう。コメントを残すこんにちは。前回は、DTPソフトやAdobeIllustratorで、リーフレットやポスターなどの紙媒体の入稿データを作る時、使用する配置画像について注意するポイントを解説しました。今日は、カラーモードや保存形式とそれ以外についても、もう少し詳しいお話をしたいと思います。白黒写真はグレースケールで前回も少し触れましたが、レイアウトに使用する写真が白黒写真(モノクロ写真)なら、カラーモードはグレースケールにしましょう。カラーモードの変更は、前回解説しましたね。グレースケールに変更する時も方法は同様です。AdobePhotoshopでデータを開き、メニューバー「イメージ」→「モード」から、カラーモードをグレースケールに変更します。白黒写真のデータが、カラーモードCMYKになっていることもたまたまあったりしますので、レイアウトを始める前にチェックしておきましょう。白黒写真であれば、カラーモードをCMYKからグレースケールに変えても、見た目に変わりはないでしょう。グレースケールの方がデータ量が軽く済みますので、白黒写真ならカラーモードはグレースケールにしておきましょう。入稿データを作成する際は、配置画像の解像度は適切な数値に設定しておきましょう。優れたデザインが出来ても、配置画像の解像度が足りなければ、台無しになってしまいます。「画像解像度」とは何でしょうか?DTPに用いられる写真画像のデータは、画素の集合体です。Photoshopで写真画像をどんどん拡大していってみてください。四角い点が見えてきますね。これが画素であり、ピクセルとも呼ばれています。画像を構成するこうした画素の密度の尺度を「解像度」と言います。解像度は、1インチの中にどれだけのピクセルが収まっているのかを数値で示され、単位は「dpi」となります。この数値が高ければ鮮明でクオリティが高い画像となり、数字が低くければボケたクオリティが低い画像となります。した画像解像度は適宜設定しておかなければ、デザインのクオリティにも影響します。拡大するとピクセルが見えます画像解像度は360dpiで紙媒体なら、写真の配置画像は原寸で配置した時に360dpiとなるようにしましょう。360dpiとする理由は、カタログや雑誌の印刷物で使用される写真データの設定が、一般的には360dpi程度だからです。「配置した時に」と言っているのは、Illustratorに配置した後に画像をそのドキュメント上で拡大すれば、それだけ画像は粗くなり、解像度が低くなります。解像度を維持するなら、「配置した時」と同じ面積のままにしなければならないということです。(なお、デザインの実務上ではほぼ同じくらいの面積であれば良しとします。同一の面積でもかまいません。しますが、漫画の白黒データやイラストなど、細い線を再現しなければならないグレースケールやモノクロ2諧調の画像なら、1200dpi程度が奨励されている場合もあります。入稿の際は、印刷会社さんが奨励する設定と、入稿しようとしているデザインのタイプを念のため調べておきましょう。レイアウトに使う写真の配置画像は見た目もチェックしましょうレイアウトに使う写真の配置画像は、最初にカラーモードや解像度をチェックしなければならないというお話をしてきました。写真画像はそれ以外にもチェックする箇所があるので、1枚ずつPhotoshopで開いて確認しなければなりません。おかしい箇所があれば、修正を行います。した修正作業を「レタッチ」と呼んでいたりもします。・ゴミはついていないか・色が寄っていないか(赤カブリ、青カブリ)・メリハリこうした点をチェックします。画面にゴミがついていれば、スタンプツールで消しましょう。レタッチの中でも、これが一番分かりやすい作業かも知れません。それから、画面全体を眺めてみて意図せず赤っぽくなっていれば、それは、「赤カブリ」という現象です。色が赤いトーンに寄ってしまっているのです。色が変だなあ・・・という場合は、カラー調整しましょう。メリハリがなければ少しコントラストを強くしましょう。レタッチは奥が深く、判断が難しいかもしれません。した判断ができるようになるには、とにかく美しい写真を観るようにしてセンスを磨くしかありません。画廊や美術館で良い作品に触れるようにしてみてください。それから、iPhoneなどの手軽なカメラ機能で遊んでみるのも良いと思います。今どき、インスタグラムなどを見ていても、撮影が皆さんお上手だなぁと思うこともあります。写真の善し悪しの判断力は、観たり触ったりして身につくことなので、まずは楽しみながらやってみましょう。画面全体が赤っぽいですね。色調整すると雰囲気が変わります。VIBES/デザイナー・フォントクリエイター。デザインスタジオアウラコミュニケーションズ代表。東京都を拠点に、グッズ、グラフィック、フォントのデザインを中心に活動しています。HYBRID」シリーズは、初版からフォントクリエイターとして参加。他「月刊MdN」等のメディアでも掲載多数。公式WebサイトでDLできます。このサイトについて「フォント×デザイン|基本の作り方」は、フォントやグラフィックなどのデザインについて、作り方を基本から解説するサイトです。私のデザイナー歴も、気がつけばもう20年越し。デザインビギナーの方や、勉強をしすぎて基本がわからなくなってしまった方、そんな方達に私が伝えられることがあるのかもしれない・・・ふと思いました。それは、生業としてのデザインの現場で得てきた手法であったり、仕事の進め方であったり。デザインを通した遊びであったり。基本を覚えれば、あとは自分なりのアレンジや別の新しい手法をみつけられます。すれば「自分の作り方」を得ることができます。わたしもこのサイトを作ることによって基本を振り返ることもできるわけで、それも良いなあと思いました。役に立っても立たなくても、まずは基本からやってみましょう!お問い合わせE-Mail:info@fontxdesign.netご連絡はE-Mailのみで受けつけております。