20080105

グラフィックデザイン II

同志社女子大学 学芸学部 情報メディア学科 後期開講科目

デジタルツールを利用したビジュアルコミュニケーションデザインの可能性

第11週:01月06日

1)テキスト素材の取り扱い

文章原稿は、テキストデータとして入力しておく。

テキストデータの入力には、テキストエディタといわれる文書入力ソフトウェアを用いる。

ワープロソフトは、文書としての整形機能が充実がしているが、DTPのワークフローにおいて、素材段階のテキストデータが整形されている必要はない。逆に、フォントやそのサイズ、レイアウトなどに指定がされている場合、組版段階で余計な手間が発生する可能性もある。

プレーンテキストと呼ばれる拡張子「.txt」での形式での書類が、後の組版の工程を考えた場合、最も適している。

2)図形素材の取り扱い

図形の要素は、Illustratorなどのドロー系ソフトウェアで処理する。 ソフトウェア上で一から描き起こされる場合と、シンボルマークやロゴタイプといった要素については、既存の印刷物や、手描きの原稿などを下絵として、描き起こす場合の2通りが考えられる。

後者の場合は、スキャナなどの画像入力機器によってイメージを画像データとしてデジタルデータ化し、Photoshopなどの画像処理ソフトウェア上でトレース作業によって、ベクター形式のアウトラインイメージに変換する必要がある。

テキストエディタ

Mac OS(Classic)環境では「SimpleText」、Mac OS X環境では「TextEdit」、Windows環境では「メモ帳」がテキストエディタとしてOSに付属して提供されている。また他にも、シェアウェアの形式で配付されているものや、パッケージで市販されているものなど、多くの種類があり、ちなみに担当講師は、Mac OS環境では「Jedit」、Windows環境では「TeraPad」を使用している。

ANA 西の関・スキャニングイメージ  ANA 西の関・ペンツールによるトレース

ANA国際線でサービスされる日本酒「西の関」のロゴタイプ

左)スキャニングイメージ  右)Photoshopのペンツールによるパスデータとしてのトレース

Photoshop上でトレースしたパスのデータは、[ファイル]→[書きだし]→[Illustratorへのパスの書き出し...]によって、Illustratorのファイルとしてアウトラインイメージに変換することができる。

3)画像素材の取り扱い

写真のポジフィルムやネガフィルムといった透過原稿、印画紙に焼かれたプリントや手描きの原稿などの反射原稿は、スキャナを利用して画像データに変換する。また、デジタルスチルカメラやデジタルビデオカメラなどで撮影されたイメージは、記憶メディア(PCカード、スマートメディア、コンパクトフラッシュなど)の読み取り装置、USBやFireWire(IEEE1394規格)といったポートを通じて、コンピュータに取り込む。

取り込まれた画像データは、Photoshopなどのペイント系ソフトウェアで、印刷物に適した状態に処理する。

■ スキャナ

スキャナは、画像原稿を走査してデジタルデータに変換する装置で、平板なガラスの上に原稿を置くフラットベッド型、高解像度の業務用途機であるドラムスキャナ、透過原稿専用のフィルムスキャナの3種類に大別できる。

■ 画像ファイル形式

商業印刷用のデータとして、画像データを取り扱う場合、画像モードをCMYKに設定し、EPS形式で保存する必要がある。

ANA 西の関・Illustratorデータ

トレース後のロゴデータの利用例

トレースしたロゴのアウトラインデータを、Illustrator上でスクリーン印刷の仕上りイメージとして展開。

別名で保存 

■ EPS形式

EPS(Encapsulated Post Script)は、ラスター形式とベクター形式の両方に対応し、ほぼすべてのペイント系ソフトウェア、ドロー系ソフトウェアでサポートされる、DTPにおける標準画像形式である。

Photoshopでは、以下のEPSの画像ファイル形式で保存することが可能。

1. Photoshop EPS

2. Photoshop DCS

DCS(Desktop Color Separations)は、EPS形式のひとつで、低解像度の画面表示用画像データと高解像度の分版出力用画像データをまとめたもの。

■ EPSオプション

EPS形式で保存する際には、EPSオプションを設定する。

オプション項目の中の[プレビュー]は、他のアプリケーションに配置した際の画面表示画像の状態を指定するものである。

Photoshop DCS 1.0と2.0の違い

