Webデザイン学科
授業資料

Webデザイン
画像のマスキングと文字ツール

概要解説

Photoshop で Web サイトやアプリの UI をデザインする上で、
画像をトリミングするためのマスキングは、とても重要です。
外部画像データの扱いとともに、マスキングの仕方を複数身に付けます。

GW(ゴールデンウィーク)宿題

来週よりゴールデンウィークが始まります。
新型コロナウィルス感染に気をつけながら、楽しんでいただければと思います。
ひとつ、「Web デザイン」の授業課題として写真を 10 枚以上撮影しておいてください。
今後の課題「GW 写真ギャラリー」で使用します。

授業資料

素材

習得技術

  • レイヤーの適切な命名
  • 画像のスマートオブジェクト化
  • マスク(トリミング)方法
  • シェイプツールの扱い、パターンの設定
  • 文字ツールと書体の扱い

授業内追加

授業内で早く終わってしまった場合は、アートボードを複製して展開時のデザインデータを作成してください。
下絵は、下記画像をダウンロードするか、Google Driveからダウンロードしてください。

トライデントスマホサイト展開図

提出

  • f81srv1(172.24.81.240)_提出用フォルダ内
  • ファイル名:wf1_00_lastname_tridentsp.psd
  • 2022 年 5 月 24 日(火曜日)授業前までに提出。授業内で講評します。

参考サイト

2022-05-10
Hideo kawaguchi