-本日のアジェンダ-
1限目
学科 ECサイトデザイン基礎②
パスパネルについて
2限目
学科 ECサイトデザイン基礎②
レイヤー管理について
3限目
学科 ECサイトデザイン基礎②
バナー制作
4限目
学科 ECサイトデザイン基礎②
バナー制作
5限目
学科 ECサイトデザイン基礎②
バナー制作
本日のテーマ
元データをしっかり管理しましょう。
マスク
Photoshopのマスクのかけ方は、大きく分けて、『クリッピングマスク』、『レイヤーマスク』、『ベクトルマスク』の3種類があります。
それと選択ツールの調整で使うクイックマスクモードがあります。
参考サイト
クリッピングマスク(ai)
クリッピングマスクは、その形状によってほかのアートワークをマスクするオブジェクトです。クリッピングマスクの内側にあるエリアのみが見えるように、アートワークをマスクの形状にクリップします。クリッピングマスクとマスクされたオブジェクトは、クリッピングセットと呼ばれます。
参考サイト
パスパネル
パスパネル. ペンツールやシェイプツールで作成したパス一覧を表示してくれます。また、パスで画像をくりぬく”クリッピングマスク”の設定もここでできます。 アクションパネル. Photoshop CC、CS6でこのパネルを使って動画を編集できます。
参考サイト
- Photoshop のパス管理 – Adobe Help Center
- Adobe Photoshop でパスを編集 – Adobe Help Center
- Photoshopのパネルの使い方:ドッキングするには?消えてしまったら?
課題
指定したサイトのTOPページへリンクするバナーを作成してください。
バナーで利用する写真素材は、サイト内に存在する画像を利用してください。
サイズは、幅300px × 高さ200px (できた方は幅200px × 高さ300pxで作成してみてください。)
>提出>【作品】バナー② にJPEG方式で保存してください。