職業訓練ユニット07｜Photoshop基礎：レイヤーとマスク（22時間）

職業訓練ユニット7では、Photoshopの基本操作（画面の見方／レイヤー／選択／文字／書き出し）を中心に学習しました。この記事では、作業の流れを「次回も再現できる形」で整理し、つまずきやすいポイントと対処もまとめます。

この記事でわかること（3つ）

• Photoshop基礎で必須の「レイヤー／選択／調整」の考え方

• 画像編集を迷わず進めるための基本手順（私の手順メモ）

• 書き出しミスを防ぐ提出前チェックリスト

学習内容の全体像（ユニット7でやったこと）

• 画面構成と基本ツール（移動／選択／文字／ブラシ）

• レイヤー操作（作る・並べる・名前を付ける・グループ化）

• 選択範囲とマスク（切り抜きの基礎）

• 文字入れ（フォント・サイズ・行間）

• 画像補正（明るさ／色味の調整の入口）

• 書き出し（JPEG/PNG、サイズ、画質）

初期設定の基本（最初にここだけ押さえる）

• 画像サイズ：目的（Web/印刷）に合わせて最初に確認

• 解像度：Webは72ppi目安／印刷は300ppi目安（課題条件優先）

• カラーモード：WebはRGB／印刷はCMYK（課題条件優先）

ユニット7の作業手順（私の手順メモ）

1. 課題条件を確認（サイズ／形式／提出方法）

2. 画像を開く→複製して元データを残す

3. レイヤー名を付ける（背景／被写体／文字など）

4. 選択→マスクで切り抜き（やり直し可能にする）

5. 明るさ・色味を調整（やり過ぎない）

6. 文字を入れて整える（揃え・余白）

7. 書き出し（PNG/JPEG）→提出用にファイル名整理

つまずいた点と解決（原因→対処）

• 切り抜きがガタガタ → 選択範囲の調整＋マスクで微調整

• 文字が読みにくい → 背景に薄い帯／影／余白で可読性を確保

• 書き出し後に画質が荒い → 画像サイズと書き出し品質を再確認

提出前チェックリスト（1分で確認）

• 画像サイズが課題条件どおり

• 文字が端に寄りすぎていない（余白OK）

• レイヤー整理（必要なら統合前にPSD保存）

• 書き出し形式（PNG/JPEG）とファイル名

• 仕上がりを別画面（スマホ/別ブラウザ）で確認

学習のコツ（初心者向け）

• 「元画像を残す」「マスクで編集」が最優先（戻れるのが強い）

• レイヤー名を付けるだけで迷子が激減

• 迷ったら“やり直せる手順”に戻す（複製→マスク→調整）

まとめ｜次に読むおすすめ

• 前：Canva基礎（ユニット6）

• 次：Photoshop応用（ユニット8）

• 関連：デザイン概論（ユニット5）

参考（外部リンクと授業動画タイトル）

公式ヘルプ（分からない時はここ）

・選択の基本を学ぶ（選択ツールの基礎）：Adobe公式

・選択範囲とマスクを調整（Select and Mask系）：Adobe公式

・調整レイヤーと塗りつぶしレイヤーの操作：Adobe公式

・スマートオブジェクト – 概要とメリット：Adobe公式

＜授業動画タイトル＞
授業動画が視聴できないため、下の「授業動画タイトル一覧」は“チェックリスト”として活用しています。
タイトルから作業内容が想像できない場合は、同じキーワードで公式ヘルプを検索して補います。