-本日のアジェンダ-
1限目
学科 ECサイト運用基礎②
Photoshopの機能について
2限目
学科 ECサイト運用基礎②
Photoshopの機能について
3限目
学科 ECサイト運用基礎②
バナー模写練習
4限目
学科 ECサイト運用基礎②
バナー模写練習
5限目
学科 ECサイト運用基礎②
ECサイトについて
本日のテーマ
まずはバナー「模写」で表現のコピーを目指しましょう。
覚えておくと良い基本操作（Ps）
- レイヤースタイル
- ブレンドモード
- 塗りつぶしツール
レイヤースタイル
Photoshop では、シャドウ、光彩、ベベルなどの様々な効果を使用して、レイヤーの内容の外観を非破壊的な方法ですばやく変更できます。レイヤー効果は、レイヤーの内容にリンクされています。レイヤーの内容を移動または編集すると、変更された内容にも同じ効果が適用されます。例えば、テキストレイヤーにドロップシャドウを適用した後、新しいテキストを追加した場合、新しいテキストにも自動的にシャドウが追加されます。
- ドロップシャドウ・シャドウ（内側）
- 光彩（外側）
- 光彩（内側）
- べベルとエンボス「輪郭」「テクスチャ」
- サテン
- カラーオーバーレイ
- グラデーションオーバーレイ
- パターンオーバーレイ
- 境界線
- レイヤースタイルのコピー
- レイヤースタイルのペースト
参考サイト
- Adobe Photoshop のレイヤー効果とスタイル – Adobe Help Center
- 【Photoshop】レイヤースタイル、レイヤー効果の使い方と …
- レイヤースタイル – Photoshop Elements – Adobe Help Center
ブレンドモード
Photoshopのブレンド（描画）モードの効果まとめ１【乗算・スクリーンなど】 フォトショップにはブレンドモード（描画モード）といって、下にあるレイヤーに対してどういった合成をするかを設定できる機能があります。 イラストレーターにも透明パネルの中に同じような機能があるので、覚えておくと色々と使えます。
参考サイト
- Photoshop 描画モードはこれで理解できる実用サンプル付き！
- 知ってるようで知らない、Photoshopの描画モードを全て解説！［1/4 …
- Sketch のブレンドモード全16種類をマスターする【前編】 ｜ SiTest …
塗りつぶしツール
[塗りつぶし]ツールは、指定された領域を塗りつぶすためのツールです。 クリックした場所が[白]であれば、白い部分をすべて範囲として塗りつぶします。
文字ツール
Photoshopで文字入力をする場合に使用するツールです。Illustratorのように文字パネルを使用してフォントやトラッキング、ベースラインなど細かく設定ができます。
バナー制作で覚えておきたい復習
- スマートオブジェクト
- 調整レイヤー
- トリミング復習
- レタッチ復習
- 色調補正
- クリッピングマスク
- レイヤーマスク
- ベクトルマスク
バナー制作で覚えておきたい技術
- レイアウト/文字/配色
- カンバスサイズ
- Web用に書き出し（ jpg gif png ）
インターネット広告とは？
インターネット広告とは、インターネットのウェブサイトやメールを使用し、企業が製品やサービスのマーケティングのために行う宣伝活動のことである。携帯電話などのモバイル端末に表示される広告も含まれる。「ネット広告」と略されるほか、「オンライン広告」「ウェブ広告」とも呼ばれる。 ウィキペディア
インターネット広告主な種類
- インターネット広告
- リスティング広告（検索連動型広告）
- 純広告
- アフィリエイト広告
- ネイティブ広告
- SNS広告
- 動画広告
- メール広告
参考サイト
ECサイトについて
ECサイトとは、自社の商品やサービスを、インターネット上に置いた独自運営のウェブサイトで販売するサイトのことである。ECとは英語: electronic commerceの略。 複数の企業や個人商店がインターネット上の1か所で出店する形態のウェブサイトは、電子商店街の項目を参照。 ウィキペディア
参考サイト
バナー広告とは？
バナー はウェブページ上で他のウェブサイトを紹介する役割をもつ画像のこと。本来、旗印を意味し、ウェブページ上で広告が目立つように使われたことから、この通名で呼ばれ定着した。 主に広告・宣伝用に作られ、ウェブサイトへのハイパーリンク用にも利用される。 ウィキペディア
参考サイト
ワンポイントアドバイス
そもそも人の目は錯覚します。デザインをする時は、機械の力と一緒に正確なレイアウトを心がけてみましょう。
本日の課題
「バレンタイン」をテーマにバナー（模写）を作成してみましょう。
サイズは自由です。
作成したバナーを4限目終了までにドロップボックスにUPしてください。
※提出先・・・提出＞【0344】バナー模写① 1月5日(水)
※ファイル名は、bnr_xxxx_20220105.jpg