DEAUアカデミー WEBデザイナー養成(午前)科 – ページ 179 – 日々の訓練内容をこちらに掲載していきます。

-本日のアジェンダ-

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

2限目
実技 ECサイトデザイン実習①
デザインテーマ（アパレル）

3限目
実技 ECサイトデザイン実習①
発表会

4限目
実技 ECサイトデザイン実習①
デザインテーマ（ファッション）

5限目
実技 ECサイトデザイン実習①
発表会

本日のテーマ

デザインジャンルごとの特徴について

バナーデザインのコツについて

デザインはまず真似をする事が上達の近道です。
今日の課題は、「参考バナー」と「企画バナー」を融合して
「オリジナルバナー」を作成してみましょう。

バナーの参考サイト

制作のポイント！

デザインの3要素をしっかり見抜いてみましょう。

【1】文字デザイン
【2】配色デザイン
【3】レイアウトデザイン

参考サイト

-本日のアジェンダ-

1限目
学科 ECサイトデザイン基礎②
マスクの種類ついて

2限目
学科 ECサイトデザイン基礎②
マスクの使いこなし方について

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

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

5限目
学科 ECサイトデザイン基礎②
発表会

マスクのおさらいをしておきましょう

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

「対象のオブジェクトを選択」⇒
※マスクする形（オブジェクト）は上
「レイヤー」⇒
「グループ化」⇒
※親のレイヤーを選択
「クリッピングマスク」を選択

「対象のオブジェクトのレイヤーを選択」⇒
※マスクする形（オブジェクト）は下
「対象のレイヤー右クリック」⇒
「クリッピングマスク」を選択

「選択範囲を取る」⇒
「レイヤーを選択」⇒
「レイヤーマスク」を選択
※マスク後レイヤーで白～黒のピクセルで調整可能

「パスを作成」⇒
「レイヤーを選択」⇒
「タブよりレイヤー」⇒
「ベクトルマスク」を選択
※マスク後パス選択ツール等で調整可能

パスパネルを利用することで
「選択範囲」⇔「パス」
また、パスの保存が可能

クイックマスクモードで
「選択範囲」をブラシ（白～黒）で調整可能