学科 ユーザーインターフェイス基礎③【オンライン】 2025年9月22日
講師:夏目 先生
-本日のアジェンダ-
1限目
学科 ユーザーインターフェイス基礎③
作品の制作について
2限目
学科 ユーザーインターフェイス基礎③
作品の立案
3限目
学科 ユーザーインターフェイス基礎③
作品の立案
4限目
学科 ユーザーインターフェイス基礎③
作品の立案
5限目
学科 ユーザーインターフェイス基礎③
作品の立案
本日のテーマ
納品する作品の準備です。
【MEMO】
①クライアントが何を求めているのか
②納期
目的地に対してどこからどこを通り、どのくらいの距離をどのように
というロジックを配置する
1.起点を決める
2.ルートを決める
3.目印を決める
4.店に到着したとわかるようにしておく
GoogleマップをスクショしてトレースしてもOK
画面全体のスクリーンショット
Macで「Command + Shift + 3」
イラストACやココナラで地図を見てみる
手書きっぽい地図→ブラシを使う
ウインドウ→ブラシ(本みたいなマーク・左下)
線路を作る
アピアランスパネル
ウインドウ アピアランス
何層でも重ねることができる
fx パスの変形
アピアランスの分割をしてダイレクト選択ツール
形を変えられる
まず黒い線を作る→線の追加で白を作り小さくする→線の☑️破線 線分と間隔をいじる
線だけで完成
完成したらグループ化する
アピアランスで線設定
スタイライズ
アピアランス→fx→スタイライズの中のぼかし、ドロップシャドウ、光彩、落書き
グリッピングマスク
ロゴやポスターで、特定の形に画像を収めたい時
写真や模様を文字の中に入れたい時
デザインの中で、視覚的に整理された印象を出したい時
マスクにしたい形(例:円や文字)を作る
中に入れたい画像やオブジェクトを用意する
両方を選択(Shiftキーで複数選択)
メニューから →「オブジェクト」→「クリッピングマスク」→「作成」 またはショートカット:Command + 7(Mac)
