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

-本日のアジェンダ-

1限目
実技 イラストロゴ作成実習⑥
名刺作成の下準備

2限目
実技 イラストロゴ作成実習⑥
文字組について

3限目
実技 イラストロゴ作成実習⑥
作品制作

4限目
実技 イラストロゴ作成実習⑥
作品制作

5限目
実技 イラストロゴ作成実習⑥
作品制作

本日のテーマ

自分らしい名刺を作ってみましょう

課題

Illustratorで、名刺の縦・横を作成してください。(A4のpdfで提出す。)
今日(2/2)の5限目終了までの提出とします。
提出場所: Dropbox
  提出>【作品】名刺_20210202
ファイル名:work_〇〇〇〇 _20210202.pdf
※ 個人情報は提出しないでください!!!

名刺に必要な情報(例)

利用シーンに応じて、必要な項目を取捨選択して、グルーピングしてみましょう。
・氏名
・氏名欧文表記
・氏名ふりがな
・ロゴ
・屋号・会社名(部署名)
・会社のキャッチフレーズ
・役職・肩書き
・住所
・電話番号
・FAX
・メールアドレス
・SNS(Twitter、Instagram)
・WEBサイトURL
・WEBサイトバーコード
・顔写真、似顔絵
・仕事内容
・営業時間や定休日

■ 名刺の制作について

横書き・縦書きそれぞれのレイアウトで作成してみましょう。
裏面に載せられる情報がある場合は、作成してみましょう。

名刺のデザインのポイントは「交換」と「管理」と「思い出す」の場面を想定して作成してみましょう。
企業としての名刺なのか個人としての名刺なので、個性的なデザイン特徴をどう出すか考えてみましょう。
印刷物としての特徴や入稿時の注意点なども考えた上で作成してみましょう。




■ ILLUSTRATOR操作のキーワード 

操作ポイント(ガイドとトリムマーク)

操作ポイント(レイヤーのクリッピングマスク)


文字パネル

字形パネル 


  • 新規作成
  • 保存
  • 複製で保存 >ファイルの種類:PDF > 最小ファイルサイズで保存
  • アートボード
  • 配置(テンプレートとリンク)
  • 編集メニュー > 環境設定 > 一般、キー入力

  • 長方形ツール・楕円形ツール・多角形ツール・スターツール・直線ツール
  • 変形パネル > 線幅と効果を拡大・縮小
  • プロパティパネル > アピアランス> 塗り・線
  • 整列パネル
  • (オブジェクト右クリック)>重ね順
  • パスファインダーパネル(合体・前面オブジェクトで型抜き・交差…等)
  • 効果(ワープ)
  • アピアランスパネル
  • アピアランスの分割
  • 選択ツール ※黒矢印です
  • ダイレクト選択ツール ※白矢印です (アンカーポイント・パス・ハンドル)
  • アンカーポイントツール
  • 曲線ツール
  • ペンツール
  • ハサミツール
  • リフレクトツール
  • 回転ツール+変形の繰り返し「Ctrl+D」
  • (オブジェクト右クリック)>連結、単純化
  • シェイプ形成ツール
  • パペットワープ ツール
  • 線幅ツール

  • グループ化 「Ctrl + D」 ・解除 「Ctrl + Shift + D」
  • レイヤーパネル
  • レイヤーの新規作成・追加・削除、重ね順の変更
  • レイヤーの名称変更  ※レイヤー名称ダブルクリックです
  • レイヤーオプション  ※サムネイルダブルクリックです
  • (レイヤーの)クリッピングマスク 【New】
  • 文字ツール
  • 文字パネル
  • パス上文字ツール
  • 書式のアウトライン



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

-本日のアジェンダ-

1限目
実技 イラストロゴ作成実習⑤
発表会

2限目
実技 イラストロゴ作成実習⑤
配色について

3限目
実技 イラストロゴ作成実習⑤
アクセスマップ制作

4限目
実技 イラストロゴ作成実習⑤
アクセスマップ制作

5限目
実技 イラストロゴ作成実習⑤
アクセスマップ制作

本日のテーマ

アクセスマップを”提案”してみましょう。

課題

Illustratorで、アクセスマップを2つ以上作成し提案してください。(A4のpdfです。)
今日(2/1)の5限目終了までの提出とします。
提出場所: Dropbox
  提出>【作品】アクセスマップ_20210201
ファイル名:work_〇〇〇〇 _20210201.pdf

バリエーション違いのヒント:
2つMAPのコンセプトをはっきりさせてみよう。
 ・かわいい vs かっこいい…
 ・20代女性向け vs 全ての年代・性別向け…
 ・国内向け vs 訪日ゲスト向け…
 ・自分の初回制作版 vs 改善後…
 ・チラシやWebサイトのイメージから逆算…
※『アクセスマップ 〇〇〇』で画像検索するのもアリです。
〇〇〇は、『街歩き』『美容院』 『カフェ』等

■ アクセスマップの制作について

  1. ポイントはピクトグラムと同じく「情報の伝わりやすさ」「デフォルメの質」「リアリティの理解」です。
  2. 1 つの企業や施設・企画等で、共通ルールをもたせてみましょう。
  3. 集客力や施設の大きさによって必要な案内の内容が異なるところも気を付けてみましょう。
  4. サイトデザイン・チラシやパンフレット等のデザインバランスも考えて進めてみましょう。

■ 配色デザイン

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

参考サイト


■ ILLUSTRATOR操作のキーワード 

操作ポイントの補足


  • 新規作成
  • 保存
  • 複製で保存 >ファイルの種類:PDF > 最小ファイルサイズで保存
  • アートボード
  • 配置(テンプレートとリンク)
  • 編集メニュー > 環境設定 > 一般、キー入力

  • 長方形ツール・楕円形ツール・多角形ツール・スターツール・直線ツール
  • 変形パネル > 線幅と効果を拡大・縮小
  • プロパティパネル > アピアランス> 塗り・線
  • 整列パネル
  • (オブジェクト右クリック)>重ね順
  • パスファインダーパネル(合体・前面オブジェクトで型抜き・交差…等)
  • 効果(ワープ)
  • アピアランスパネル【New】
  • アピアランスの分割
  • 選択ツール ※黒矢印です
  • ダイレクト選択ツール ※白矢印です (アンカーポイント・パス・ハンドル)
  • アンカーポイントツール
  • 曲線ツール
  • ペンツール
  • ハサミツール
  • リフレクトツール
  • 回転ツール+変形の繰り返し「Ctrl+D」
  • (オブジェクト右クリック)>連結、単純化
  • シェイプ形成ツール
  • パペットワープ ツール
  • 線幅ツール

  • グループ化 「Ctrl + D」 ・解除 「Ctrl + Shift + D」
  • レイヤーパネル
  • レイヤーの新規作成・追加・削除、重ね順の変更
  • レイヤーの名称変更  ※レイヤー名称ダブルクリックです
  • レイヤーオプション  ※サムネイルダブルクリックです
  • レイヤーの クリッピングマスク 【New】 
  • 文字ツール
  • 文字パネル
  • パス上文字ツール
  • 書式のアウトライン

■ aiデータの入稿用時の注意点