rn.log

備忘録など

【Photoshop CC】画像を半透明にする

f:id:r-ngtm:20171109132639p:plain

はじめに

画像を半透明にしたい」というシチュエーションはよくあると思います。

今回はPhotoshop CCのレイヤーマスク機能を使ってレイヤーを半透明にする方法をご紹介いたします。

使用する画像

今回はPhotoshopアイコンのpngを使います。

f:id:r-ngtm:20171109124229p:plain:w120

STEP 0. Photoshopを開く

背景レイヤーは削除してPhotoshopアイコンだけの状態にしておきます。

f:id:r-ngtm:20171109132005p:plain

STEP 1. レイヤーマスクの追加

レイヤーパネルの下のほうにある四角いアイコンをクリックしてレイヤーマスクを追加。
f:id:r-ngtm:20171109125428p:plain


レイヤーマスクが追加されます。
f:id:r-ngtm:20171109125655p:plain

STEP 2. レイヤーマスクの選択 (Windows)

Altキーを押しながらレイヤーマスクを左クリックするとレイヤーマスクが選択されて編集可能な状態になります。

f:id:r-ngtm:20171109130233g:plain:w530



↓ 鉛筆ツールで試し描き
f:id:r-ngtm:20171109133510g:plain:w280

STEP 3. レイヤーを半透明にしてみる

このレイヤーマスクを編集することでレイヤーの不透明度を変えることができます。

例えば、明度50%のグレーで塗った部分は不透明度50%になり、 明度0%の黒で塗った部分は不透明度0%(完全な透明)になります。


例えば、以下のようにレイヤーマスクを塗ると、

f:id:r-ngtm:20171109131215p:plain:w300

グレーで塗った部分だけ半透明になります。

f:id:r-ngtm:20171109131257p:plain:w300


Unityに取り込んで表示させてみるとこんな感じ

f:id:r-ngtm:20171109131714p:plain


ファイルの書き出しは Ctrl + Alt + WCtrl + Alt + S が便利です。