20171224

エディトリアルデザイン・演習

大阪電気通信大学 総合情報学部 デジタルゲーム学科 後期開講科目

編集によるコンテンツバリューの向上と印刷メディアの現在

第13週:01月09日

0)出席集計

上記リンクもしくは右のQRコードから出席集計システムにアクセスし、出席の回答をおこなう。

回答に必要な「特定の番号」を指示するので、その指示に沿って入力をおこなうこと。

1)課題[雑誌 記事広告のデザイン]4 組版作業

■ 課題要件

判型:A4サイズ(210mm×297mm)

見開きA3サイズ(420mm×297mm)・2つ折り・4ページ

カラープリントで出力したカンプを最終形態とする。

両面印刷はおこなわず、片面ずつ2枚に分けて印刷する。

面付けは以下のとおり。

ヨコ組の場合

タテ組の場合

■ 課題制作スケジュール

01月09日 組版作業

01月16日 組版作業・出力

01月23日 提出・レビュー

A3_mihirakiformat_cs5.ai

組版に使用する見開き2ページ分のレイアウトフォーマット

2)タイトルまわりの文字表現

記事広告の顔となるタイトルまわりの文字表現については、単なるテキストデータから、図形としての表現、さらには画像としての表現まで、デザインコンセプトに応じた表現手法を検討し、訴求力を高めるよう工夫することが求められる。

文字から図形、画像へと拡張する、それぞれの表現のサンプルは以下のとおり。

文字としての表現

▲ HTMLファイルのテキストデータ

文字としての表現

▲ Illustratorのテキストデータ(Web用にPNGファイルに変換)

図形としての表現

▲ Illustratorのテキストデータをアウトライン化し、グラデーションでペイント(Web用にPNGファイルに変換)

画像としての表現

▲ IllustratorのテキストデータをPhotoshopでラスタライズして、ドロップシャドウの効果を追加

画像としての表現

▲ IllustratorのテキストデータをPhotoshopでラスタライズして、各種フィルタの効果を追加

画像としての表現(部分拡大)

画像を拡大してピクセルによるイメージ生成の効果を確認

■ ラスタライズ

ピクセルの集合体としてイメージが生成(ビットマップ)されているラスター形式に変換する操作を指して、ラスタライズという。

テキストデータとして入力された文字情報は、ラスタライズしてビットマップデータに変換することで、画像イメージとしてさまざま表現が可能になる。

PDFの読み込み

Illustratorで入力したテキストデータをIllustrator形式で保存し、Photoshopで開くと、ラスタライズを実行する際の設定がおこなえる。

3)Illustratorでの組版作業

■ スレッドテキストオプション

スレッドテキストオプションは、エリア内文字で複数のオブジェクトをリンクして、テキストの流し込みをおこなう機能。

▲ フォーマット上に、版面としてエリア内文字用のオブジェクトを2つ描画

▲ 左ページのオブジェクトに、エリア内文字でテキストの流し込みを実行

▲ 左ページのオブジェクトをエリア内文字オプションで2段組に変更

▲ 右ページのオブジェクトも選択し、スレッドテキストオプションの実行

[書式]メニュー →[スレッドテキストオプション]→[作成]

▲ エリア内文字オプションで右ページも2段組に変更

▲ 段落, 禁則処理, ぶら下がりの設定をおこない整形

■ テキストの回り込み

テキストの回り込みは、エリア内文字とオブジェクトが重なる配置の際に、オブジェクトを避けてテキストの回り込みをおこなう機能。

▲ エリア内文字の上に画像データを配置

▲ 画像データとエリア内文字の両方を選択

▲ 回り込みの際のテキストを画像の余白(オフセット量)を設定

[オブジェクト]メニュー →[テキストの回り込み]→[テキストの回り込みオプション...]

▲ テキストの回り込みを実行

[オブジェクト]メニュー →[テキストの回り込み]→[作成]

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月26日

第02週:10月03日

第03週:10月10日

第04週:10月17日

第05週:10月24日

第06週:10月31日

第07週:11月07日

第08週:11月14日

第09週:11月21日

第10週:11月28日

第11週:12月05日

第12週:12月12日

第13週:01月09日

第14週:01月16日

第15週:01月23日

Google

WWWを検索

headheart.comを検索

Image