フォトショップの練習問題

こちらの課題は、どなたでも活用いただけます。
・ポートフォリオ掲載可
・講師の方が授業での利用可
※転載、再配布、改変は禁止です。URLのシェアをお願いいたします。
※TwitterやInstagramでの公開もOK!
※現在テスト運用中なので、予告なく非公開になることがあります。
フォトショップの練習問題

Photoshop初心者の学習ロードマップ|バナー1枚を作って保存・公開するまで

Photoshopは何から学ぶ?文字・レイヤー・画像配置から、バナー制作、保存、ポートフォリオ公開までを既存の無料教材と確認リストで案内します。
フォトショップの練習問題

Photoshop画像アセット書き出しの使い方|出力されないときの確認手順

この記事でできることレイヤー名を使って画像をまとめて書き出す手順と、書き出せないときの確認方法を紹介します。バナー1枚だけを書き出す場合は「ファイル > 書き出し > 書き出し形式」も選択肢です。繰り返し素材を更新する場合に画像アセットを使...
フォトショップの練習問題

Photoshop アートボードツールの使い方&隣に見本をおいてみよう

概要文字やレイヤーの操作から学びたい方は、Photoshop学習ロードマップへ戻れます。この記事では、見本と制作中の画面を並べて比べる方法を扱います。Photoshopの応用機能解説です。この記事では「アートボード」機能を紹介します。アート...
フォトショップの練習問題

photoshop合成練習

作業内容2つの素材を合成および、補正をして次の画像を作成してください。素材データ使用ソフトAdobe Photoshop使用する主な機能例 画像配置 オブジェクト選択 調整レイヤー答え合わせ(動画)
フォトショップの練習問題

Photoshop レイヤースタイルを理解する

概要Photoshopの応用機能解説です。この記事では「レイヤースタイル」機能を紹介します。レイヤースタイルの基本WEBデザインにおいて、ボタンなどに影をつけたような加工をすることがよくあります。影をつける作業をどのように行えば良いのか説明...
フォトショップの練習問題

Photoshop クイックマスクモードを理解する

概要Photoshopの選択ツール解説の続きです。この記事では「クイックマスクモード」「選択とマスク」機能を紹介します。Photoshopの選択範囲の概念を把握しよう今回解説する「クイックマスクモード」「選択とマスク」を理解するにあたって、...
フォトショップの練習問題

Photoshop グラデーションの基本

概要Photoshopの使い方解説の基本の続きです。この記事では「グラデーション」機能を紹介します。グラデーションは色の選択、ツール、グラデーションレイヤーなど複数の要素があり、非常に説明が難しいです。うまく説明するように頑張ってみたいと思...
フォトショップの練習問題

Photoshop 調整レイヤーの基本

概要Photoshopの使い方解説の基本の続きです。この記事では「調整レイヤー」機能を紹介します。調整レイヤーを使うと画像を明るくする、一部の色を変更するなど表現の幅が非常に広くなります。グラフィック表現に力を入れたい方はぜひマスターしまし...
フォトショップの練習問題

Photoshopのクリッピングマスクを理解しよう

概要Photoshopのレイヤーマスクについては以下の記事で紹介しています。この記事では「クリッピングマスク」というレイヤーマスクと似た機能を紹介します。こちらもしっかりと使い方を把握しましょう。角丸長方形の画像を作成するクリッピングマスク...
フォトショップの練習問題

Photoshop使い方解説③ 図形描画とペンツール

この記事では、Photoshopの基本の使い方を解説します。上記の記事の続きです。図形を作成するWEBデザインでボタンを作成したり、文字の後ろに長方形を置いたりなど簡単な図形を作る機会はたくさんあります。どのように図形を作成するのか把握して...
フォトショップの練習問題

Photoshop使い方解説② レイヤーと移動ツール

この記事では、Photoshopの基本の使い方を解説します。上記の記事の続きです。レイヤーを理解するレイヤーパネルレイヤー関連の操作はレイヤーパネルで行います。出してみましょう。ウインドウ > レイヤー レイヤーの種類レイヤーにはいくつか種...
フォトショップの練習問題

Photoshop使い方解説① 基礎と文字ツール

この記事では、Photoshopの基本の使い方を解説します。学ぶ順番に迷ったら、Photoshop初心者の学習ロードマップで、文字・レイヤー・バナー制作から保存・作品公開までの練習順と確認方法をご覧ください。画面説明最初にワークスペースの状...