1ヶ月でWebデザイン・プログラミングスキルをオーダーメイドのカリキュラムで学べるスクール、それがWebCamp。

「数億規模スタートアップのCTO講師」と「エンジニアキャリア専門のポテパン」が贈る、実践型Rubyスクール。

PhotoShopのアルファチャンネルでできることとは?

Pocket

PhotoShopのアルファチャンネルは、画像の合成や複雑な選択範囲を作りたいときに利用すると便利です。

PhotoShopのアルファチャンネルの基本操作法や、画像の合成方法を学びましょう。

PhotoShopのチャンネルとは

1.チャンネルを理解するために

PhotoShopのチャンネルには、画像が持つカラー情報が表示されています。

たとえば、デジカメで撮影した画像のjpgデータは、レッド、グリーン、ブルーの3つの原色から表現されています。

3つの色を複雑に混ぜ合わせることによって、微妙な色合いを作り出しているのです。

この色の表現方法のことを、3つの色の頭文字をとって「RGB」と呼びます。

2.チャンネルを確認するには

チャンネルはレイヤーパネルの隣に表示されます。

表示されていない場合、メニューの「ウィンドウ」→「チャンネル」を選択して表示しましょう。

チャンネル名の左側に表示されているサムネイルは、画像を編集すると自動で更新されます。

サムネイルの左側にある目のマークをクリックすることで、表示・非表示を切り替えられます。

レッド、ブルー、グリーンそれぞれのカラーの表示・非表示を切り替えて変化を確認しましょう。

 

アルファチャンネルの基本操作方法

1.アルファチャンネルの作成方法

アルファチャンネルは、画像の選択範囲を保存した際に黒と白で構成されたグレースケールとして生成されます。

・メニューの選択範囲からアルファチャンネルを作成

適当な画像を開いたら、選択ツールで適当に選択範囲を作成し、メニューの「選択範囲」→「選択範囲を保存」を選択して保存

・チャンネルパネルからアルファチャンネルを作成

チャンネルパネルの下部にある「選択範囲をチャンネルとして保存」ボタンをクリック。

 

保存した選択範囲が、アルファチャンネルです。アルファチャンネルを使えば、複数の選択範囲を合成してより複雑な選択範囲を作ることができます。

・複数の選択範囲を同時に選択するには

Win

  1. アルファチャンネルレイヤーを、Ctrlキー+クリック。

2.Ctrlキー+Shiftキーを押しながら2つめのアルファチャンネルをクリック。

 

Mac

1.アルファチャンネルレイヤーを、Commandキー+クリック。

2.Commandキー+Shiftキーを押しながら2つめのアルファチャンネルをクリック。

2.マスクとアルファチャンネルの関係

アルファチャンネルの黒い部分はマスクをかけている状態です。

アルファチャンネルは直接編集できます。黒いブラシで塗り足した部分にマスクを追加することができ、白い部分を塗り足した部分はマスクが解除されます。

 

RGBを表示しておくと、元画像をチェックしながらマスクを調整できます。画像の赤く塗りつぶされている部分がマスクです。マスクの色はオプション設定で変更できます。

・アルファチャンネルのオプションを表示するには・・アルファチャンネルレイヤーをダブルクリック。

Photoshopのマスクについてはこちらをご覧ください。

※【Photoshop入門】マスクの種類と基本操作方法のまとめ

【Photoshop入門】マスクの種類と基本操作方法のまとめ

アルファチャンネルを使って二つの画像を合成しよう

アルファチャンネルを使用すると、2つの画像を1枚の画像に合成したいときに役立ちます。

1.合成したい画像を2枚用意しましょう。

2.背景の画像の上に合成したい画像レイヤーを重ねます。ここでは、チューリップの背景画像の上に猫の画像を重ねました。

 

3.チャンネルパネルから新規チャンネルを作成し、グラデーションツールを使って白と黒でグラデーションを描きます。

4.3で作成したアルファチャンネルからレイヤーマスクを作成します。メニューのレイヤーから「レイヤーマスクを作成」→「選択範囲をマスク」をクリック。

5.猫の画像が、背景の画像に溶け込むように合成されました。

さいごに

PhotoShopのアルファチャンネルについて学んできました。

アルファチャンネルの仕組みをしっかりと理解し、マスクを使って画像を合成したり詳細な選択範囲を作成してみましょう。

投稿者:プロスタ編集部

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

初心者がプログラミングで挫折しない学習方法を無料動画で公開中。オンラインに特化したプログラミングスクール「TechAcademy(テックアカデミー)」が解説。

この記事が気に入ったら
いいね!しよう

プロスタの最新情報をお届けします

あわせて読みたい

関連記事

おすすめスクール

システムアーキテクチュアナレッジ

システムアーキテクチュアナレッジ システムアーキテクチュアナレッジでは、ITスクールとしては珍しく正規雇用かつ現役のエンジニアが講師を務めています。「責任を持ったIT教育」をテーマに、未経験者をプロフェッショナルに育てます。
ページ上部へ戻る