投稿者: mitsu

-本日のアジェンダ-

1限目
実技 ECサイトデザイン実習①
マスク機能の復習

2限目
実技 ECサイトデザイン実習①
バナー制作

3限目
実技 ECサイトデザイン実習①
バナー制作 講評

4限目
実技 ECサイトデザイン実習①
バナー制作

5限目
実技 ECサイトデザイン実習①
バナー制作 講評

本日のテーマ

ひたすらバナー作成の練習です！

課題

旅行会社のサイトTOP、または特集ページへリンクするバナーを作成してください。
バナーで利用する写真素材は、サイト内に存在する画像を利用してください。
>提出>【作品】バナー③　にJPEG方式で保存してください。
サイズは指定なしです。

参考サイト

• バナーとは？サイズや作り方とか初心者が知っておくと良いこと。
• 国際標準バナーサイズ – webディレクション

-本日のアジェンダ-

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

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

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

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

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

本日のテーマ

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

マスク

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

参考サイト

• Photoshopのクリッピングマスク・レイヤーマスク・ベクトルマスク基礎講座
• Photoshopのマスクの基本的な使い方
• [Photoshop]マスクの方法まとめ

クリッピングマスク（ai）

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

参考サイト

• クリッピングマスクの作成方法 （Illustrator） – Adobe Help Center
• Illustrator でクリッピングマスクを使用および編集する方法
• クリッピングマスクと不透明マスク

パスパネル

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

参考サイト

• Photoshop のパス管理 – Adobe Help Center
• Adobe Photoshop でパスを編集 – Adobe Help Center
• Photoshopのパネルの使い方：ドッキングするには？消えてしまったら？

課題

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