1限目
学科 ユーザーインターフェイス基礎②
作品の制作について
2限目
学科 ユーザーインターフェイス基礎②
作品の制作について
3限目
学科 ユーザーインターフェイス基礎②
作品の立案
4限目
学科 ユーザーインターフェイス基礎②
作品の立案
5限目
学科 ユーザーインターフェイス基礎②
作品の立案
ロゴ制作
ピクトグラムにプラスした考案のポイント
→「特徴を掴む」+「目的の表現」
目的を文字に箇条書きしてみる。
ピクトグラムと同じように、
例えば
「飲食店のロゴ」
→商品内容、価格、歴史、場所
「製品のロゴ」
→製品の特長、使用頻度、価格、歴史
「価格」や「歴史」は目的が重複。
→更に深く特徴を考えて、
他業種や多ジャンルとの差別化を意識した表現を考えてみる。
その目的をどう表現し、伝わるデザインにしていくかを考える。
ロゴデザイン→最低10~20個以上の案を提出(第一提案)

イラストレーター操作
文字ツール
文字ツールは名前の通り、文字を入力するツールです。 文字の入力方法は、2種類あります 。
【ポイント文字】の入力
文字ツールで、画面の好きなところをクリックすると、カーソル(Iビーム)が表示されます。そのまま、文字を入力すれば、クリックした部分を先頭に文字が入力されていきます。
【エリア文字】の入力
長文の文章など、一定の幅で文章を折り返したい場合は、エリア文字を使います。文字ツールで、画面内を斜めにドラッグすると、文字を入力するためのテキストエリアが出来上がります。
ポイント文字とエリア文字の切り替え
「バウンディングボックスの端にある『ポチ(制御点)』をダブルクリックする」だけで切り替え可能です。
◼︎切り替えの具体的な手順
選択ツール(黒矢印)で、対象のテキストをクリックします。
テキストボックスの右側(または右下)に飛び出している小さな「○」を探してください。
その「○」をダブルクリックします。
白抜きの○(ポイント文字の状態)をダブルクリック → エリア文字に変換
塗りつぶしの●(エリア文字の状態)をダブルクリック → ポイント文字に変換
参考サイト(Ai)
- Illustrator でテキストを作成する方法 – Adobe Help Center
- [Illustrator]文字ツールの使い方 | バンフートレーニングスクール スタッフ ブログ
- イラストレーターの文字ツール種類と使い方
文字パネル
文字を入力する前後で、フォントを決めたり、サイズを決めたり変更したり、テキスト属性を設定したりできます。
入力後に全文または一部の文字だけ書式を変更するときは、変更したい文字を選択して、文字パネルを使って変更します。
参考サイト(Ai)
字形パネル
字形パネルは「そのフォントに収録されているすべての文字を一覧表示して、自由に取り出せる道具箱」のようなものです。
キーボードでは入力できない特殊な記号や、同じ漢字でも微妙に形が違う「異体字」などを使いたいときに重宝します。
参考サイト(Ai)
- Illustrator で特殊文字を使う方法 – Adobe Help Center
- 特殊記号を探すときは、Illustratorの字形パネルを活用しよう!
- ようやく、ようやく、ようやく!実装されたIllustratorの文字選択関連の機能強化
段落パネル
行揃えの指定、単語、文字、段落間隔の調整、段落のインデント、ハイフネーションの調整などを行うことができます。
参考サイト(Ai)
パス上文字ツール
パス上文字ツールは、一言でいうと「描いた線(パス)をレールにして、その上に文字を走らせる道具」です。
ロゴデザインで文字を丸く配置したいときに欠かせないツールです。
参考サイト
整列パネル
整列パネルは、バラバラに配置された図形や文字を、「ピシッと一列に並べたり、等間隔に配置したりする」ための司令塔です。
手作業で並べるよりも、100倍速くて正確にレイアウトできます。
参考サイト
- Illustrator でオブジェクトを移動、整列、分布させる方法 – Adobe Help Center
- イラストレーター 整列パネルの使い方① オブジェクトの整列編
- 整列パネルを使いこなそう | ソフトの操作.com
変形パネル
Illustrator の変形パネルでは、オブジェクトの位置、サイズおよび方向を設定します。パネルに値を入力することで、選択したオブジェクトの位置や大きさ、角度を変更することができます。また、変形の基準点を変更したり、オブジェクトの縦横比を固定したまま拡大・縮小したりすることが可能です。
参考サイト
アウトライン表示
イラストレーターの表示方法は『プレビュー』と『アウトライン』の2種類があります。
『プレビュー』は[塗り]も[線]もアピアランス効果も見える、つまり普通に作業している状態。
『アウトライン表示』というのはオブジェクトのアウトライン、つまりパスだけを表示する白黒のモードです。