Photoshopでチャンネルミキサーを使う方法【初心者向け】
Photoshopで【チャンネルミキサー】を使う方法を初心者向けに解説した記事です。チャンネルミキサーを使うことで、色を要素ごとに分けて、細かい調整が可能になります。3つの円の画像を例にして、色がどのように変わるのか具体例を紹介。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
Photoshopでチャンネルミキサーを使う方法を初心者向けに解説した記事です。
この機能を使うことで、色を要素ごとに分けて、細かい調整を行えます。
(※今回の作業はすべてAdobe Photoshop CCのバージョンで行っています)
目次
田島メンター！！チャンネルミキサーって何ですか？
どのようなときに使うんですか？
色を調整する機能の1つなんだけれど、画像全体ではなく特定の色に対しての補正を行うんだ。
なんだか難しそうですね……
その代わり、他の修正方法ではできないような複雑な加工もできるようになるよ。
ぜひやってみよう！
事前準備
Photoshopを立ち上げ、画像を表示させておきましょう。
今回は例として以下の画像を使用します。
まずは、画面上部のメニュー「ウィンドウ」をクリックします。
「色調補正」にチェックを入れます。
すでにチェックが付いている場合は、色調補正パネルがすでに表示されていますので確認しましょう。
色調補正パネル内のアイコン「チャンネルミキサーの調整レイヤーを新規作成」をクリックします。
チャンネルミキサーのレイヤーが作成されました。
チャンネルミキサーのレイヤーと画像レイヤーの境界にカーソルを合わせ、Alt（macの場合はoption）を押します。
以下のようにカーソルが変化するので、その状態でクリックしましょう。
これで下の画像レイヤーだけにチャンネルミキサーが適用されるようになりました。
チャンネルミキサーの使い方
チャンネルミキサーのレイヤーをダブルクリックするとダイアログが表示されるので、左上の「チャンネルミキサー」のアイコンをクリックします。
各表示項目の内容は下記の通りです。
出力先チャンネル
デフォルトでは「レッド」に設定されています。
これは#RRGGBBで構成されている16進数の色コードの#RRGGBBの部分を調整するという意味です。
「レッド」「グリーン」「ブルー」の各スライダー
こちらでは、ツマミを動かすことで画像内の関連する色の調整ができます。
「レッド」のスライダーを動かした場合、下の画像の黒丸で囲まれた部分にだけ変更が反映されるようになります。
実際に使ってみましょう。
まず最初に、「レッド」のスライダーを100％から0％へ移動させてみます。
画面は以下のように変化しました。
どのように各色のコードが変化したかを図にしてみました。
色コードを緑で色付けした部分が変更された箇所です。
最初の”FF”の部分がそれぞれ”00″になり、そのコードに対応した色に変わっています。
「レッド」の部分だけを動かすと、緑色と青色の部分は変わらないんですね。
これがチャンネルミキサーでできることなんだ。
特定のカラーチャンネル(色の成分の情報)に対してだけ補正を行うので、チャンネルごとに異なった調整ができるんだよ。
緑や青だけ変更することもできるってことですか？
その通り！他のパターンも見てみようか。
「レッド」を100％に戻し、次は「グリーン」のスライダーを調整してみましょう。
以下の黒丸で囲んだ部分だけに変更が反映されるようになります。
「グリーン」のスライダーを0％から100％にすると、色は以下のように変化します。
以下は「グリーン」のスライダーを調整した際の、各色コードの変化です。
黄色の部分は最初から調整する部分が”FF”という最大値のため変化しません。
他の色はそれぞれ”00″から”FF”へ変わり、それに対応した色に変わっています。
同様に、「ブルー」のスライダーを調整した場合も見てみましょう。
適用されるのは以下の黒丸で囲んだ部分です。
「ブルー」のスライダーを0％から100％にすると、色は以下のように変化します。
以下は「ブルー」のスライダーを調整した際の、各色コードの変化です。
先ほどと同様に、最初から”FF”の部分はそのままです。
次に、「出力先チャンネル」を「レッド」から「グリーン」に変えてみましょう。
この場合、色コードで変化が起きるのは#RRGGBBの中の#RRGGBBの部分です。
出力先チャンネルが「グリーン」の時、「レッド」のスライダーを0％から100％にすると、色は以下のように変化します。
各色コードの変化を見てみましょう。
緑で色付けした部分が変更された箇所です。
同様に、出力先チャンネルを「ブルー」にした場合は、#RRGGBBの箇所が変更されます。
ぜひ試してみてください。
「レッド」と「グリーン」みたいに、複数のチャンネルを同時に操作することもできるんですね。
チャンネルミキサーは感覚的に使うのは少し難しいけれど、うまく利用することで画面内の色を自由に操作できるようになるんだ。
色コードやチャンネルについてもよく知っておく必要がありそうですね。
ありがとうございます！
まとめ
今回はPhotoshopでチャンネルミキサーを使う方法を解説しました。
チャンネルミキサーは、画像全体ではなく特定のカラーチャンネル（色の成分の情報）のみに変化を加えたい場合にとても便利な機能です。
デザインのカラーバリエーションを作る際などに役立ちますので、ぜひ取り入れてみてください。
コスパとタイパ、両方結果的に良くなる良くなる学び方とは？
「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。
もちろん、時間も費用もかかることは間違いありません。
ただ
結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。
コスパ・タイパ最適化の参考として、
テックアカデミー卒業生がスクールを選んだ理由
をご紹介します。
- ・困ったときに、質問や相談できる相手がいるため挫折しなかった
- ・プロとして必要なスキルのみを深く学べたので無駄がなかった
- ・副業案件の提供と納品までのサポートがあったので目的を達成できた
安価・短期間で広く浅く学んでも意味がありません。
本当に自分の目的が達成できるか、それが重要です。
自分にどのスキルや学び方が合っているか、どんな学習方法かなど、お気軽に
無料相談
に参加してみませんか？
カウンセラー・現役のプロへ、何でも気軽に無料相談可能。
30分か60分お好きな時間が選べて、かつ3回まで
すべて無料で
ご利用できます。
無理な勧誘は一切ない
ので、お気軽にご参加ください。
Photoshopを学習中の方へ
これで解説は終了です、お疲れさまでした。
- Photoshopを調べたけど分かりづらい
- 副業や転職後の「現場で使える」知識やスキルを身につけたい
Photoshopの学習や情報収集をしていて、このように思ったことはありませんか？
テックアカデミーのPhotoshop講座では、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。
合格率10%の選考を通過した、選ばれたWebデザイナーのチャットサポートを受けながら、初心者でもフォトレタッチをマスターできます。
プログラミングを独学で学習していて、このように感じた経験はないでしょうか？
- ・調べてもほしい情報が見つからない
- ・独学のスキルが実際の業務で通用するのか不安
- ・目標への学習プランがわからず、迷子になりそう
テックアカデミーでは、このような
学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供
しています。
30分間、オンラインでどんなことでも質問し放題です。
「受けてよかった」と感じていただけるよう
カウンセラーやエンジニア・デザイナー
があなたの相談に真摯に向き合います。
「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。
無理な勧誘は一切ありません
ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）
