学科 ECサイトデザイン基礎②

-本日のアジェンダ-

1限目
学科 ECサイトデザイン基礎②
パスパネルについて

2限目
学科 ECサイトデザイン基礎②
レイヤー管理について

3限目
学科 ECサイトデザイン基礎②
バナー制作

4限目
学科 ECサイトデザイン基礎②
バナー制作

5限目
学科 ECサイトデザイン基礎②
バナー制作

本日のテーマ

元データをしっかり管理しましょう。

マスク

Photoshopのマスクのかけ方は、大きく分けて、『クリッピングマスク』、『レイヤーマスク』、『ベクトルマスク』の3種類があります。
それと選択ツールの調整で使うクイックマスクモードがあります。

参考サイト

クリッピングマスク(ai)

クリッピングマスクは、その形状によってほかのアートワークをマスクするオブジェクトです。クリッピングマスクの内側にあるエリアのみが見えるように、アートワークをマスクの形状にクリップします。クリッピングマスクとマスクされたオブジェクトは、クリッピングセットと呼ばれます。

参考サイト

パスパネル

パスパネル. ペンツールやシェイプツールで作成したパス一覧を表示してくれます。また、パスで画像をくりぬく”クリッピングマスク”の設定もここでできます。 アクションパネル. Photoshop CC、CS6でこのパネルを使って動画を編集できます。

参考サイト

課題

指定したサイトのTOPページへリンクするバナーを作成してください。
バナーで利用する写真素材は、サイト内に存在する画像を利用してください。
サイズは、幅300px × 高さ200px (できた方は幅200px × 高さ300pxで作成してみてください。)
>提出>【作品】バナー② にJPEG方式で保存してください。

学科 ECサイトデザイン基礎①

-本日のアジェンダ-

1限目
学科 ECサイトデザイン基礎①
バナーについて

2限目
学科 ECサイトデザイン基礎①
バナー作成

3限目
学科 ECサイトデザイン基礎①
バナー作成

4限目
学科 ECサイトデザイン基礎①
バナー作成

5限目
学科 ECサイトデザイン基礎①
バナー作成

本日のテーマ

バナー作りましょう!

レイヤースタイルについて

レイヤーに対して手軽に様々な表現が可能になる必須テクニックです。
私は本業がUIデザイナーですが、これがないと仕事にならない!っていうくらいに大事な機能となってます。

参考サイト

課題

昨日作成したフライヤーのバナーを作成してみてください。
サイズは「300px × 200px」で作成し、JPEG形式で提出してください。