ArchArchHTML/JavaScriptUI・UXインスピレーションダウンロード素材ツールTIPSディレクションデザインマーケティング雑記・お知らせ2011.3.30[Photoshop]マスクの方法まとめPhotoshopのマスクのかけ方は、大きく分けて、『クリッピングマスク』、『レイヤーマスク』、『ベクトルマスク』の3種類があります。それぞれの作成方法をご紹介します。CC)ベクトルマスク(CS5?以前)クリッピングマスクすぐ下にある下層レイヤーのオブジェクトの形に切り抜くマスクです。簡単なマスクですが、オブジェクトを動かす時に、マスク部分も選択しなければいけないという煩わしさもあります。切り抜きたい形のオブジェクトを作成します。切り抜きたいレイヤーを、その上に置きます。レイヤーの間を、「Alt+クリック」します。アイコンが写真のように変化し、マスクがかかりました。調整レイヤーも同じようにマスクがけできます。レイヤーマスク選択範囲から作成するマスクです。選択範囲をとる方法は様々ありますので、その分使い勝手の良いマスクです。一度選択範囲をかけてマスクを作成すると、あとでマスクのサイズや形を変えるのが少々面倒です。レイヤーウィンドウの一番下にあるマスクボタンを押します。マスクが作成されました。マスクの形を変えるには、ペイントツールを使います。マスクのリンクを外し、マスクのサムネイル部分をクリックして選択します。黒で塗るとマスク領域を削除し、白で塗るとマスクを作成します。レイヤーだけでなくフォルダにもマスクをかけられます。グラデーションもかけられます。(マスクのサムネイル部分をクリックし、『Ctrl+クリック』でマスク部分を選択します。CC)CS6やCCでは、ベクトルマスクのかけ方が異なります。ベクトルマスクを愛用していただけに手順増えたのが大変残念...。パスを描画マスクをかけるレイヤーを選択し、ペンツールやシェイプツールでパスを描きます。この時、ツールモードは「パス」にします。マスクの作成パスを描いたあと、上部のメニューにある「作成」から「マスク」をクリックします。現在のパス」を選択しても同様にマスクをかけられます。ベクトルマスク(CS5?以前)パスから作成するマスクです。パスによってマスクの形を自由に変えられるので、あとから修正する時は楽です。パスの部分を対象レイヤーにドラッグします。このようにマスクがかかります。パスをいじることで、マスクの形を変えられます。マスクの重ねがけ(?)もできます。それぞれの用途や特徴に応じて、マスクのかけ方を選んでみてはいかがでしょうか。自然に明るくする、暗くする。2013のボランティアスタッフに参加して良かったこと2013.12.02UI変更が不評な時に役立つ原因の切り分け方2013.11.29About@kanako29WebサービスのUI・UXデザインなどをやっています。