Ver.1.0ではアルファチャンネルのないCMYKモード、Ver.2.0ではマルチチャンネルとCMYKの両モードがサポートされ、CMYKモードでは1つのアルファチャンネル、複数のスポットカラーチャンネルを含めることができる。

2.0でサポートされる各種チャンネルは、特色分版を可能にする。

EPSオプション 

1. なし

他のアプリケーションに配置した際に、画像サイズを表す罫線のみが表示され、画像イメージは画面表示されない。

2. TIFF(1bit/pixels)

TIFF形式で色深度1bit(モノクロ2階調)のプレビュー画像が、画面表示で使用される。

3. TIFF(8bit/pixels)

TIFF形式で色深度8bit(グレースケール256階調もしくはインデックスカラー256色)のプレビュー画像が、画面表示で使用される。

4. Macintosh(1bit/pixels)

PICT形式で色深度1bit(モノクロ2階調)のプレビュー画像が、画面表示で使用される。

5. Macintosh(8bit/pixels)

PICT形式で色深度8bit(グレースケール256階調もしくはインデックスカラー256色)のプレビュー画像が、画面表示で使用される。

6. Macintosh(JPEG)

JPEG形式で色深度24bit(フルカラー)のプレビュー画像が、画面表示で使用される。

画像ファイルの配置点数が多い場合、コンピュータが画面表示に使用するVRAM(ビデオメモリ)に負荷がかかり、メモリ容量によっては画面スクロールなどにタイムラグが発生しやすくなる。そのような場合は、プレビューなし、もしくは1bit/pixelsを選択する。逆にプレビュー画像の画像イメージを手がかりにレイアウト作業などを進める場合は、JPEGで少しでもデータ本来のイメージに近い状態での設定を利用する。

オプション項目の中の[エンコーディング]は、データの転送形式を設定するもので、画像ファイルの処理速度に影響を与える。設定内容が出力機器と対応していない場合は、エラーを発生させることになってしまうので、出力環境に応じた確認が必要である。

1. EPS形式でエンコーディングをバイナリに設定

ファイルサイズが大きく、出力に時間を要するが、出力機の対応や画質には問題のない設定。

2. EPS形式でエンコーディングをJPEGに設定

ファイルサイズは、エンコーディングをバイナリに設定した場合の1/5〜1/10程度にまで圧縮が可能。出力に要する時間もやや短縮できるが、多くのイメージセッタが対応していない。

3. DCS 1.0形式でエンコーディングをバイナリに設定

低解像度データ1点+高解像度データ4点(CMYK)の計5点のファイルに分けて保存するため、ファイルサイズは大きくなる。出力に要する時間は、1)の設定に比べてやや短縮されるが、旧バージョンで対応していないアプリケーションもある。

1画像を5ファイルで構成するため、ファイル管理が煩雑になりやすいデメリットがある。

4. DCS 2.0形式でエンコーディングをバイナリに設定

ファイルサイズ、出力時間は 2)の設定とほぼ同様で、やはり旧バージョンで対応していないアプリケーションもある。2.0形式では5つのデータを単一ファイルとして保存できるので、ファイル管理は1.0形式に比べてシンプル。

5. DCS 2.0形式でエンコーディングをJPEGに設定

ファイルサイズは、エンコーディングをバイナリに設定した場合の1/5〜1/10程度にまで圧縮が可能。出力時間も非常に高速で、1)の設定の5〜10倍程度のスピーディーに出力される。画質については、JPEGによる圧縮をおこなうため、画像イメージによっては適さない場合もあり、圧縮率の調整が必要となる。3)4)の設定と同様に、旧バージョンで対応していないアプリケーションもある。

■ 画像に関する解像度

デジタル化された画像は、ピクセルの整列した色面の集合体である。モザイク状の画面がなめらかなイメージとして認識されるのは、画像の実寸とその画像を構成する1ピクセルの実寸の相対的な関係による。微細なピクセルによって、大きなサイズの画像をつくった場合は、非常に高品質なイメージと感じられるし、逆に大きなピクセルで小さなサイズの画像をつくると、ひとつひとつのピクセルが知覚され、品質が低く感じられる。

解像度は、画像の品質、すなわち画質といえる。解像度が高いと高品質な画像イメージ、低いと品質が落ちる...という具合である。

