Category Archives: 学科 ECサイト運用基礎

学科 ECサイト運用基礎②

-本日のアジェンダ-

1限目
学科 ECサイト運用基礎②
Photoshopの機能について

2限目
学科 ECサイト運用基礎②
Photoshopの機能について

3限目
学科 ECサイト運用基礎
バナー模写練習

4限目
学科 ECサイト運用基礎
バナー模写練習

5限目
学科 ECサイト運用基礎
バナー模写練習

本日のテーマ

まずはバナー「模写」で表現のコピーを目指しましょう。

覚えておくと良い基本操作(Ps)

  • レイヤースタイル
  • ブレンドモード
  • 塗りつぶしツール

レイヤースタイル

Photoshop では、シャドウ、光彩、ベベルなどの様々な効果を使用して、レイヤーの内容の外観を非破壊的な方法ですばやく変更できます。レイヤー効果は、レイヤーの内容にリンクされています。レイヤーの内容を移動または編集すると、変更された内容にも同じ効果が適用されます。例えば、テキストレイヤーにドロップシャドウを適用した後、新しいテキストを追加した場合、新しいテキストにも自動的にシャドウが追加されます。

  • ドロップシャドウ・シャドウ(内側)
  • 光彩(外側)
  • 光彩(内側)
  • べベルとエンボス「輪郭」「テクスチャ」
  • サテン
  • カラーオーバーレイ
  • グラデーションオーバーレイ
  • パターンオーバーレイ
  • 境界線
  • レイヤースタイルのコピー
  • レイヤースタイルのペースト

参考サイト

ブレンドモード

Photoshopブレンド描画モードの効果まとめ1【乗算・スクリーンなど】 フォトショップにはブレンドモード描画モード)といって、下にあるレイヤーに対してどういった合成をするかを設定できる機能があります。 イラストレーターにも透明パネルの中に同じような機能があるので、覚えておくと色々と使えます。

参考サイト

塗りつぶしツール

[塗りつぶし]ツールは、指定された領域を塗りつぶすためのツールです。 クリックした場所が[白]であれば、白い部分をすべて範囲として塗りつぶします。

バナー制作で覚えておきたい復習

  • スマートオブジェクト
  • 調整レイヤー
  • トリミング復習
  • レタッチ復習
  • 色調補正
  • クリッピングマスク
  • レイヤーマスク

バナー制作で覚えておきたい技術

  • レイアウト/文字/配色
  • カンバスサイズ
  • Web用に書き出し( jpg gif png )

本日の課題

「クリスマス」をテーマにバナー(模写)を作成してみましょう。
サイズは自由です。
作成したバナーを5限目終了までにドロップボックスにUPしてください。
※提出先・・・提出>【0331】バナー模写① 12月18日(土)
※ファイル名は、bnr_xxxx_20211218.jpg

学科 ECサイト運用基礎①

-本日のアジェンダ-

1限目
学科 ECサイト運用基礎①
WordPressについて・ユーザー作成

2限目
学科 ECサイト運用基礎①
記事の投稿・更新について

3限目
学科 ECサイト運用基礎①
テーマについて

4限目
学科 ECサイト運用基礎①
WordPressでポートフォリオを作ってみよう

5限目
学科 ECサイト運用基礎①
WordPressでポートフォリオを作ってみよう

本日のテーマ

WordPressで記事を公開できるようにしましょう

WordPressとは

WordPress(ワードプレス)は、ブログやサイト(ホームページ)を作成できるソフトです。
今や、世界中のサイトの約3分の1はWordPressで作られていると言われています。
日本国内でも、個人ブログだけでなく、企業や公共機関のサイトなどに幅広く利用されています。

WORDPRESS の記事

WORDPRESSのカテゴリーとタグについて

WORDPRESSのテーマ

ワンポイントアドバイス

Webデザイナーとして応募の際にポートフォリオサイトとして、最もよく使われていると言われているのが、WordPressです。また国内のWebサイト利用で最も利用されているCMSがWordPressです。まずはその特徴と内容を理解しておきましょう。

今後の予定

WordPress・ポートフォリオ関連の今後の予定は、以下の通りです。
・12/17(金):WordPressの使用法理解(本日)
・1/12(水):ポートフォリオ内容の検討(オンライン)
・1/17(月):ポートフォリオ作成 (オンライン)
・1/24(月):ポートフォリオ作成 (オンライン)
・2/9(水) :ポートフォリオ作成 (オンライン)
・2/11(金):成績考査(作成したWordPressサイト提出)

作成するWordPressサイトには、以下の内容を記載してください。
・ポートフォリオ
・「学科 グラフィックデザイン基礎①~⑦」の訓練ブログ(1/13開始)
・「学科 HTML基礎 ①~④ 」の訓練ブログ (1/13開始)
・「学科 CSS基礎①~④」の訓練ブログ (1/21開始)

本日の課題

WordPressのテーマを選定し本日の記事をUPしてください。