ArchArchHTML/JavaScriptUI・UXインスピレーションダウンロード素材ツールTIPSディレクションデザインマーケティング雑記・お知らせ2014.1.6【Photoshop】グラデーションマスクの線状、円状のかけ方グラデーションマスクを線状、円状にかける方法の紹介です。Photoshopでは基本的な操作なのですが、自分が忘れがちなのでメモ。選択範囲を作成後、「マスクの追加」ボタンをクリックしてレイヤーマスクをかけます。グラデーションをかける「グラデーションツール」を選択し、グラデーションを「黒、白」にして、「線形グラデーション」を選びます。マスク部分をクリック後、「Ctrl」+「クリック」で選択範囲を作成します。マスクをかけたい方向にカンバス上をドラッグします。レイヤーをフォルダに入れる上記1、2の手順を行ったあと、そのレイヤーを「Ctrl」+「G」でフォルダに入れます。フォルダにレイヤーマスクをかける選択範囲を作成後、レイヤーパネルのフォルダを選択して「マスクの追加」ボタンをクリックします。グラデーションをかける「グラデーションツール」を選択し、グラデーションを「黒、白」にして、「線形グラデーション」を選びます。マスク部分をクリック後、「Ctrl」+「クリック」で選択範囲を作成します。「楕円形選択ツール」を選び、「ぼかし」にお好みの数値を入力します。ここでは20pxにしました。マスクをかける円の選択範囲を作成し、「マスクの追加」ボタンをクリックします。マスクを円状にかける(背景が無地の場合)背景が無地の場合は、再編集がしやすい以下の方法が便利だと思います。マスクの作成クリッピングマスクやベクトルマスクなどで円状に切り抜きます。ここではクリッピングマスクを使います。光彩(内側)をかける下になっている図形のレイヤーをダブルクリックし、レイヤースタイルの「光彩(内側)」を選択します。「100」、「カラー」を使用している背景色にします。「サイズ」のバーを動かして、お好みの数値にします。その他:円形グラデーションは使えないの?グラデーションツールに「円形グラデーション」があるのですが、マスクのかかり方が微妙で私は使っていません...。どなたかコツとかあったら教えてください。2013のボランティアスタッフに参加して良かったこと2013.12.02UI変更が不評な時に役立つ原因の切り分け方2013.11.29About@kanako29WebサービスのUI・UXデザインなどをやっています。