その解像度を表す単位としては、ppi(pixels/inch)、dpi(dots/inch)やlpi(Lines/inch)といったものがあり、それぞれ、1インチ(約25.4mm)あたりいくつのピクセルまたはドット、線で画像が生成されているかを表す。

DTPにおいて、入力されたカラー画像は、個々のピクセルが、約1670万色中の1色の色彩の情報を持ったピクセルの集合体となっている。それが印刷段階では、CMYKのたった4色の小さなドットに置き換えられて再現される。

その変換のプロセスを追いながら、画像に関わる以下の解像度を理解しておくことが重要である。

1. 入力解像度

スキャナなどを利用して、画像イメージをデジタル化する際の解像度を指し、単位にはppiやdpiを用いる。

入力の際の解像度の設定は、

   出力線数 × 拡大縮小率 × 2

を公式として算出することが一般的。

例)120mm×90mmの元原稿をスキャニングし、レイアウトソフト上では、180mm×135mm(150%)に拡大して使用。出力線数は175lpiに設定する場合...

175lpi×1.5倍×2=525ppi

2. 画像解像度

入力された画像の解像度で、単位にはppiを用いる。

画像解像度は、Photoshopの[イメージメニュー]→[画像解像度]によって再編集が可能。

ピクセル寸法は、幅と高さのそれぞれの方向での実際のピクセル数。

ドキュメント(プリント)サイズは、出力する際の画像の実際のサイズとその時の解像度。

縦横比を固定のチェックボックスを解除すると、それぞれの方向で自由に値を変更することができる。

プレビュー項目の設定の例外

なお、この設定はあくまで、画面表示のプレビュー画像に関するものであり、Post Script対応の出力環境においては、出力結果に影響を与えることはないが、例外として、家庭用のインクジェットプリンタ(非Post Scriptプリンタ)などでの出力の場合は、 出力結果に品質差が生じる。そのため、EPS形式ではなく、Photoshop形式などで保存した画像ファイルを配置した方が高品質に出力できる場合があり、さらにはCMYKモードではなく、RGBモードが適していることがある。

画像解像度 

画像の再サンプルは、拡大縮小した際の画像補完をおこなうかどうかの設定で、チェックボックスを解除すると、プリントサイズを変更してもピクセル寸法のピクセル数は変更されない。それに対して、チェックを設定している場合は、プリントサイズと解像度の設定に応じて、ピクセル寸法も変更される。その際にピクセルの補完がおこなわれるが、その補完方法としては、ニアレストネイバー法、バイキュービック法、バイリニア法の3つがある。

それぞれ一長一短があり、補完を実行する元画像の絵柄によっても適切な選択は変わってくる。

画像の再サンプルは、基本的に元画像に対してピクセルを足したり引いたり...といった操作をおこなうことになるので、基本的には画質の劣化を招くと考えたほうがよい。

4)課題[オリジナルリーフレットのデザイン]制作進行

企画構想とサムネールについて、コンセプトシートによる個別のチェックをおこなう。

個別チェックで制作内容の確認を受けた上で、素材(文字・図形・画像)の収集に取りかかること。

ニアレストネイバー法

拡大する場合に既存のピクセルを単純に繰り返して複製し、縮小する場合は間引く処理をおこなう。よってジャギーは目立つが元画像の輪郭はそのまま残る。

バイキュービック

Photoshopの初期設定として選択されている標準の補完方法で、最も画質の劣化が少ない方法。しかし処理時間は3種類の補完方式の中で最も必要となる。輪郭のはっきりした画像などの場合、縮小時にジャギーが発生する場合がある。

バイリニア法

バイキュービック法と比べて処理時間は短くて済むが、画質がぼけた印象になってしまう。

インデックス担当授業の資料グラフィックデザイン II

Copyright (C) WATANABE, Takashi / HEAD+HEART, Visual Communication Design Studio. All rights reserved.
Made on a Mac

Mac、Macロゴは、米国およびその他の国で登録されているApple Computer, Inc.の商標です。

Made on a MacバッジはApple Computer Inc.の商標であり、同社の許可により使用しています。

第01週:09月30日

第02週:10月14日

第03週:10月21日

第04週:10月28日

第05週:11月11日

第06週:11月18日

第07週:11月25日

第08週:12月02日

第09週:12月09日

第10週:12月16日

第11週:01月06日

第12週:01月13日

Google

WWWを検索

headheart.comを検索

Image