Photoshopのレイヤースタイルってどうやって使うのだろう?
レイヤースタイルの素材はどうやって読み込んだら良いのだろう?
オリジナルのレイヤースタイルは作れるのかな?
こういった疑問に答えるよ!
デザイナーの@Naoyaです。
Youtube
定期的に質疑応答のライブ配信をしているので、よかったら遊びに来てね!
目次
- Photoshopのレイヤースタイルとは?
- レイヤースタイルの使い方
- レイヤースタイルの表示非表示
- レイヤースタイルの作り方
- レイヤースタイルの書き出し方
- レイヤースタイルの読み込み方
- レイヤースタイルの管理方法
- レイヤースタイルの削除
- よくある質問

Photoshopのレイヤースタイルとは?

Photoshopのレイヤースタイルは対象のレイヤーに直接影響を与えることなく、特殊効果を追加することができる機能だよ!
レイヤースタイルには色々な種類があって、臨機応変に使い分けることで色々な表現ができるよ!

レイヤースタイルの使い方

- レイヤーを選択する
- レイヤースタイルを開く
- レイヤースタイルを適用する
レイヤースタイルの使い方はこんな感じ。
レイヤーを選択する
レイヤーの準備をする
では実際にレイヤースタイルを適用するレイヤーを準備していこう!

メニューバーの「ファイル」→「新規」を選択!

今回は幅1280px、高さ720px、解像度72としてドキュメントを作成!

レイヤパネルから新規レイヤーボタンを選択!
レイヤーが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!

ツールバーの下の方にある描画色を選択!

今回は「#001d25」としてOK!
続いて選択した描画色で塗りつぶすよ!
塗りつぶしのショートカット
- Mac=Command+delete
- Windows=Alt+delete

塗りつぶすことができたね!
- 対象のレイヤーに何か入っていないと効果が適用されない
- レイヤーに入っているものは何でもOK
レイヤースタイルを開く

レイヤーをダブルクリック!
レイヤー名の所でダブルクリックするとレイヤー名の変更になってしまうので、レイヤー名以外の場所をダブルクリック!
下にレイヤースタイルのボタンがあるので、ボタンから「レイヤー効果」でもOK!

レイヤースタイルのパネルが開いたね!
レイヤースタイルを適用する
それでは実際にレイヤースタイルを適用してみよう!

今回はレイヤースタイルの一つの境界線を使うよ!
境界線にチェックを入れて、サイズを100px、位置を内側に!
プレビューにチェックを入れることで実際にどの様にレイヤースタイルが適用されているかワークスペース上で確認しながら調整することができるよ!

続いてカラーを選択!

今回は「#00d3ff」としてOK!

OKを選択して完了!

境界線が内側に適用されたね!
レイヤースタイルの表示非表示


レイヤースタイルは表示非表示することができるよ!

非表示にしたいレイヤースタイルを適用しているレイヤーの「効果」の横にある目のアイコンをクリック!

レイヤースタイルを非表示にすることができたね!

もう一度、「効果」の目があった部分をクリックすると、レイヤースタイルが表示されるよ!

レイヤースタイルの作り方

レイヤースタイルはブラシやパターンやグラデーションと同じく自分で作ったものを保存して管理することができるよ!


では実際にオリジナルのレイヤースタイルを作ってみよう!
保存するレイヤースタイルを作る


ワークスペース上でクリックをするとこの様なモーダルが表示されるので、幅を500px、高さを500pxとしてOK!

正円ができたね!
このままだと画面の隅にあって気持ち悪いので中央に揃えるよ!
因みに色は楕円形の色は何でもOK!

ドキュメントを全選択!
全選択のショートカット
- Mac=Command+A
- Windows=Ctrl+A

移動ツールに切り替えてオプションバーの水平方向中央揃えと垂直方向中央揃えをそれぞれ選択!
移動のショートカット
- V

楕円形を中央に揃えることができたね!

選択範囲を解除して完了!
選択範囲の解除のショートカット
- Mac=Command+D
- Windows=Ctrl+D


レイヤーをダブルクリックするかレイヤースタイルのアイコンから「レイヤー効果」選択してレイヤースタイルを開くよ!

パターンオーバーレイを選択して、パターンを選択!

今回はデフォルトから入っている「水」グループの一番左のものを選択!

こんな感じになったね!

続いて境界線を選択して今回はサイズ5px、位置を内側にしてカラーを選択!

「#ffffff」を選択してOK!

これで選択した境界線とパターンオーバーレイが適用されたね!

もう一度レイヤーをダブルクリック!

新規スタイルを選択!

レイヤー名を入力するよ、今回は「original」としてOK!

メニューバーの「ウィンドウ」から「スタイル」を選択!
これでさっきのレイヤースタイルが追加されたよ!
レイヤースタイルの書き出し方


メニューバー「ウィンドウ」から「スタイル」を選択!

書き出したいスタイルを選択後、右上のメニューを選択!

「選択したスタイルを書き出し」を選択!

スタイル名を決めて保存を選択して、書き出し完了!
- グループを選択すればグループ毎、書き出し可能!
レイヤースタイルの読み込み方

- 読み込むスタイルを準備する
- スタイルを読み込む
- 読み込んだスタイルを使用する
レイヤースタイルの読み込み方はこんな感じ。
順番に解説するよ!
読み込むスタイルを準備する
今回は下のフリー素材のレイヤースタイルを読み込むよ!
リンクからスタイルをダウンロード!

https://www.deviantart.com/allimli/art/Free-Text-Style-Midas-698874841
スタイルを読み込む

右上のメニューを選択!

「設定の読み込み」を選択!

準備した素材を選択して「読み込み」を選択!

スタイルが読み込まれたよ!
読み込んだスタイルを使用する
実際に読み込んだスタイルを使ってみよう!

今回はこのテキストにスタイルを適用するよ!


レイヤースタイルを適用したいレイヤーを選択!

読み込んだレイヤースタイルを選択!

スタイルが文字に適用されたね!
レイヤースタイルの管理方法

レイヤースタイルは自分の好みのフォルダで管理することができるよ!
- 自分の好みでスタイルセットを作る
見て行こう!
自分の好みでスタイルセットを作る

右下の「新規グループ」アイコンを選択!

グループ名を入力して「OK」を選択、ここでは「original」としてOK!

追加したいスタイルを選択してフォルダへドラッグ!

追加したいフォルダの場所で離すよ、今回はさっき作った「original」に追加!

「original」にスタイルが追加されたよ!
自分なりに管理が出来たらまたさっきの書き出し方法で書き出すことができるよ!
レイヤースタイルの削除


レイヤーの上で右クリックをして「レイヤースタイルを消去」を選択!
よくある質問

レイヤースタイルが表示されません


