実技 写真合成・補正加工実習②

-本日のアジェンダ-

1限目
実技 写真合成・補正加工実習②
デザインカンプについて

2限目
実技 写真合成・補正加工実習②
フライヤー制作

3限目
実技 写真合成・補正加工実習②
フライヤー制作

4限目
実技 写真合成・補正加工実習②
フライヤー制作

5限目
実技 写真合成・補正加工実習②
デザインカンプ講評

本日のテーマ

デザインカンプ(たたき台)の考え方

デザインカンプとは?

デザインカンプとは、簡単に説明すると「完成イメージ」のことです。 日本語では「カンプ」と呼んでいますが、これは英語では「包括的レイアウト」という意味の「Comprehensive Layout」を略した呼び方です。 つまり、すべての要素がそろった状態の最終的な見本がデザインカンプです。

参考サイト

ワンポイントアドバイス

ストーリーをレイアウトしましょう。デザインカンプ(たたき台)は、文字と配色のデザインは後回し「レイアウトデザイン」の全てを意識して作成してみましょう。パーツ(掲載内容)をリストアップする。

1.パーツ(掲載内容)をリストアップする。
2. ストーリー(見せる順番)を考える。
3.文字の種類は特徴の少ないものを使用する。
4.色を使わずレイアウトを考える 。
5.サイズバランス(100%表示)に注意する。

【1】レイアウトデザイン

見やすいレイアウト、わかりやすいレイアウトを作るときの重要なポイントは、ただ闇雲に文字や絵を配置するのではなく、発表者の頭の中にある「ロジック」や「事柄と事柄の関係性」に即して文字や絵を配置することです。関係性の強いもの同士は、近くに配置したり、同じ色を使ったり、線で結んだり、大切な事項を目立つ色にしたり、目立つ場所においたり、という簡単なことです。「理論やストーリーをレイアウトする」ことが大切であるということを忘れないでください。

参考サイト

本日の基本操作

  • アートボードツール

アートボードツール

目的のアートボード中央に表示するにアートボードパネルのアートボードの名前をダブルクリックします。 もしくはステータスバーのアートボードナビゲーション(赤の丸で囲ったボタン)から目的のアートボードを選択します。 アートボードツールを選択すると、コントロールパネルにアートボードツールのオプションが表示されます。

参考サイト

フライヤー作成のスケジュール

6/28 (月) デザインカンプ提出
6/30 (水) デザインラフ提出
7/2 (金) 成績考査(納品)

本日の課題

フライヤーの表裏のデザインカンプを作成し
5限目までにドロップボックスにUPしてください。
5限目に講評を行います。
※ファイル名は、work_○○○○_20210628.pdf

実技 写真合成・補正加工実習①

-本日のアジェンダ-

1限目
実技 写真合成・補正加工実習①
画像解像度とカラーモードについて

2限目
実技 写真合成・補正加工実習①
DM制作

3限目
実技 写真合成・補正加工実習①
DM制作

4限目
実技 写真合成・補正加工実習①
DM制作

5限目
実技 写真合成・補正加工実習①
DM講評

本日のテーマ

可視性と配色を意識してみましょう。

写真に文字を乗せる時はとにかく可視性に気を付けましょう。
配色のバランスや影を付けたり、ぼかしやオーバレイなどの工夫を考え、写真の世界観を壊さないように表現してみましょう。

参考サイト

本日の基本操作

  • 画像解像度
  • モード
  • 配置

画像解像度

ピクセル寸法は、画像の幅と高さのピクセル総数を示します。解像度はビットマップ画像の細かさで、1 インチあたりのピクセル数(ppi)で示されます。1 インチあたりのピクセル数が増加すると、解像度は高くなります。一般的に、画像の解像度が高いほど、プリントした画像の品質が高くなります。

モード

 Adobe Photoshop を使って、1 つのカラーモードから別のカラーモードに変換する(CMYK から RGB、カラーからグレースケールなど)方法を説明します。

参考サイト

参考サイト

配置

Illustratorの画像配置 リンク画像と埋め込み画像の違いと正しい使い方. Illustratorに画像を配置する場合、「リンク配置」と「埋め込み」配置の、二つの方法があります。

参考サイト

【3】配色デザイン

スライドやポスターには「」を欠かすことができません。白黒の単調なものよりも、いくつかの色を使ったものの方が魅力的ですし、理解を助けてくれることもしばしばあります。ですが、適当に色を選んだり、むやみにたくさんの色を使うことはよくありません。色の正しい使い方を覚えておくと、快適で見やすい発表資料ができます。

参考サイト

名刺作成の参考サイト

【おススメフォント】

・源ノ角ゴシック
・源ノ明朝
・貂明朝
・A-OTF UD新ゴ
・筑紫A丸ゴシック
・VDL ロゴJrブラック
・TA-F1ブロックライン
・TBシネマ丸ゴシック
・VDL ペンレディ
・砧 山本庵クラシック

引き続きの基本操作

  • トリムマーク
  • パスのオフセット
  • Adobe Fonts(Typekit)

トリムマーク

トリムマークトンボ)とは トリムマークとは、印刷時や、断裁位置を明確にするために必要不可欠な「しるし」のことです。 … 内トンボは仕上がり線を示しており、内トンボから外トンボの間は裁ち落としのための”塗り足し”部分を示しています。

参考サイト

パスのオフセット

「オフセット」という言葉にあまり馴染みはないでしょう。しかし、この機能を覚えておくと、イラレの使い方の幅が広がる可能性があります。 

参考サイト

Adobe Fonts (Typekit )

Adobe Creative Cloudユーザーが利用できるサービスの一つです。
Webフォントとしてはもちろん、PC上のデスクトップフォントとしても使用可能です。
(Photoshopやllustratorはもちろん、Microsoft OfficeなどAdobe以外のソフトにも対応しています。)

参考サイト

本日の課題

DMを作成し
5限目までにドロップボックスにUPしてください。
5限目に講評を行います。
※ファイル名は、work_○○○○_20210625.pdf