2025/11/18 実技・ECサイトデザイン実習①

– 本日のアジェンダ –

1限目
実技 ECサイトデザイン実習①
Photoshopの機能について

サムネイル画像:親指(サム)の爪(ネイル)のように小さい画像という意味。
解像度下げたり圧縮しているので、読み込みが早く、一覧表示で多くの画像を素早く見ることができます。
見本画像。

●復習
・レイヤーマスク
背景をPhotoshopで開く→レイヤーをコピー→コピーをスマートオブジェクト化→元の背景は目のマーク押して隠しておく
点線の長方形ツール(長方形選択ツール)で切り取りたい範囲を囲む→レイヤーパネルでマスクしたいレイヤーをクリック→日の出マークみたいなレイヤーマスクボタンを押す
ブラシツールで自由にマスクのつけたしもできる

・ベクトルマスク
図形ツールで切り取りたい図形作る→左上のシェイプをパスに変更→レイヤー内ベクトルマスク→現在のパス→図形の形に切り取られる
パスの変更→ウインドウからパスパネルを出す→パス選択ツール(白い矢印)→頂点をクリック→変形可能

・クリッピングマスク
オブジェクト→左上はシェイプに→切り抜きたい画像レイヤーの下に切り抜きたい図形を置く→右ク クリッピングマスクを作成


2限目
実技 ECサイトデザイン実習①
Photoshopの機能について

3限目
実技 ECサイトデザイン実習①
サムネイル画像 作成

4限目
実技 ECサイトデザイン実習①
サムネイル画像 作成

5限目
実技 ECサイトデザイン実習①
サムネイル画像 講評


本日のテーマ

サムネイル画像 について

本日の課題

-サムネイル画像 作成練習 –

サムネイル画像作成し、
4限目終了までにご自身のポートフォリオサイトにアップしてください。
5限目に講評を行います。

※目標2つ以上で制作しましょう。

本日学んだこと

サムネイルの作成について
Photoshop3つのマスク方法

感想

本日はPhotoshopの復習とサムネイル作成を行いました。
サムネイルの作成はとても面白く感じました。
ただ色の調整がまだどれが正解かわかっていないので経験を積んでいけたらと思います。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

上部へスクロール