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

-本日のアジェンダ-

1限目
実技 イラストロゴ作成実習②
ロゴについて

2限目
実技 イラストロゴ作成実習②
ロゴ作成実習

3限目
実技 イラストロゴ作成実習②
ロゴ作成実習

4限目
実技 イラストロゴ作成実習② 
ロゴ作成実習

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

本日のテーマ

ロゴを作ってみましょう

ロゴとは?

ロゴタイプ,通称「ロゴ」 は、図案化・装飾化された文字・文字列のことで、団体名、商号、商品名、雑誌名、書名等を印刷・表示する際などに使用される。

参考サイト

ロゴ制作のポイント

先ずは、いろいろなロゴを見て真似てみましょう。そして真似たデザインの要素を理解してみましょう。

提案の考え方について

商業デザインというお仕事は、お客さま(クライアント)とその先の、お客さま(ユーザー)を意識したデザインが求められます。
先ずは、 お客さま(クライアント) の希望するイメージを具現化しなければなりません。様々な提案方法を確認し実装出来るようにしていきましょう。

本日の基本操作

  • 文字ツール
  • 文字パネル
  • 字形パネル
  • 段落
  • 整列パネル
  • 変形パネル
  • パス上文字ツール
  • アウトライン表示

Illustrator基本操作まとめページ


ワンポイントアドバイス

デザインの順番として「1.レイアウト」なので、最初は色を使わない(白黒)癖の無いフォント(文字)を使う。から始めて、「2.文字」を選ぶ(変える)そして配色(色を変えてみる)の順番で進めてみましょう。

デザインの基本として

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

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


参考サイト

【2】文字デザイン

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

参考サイト

【3】配色デザイン

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

参考サイト

本日の課題

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

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

-本日のアジェンダ-

1限目
実技 イラストロゴ作成実習①
ピクトグラムについて

2限目
実技 イラストロゴ作成実習①
ピクトグラム作成実習

3限目
実技 イラストロゴ作成実習①
ピクトグラム作成実習

4限目
実技 イラストロゴ作成実習①
ピクトグラム作成実習

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

本日のテーマ

ピクトグラムを作ってみましょう

ピクトグラムとは (pictogram)とは 

ピクトグラムとは、言葉を使わなくても情報を伝えられる、単純化された視覚記号です。

参考サイト

ピクトグラム制作のポイント

「実際に使って見たイメージ」「デザインをそぎ落とした時の見やすさ」「情報の伝わりやすさ」 が大切です。1つの施設や企業といったテーマで、共通の世界観を持たせてみましょう。線の太さ・間隔の開け方・角丸カーブを揃えるなど 共通 のデザインルールを設けてみましょう 。

まずはじめに…

ガイドの作成をしましょう。
1. アートボード を用意する
  例:A4サイズ( 210 × 297 ミリ,CMYK )
2. 正方形(線無し)を用意する
3.「編集>環境設定>一般>(キー入力)」 でキー移動の値を変更
4.Alt+矢印キーで図形を複製
5.「表示>ガイド>ガイドの作成」でガイドを作成する
6. レイヤーパネルはロックし名前「ガイド」を付けて管理しましょう。

本日の基本操作

  • アウトライン「パス」「書式」
  • 定規・ガイド
  • スマートガイド
  • 環境設定(キー入力)

Illustrator基本操作まとめページ

アウトライン

アウトライン化とは、文字や線、パス、ブラシなどのアピアランス(装飾)をオブジェクトに変換することを指します。 文字をアウトライン化すると、画像下側のようにパスで囲まれたオブジェクトに変換されます。 文字をアウトライン化する理由は、違うパソコンでデータを開いてもフォントが置き換わらないようにするためです。

参考サイト「パスのアウトライン」

定規・ガイド

ガイドとは、通常青い線で表示され、レイアウトする範囲を示したり、オブジェクトを並べたりする時の目安として利用される、印刷されない線です。 自由に表示・非表示を切り替えておくことができ、表示したまま入稿しても問題ありません。

参考サイト

スマートガイド

スマートガイドとは、オブジェクトやアートボードを作成または操作するときに 一時的に表示されるガイドで、他のオブジェクトとの相対関係で作成、整列、編集 変形の際にスナップしたり、位置関係を示して作業を補佐してくれる機能です。

参考サイト

環境設定(キー入力)

環境設定で、キーボードの矢印キーの上下左右ボタンの入力で、選択しているオブジェクトやアンカーポイントが移動する距離を設定できます。

参考サイト

〜今までの基本操作〜

オブジェクトの塗りと線(Ai)

Illustratorで描画したものには塗りと枠に線で色をつけることができます。「塗り線」を組み合わせるのが基本になります。

参考サイト

本日の課題

ピクトグラムを作成し
4限目終了までにドロップボックスにUPしてください。
提出先・・・ 提出 / 【0347】ピクトグラム 01月07日(土)

5限目に講評を行います。
※ファイル名は、work_○○○○_20230107.pdf