学科 DTP基礎

-本日のアジェンダ-

1限目
学科 DTP基礎
DTPとは?

2限目
学科 DTP基礎
画像解像度 ベクターデータとビットマップデータ

3限目
学科 DTP基礎
DM制作に向けて

4限目
学科 DTP基礎
作品の立案

5限目
学科 DTP基礎
作品の立案

本日のテーマ

納品する作品の準備③「DTP=印刷物」です。

【資料】

Dropboxにある資料をダウンロードしましょう。
作品制作のポイントをまとめた資料です。

[保存場所]
Dropbox / DEAUアカデミー WEBデザイナー養成科 (短時間) / 資料 / 【STEP2】デザインの理解・・・「デザインの考え方」の教科書③.pdf

【動画】「デザインの考え方」の教科書

DM 制作のポイント

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

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

参考サイト

ベクターデータとビットマップデータ

Adobe Illustratorは、アドビシステムズが販売するベクターイメージ編集ソフトウェアである。
Adobe Photoshopは、アドビシステムズが販売しているビットマップ画像編集アプリケーションソフトウェアである。

ベクターデータとは?

ベクターデータとは、図形やイラストなどのデータを占めるIllustratorが採用しているベクタ形式のことで、画像を点の座標とそれを結ぶ線などの数値データをもとにして再現していることを指します。

参考サイト

ビットマップデータとは?

ビットマップデータbitmap date) ビットマップデータとは、Photoshopの画像データ等のことで、ピクセル(点)の集合体として画像データを保持しています。 一般的に写真のような画像データは、ビットマップで構成されていることが多く、拡大や変形をすると画像が荒れてしまう性質があります。

参考サイト

CMYKとRGB

RGBカラーは、光の三原色「R(赤)・G(緑)・B(青)」のことです。
PCのモニターやデジカメ、スキャナなどは、このRGBカラーで色が表現されています。これらは混ぜれば混ぜるほど色が明るくなり、白色に近づいていくため『加法混色』と言われています。

CMYカラーは、色料の三原色「C(シアン)・M(マゼンタ)・Y(イエロー)」のことです。これらは混ぜれば混ぜるほど色が暗くなり、理論上は黒色に近づいていくため『減法混色』と言われています。理論上と書いたのには訳があり、実際にはどんどん濁った灰色になっていくのですが、一般的にイメージする『黒色』にはなってくれません。 プロセスカラー印刷では、黒の部分を引き締めるために、シアン(C)・マゼンタ(M)・イエロー(Y)にブラック(K)のインキを加えた4色(プロセスカラー)でフルカラーを表現しています。

参考サイト

今後の日程

  • 12月7日 (水) DM制作
  • 12月13日(火) 成績考査・・・作品の総まとめをWordpress固定ページにアップ

本日の課題

(課題提出はありません)
手書きでいいので、DMのイメージを作りましょう。
方向性をしっかりとイメージし制作を進めていきましょう。

実技 イラストロゴ作成実習④

-本日のアジェンダ-

1限目
実技 イラストロゴ作成実習④
トリムマークについて

2限目
実技 イラストロゴ作成実習④
名刺制作

3限目
実技 イラストロゴ作成実習④
名刺制作

4限目
実技 イラストロゴ作成実習④
名刺制作

5限目
実技 イラストロゴ作成実習④
名刺講評

本日のテーマ

文字について考えてみましょう

文字(フォント)デザインについて

まず、フォントとは既にデザインされている文字であると考えましょう。
既に特徴や印象を持っていて、更に昨今では様々なフォントが存在しています。ここでは、フォントの基礎知識を確認してみましょう。

名刺作成の参考サイト

【おススメフォント】

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

【2】文字デザイン

文字や文章の「読みやすさ」は、可読性、視認性、判読性という3つの要素から成ります。「可読性」とは文章が読みやすいか、「視認性」とはパッと見た瞬間の認識しやすさ、「判読性」とは誤読がないか、という指標です。書体(≒フォント)の種類や文字のサイズを変えたり、行間や字間を調節することで、これらの要素を高めることができます。ただし、どの要素を優先させるかは資料の目的や状況によって変わります。プレゼンのPowerPointsスライドなどでは視認性と判読性を、申請書などのWord文書などでは可読性を重視します。

参考サイト

本日の基本操作

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

ILLustrator基本操作まとめページ

引き続きの基本操作

  • 線パネル
  • アピアランスパネル
  • スタイライズ
  • クリッピングマスク
  • アウトライン
  • アピアランスの分割

レイアウトデザインのポイントとして

作成した作品を改めてみた時、「 配置した内容のグループ化 」「縦横の整列」「表現のルール化」「表現の差別化」「余白」を改めて見てみましょう。
これら5つを踏まえて、2提案目(ブラッシュアップ)した作品を作成してみましょう。

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

参考サイト

本日の課題

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