クリエイターの@NaoGです。
Photoshopのレイヤースタイルってどうやって使うのだろう？
レイヤースタイルの素材はどうやって読み込んだら良いのだろう？
オリジナルのレイヤースタイルは作れるのかな？
こういった疑問に答えます。
この記事の信頼性(著者は実務経験者)
- 仕事でPhotoshopを扱ってきた経験
- Photoshop歴は5年ぐらい
- 現在はフリーランスのWebデザイナー
実際に仕事でPhotoshopを扱っているので、信頼できるかと思います。
目次
- Photoshopのレイヤースタイルとは？
- レイヤースタイルの使い方
- レイヤースタイルの作り方
- レイヤースタイルの書き出し方
- レイヤースタイルの読み込み方
- レイヤースタイルの管理方法
ではさっそく見ていきましょう。
Photoshopのレイヤースタイルとは？
Photoshopのレイヤースタイルは対象のレイヤーに特殊効果を追加することができる機能です。
レイヤースタイルには様々な種類があり、臨機応変に使い分けることで表現の幅が広がります。
レイヤースタイルの使い方
- レイヤーを選択する
- レイヤースタイルを開く
- レイヤースタイルを適用する
上記のとおり。
順番に解説します。
レイヤーを選択する
始めにレイヤースタイルを適用したいレイヤーを選択します。
レイヤーを選択する時の注意点
- レイヤースタイルは対象のレイヤーに何か入っていないと効果が適用されない
- レイヤーに入っているものは何でもOK
レイヤーの準備をする
では実際にレイヤースタイルを適用するレイヤーを準備してみましょう。
「ファイル」→「新規」を選択します。
今回は幅1280px、高さ720px、解像度72とします。
レイヤパネルから新規レイヤーボタンを選択します。
レイヤーが表示されていない方はメニューバー1の「ウィンドウ」から「レイヤー」を選択しましょう。
メニューバー1の位置が分からない方は下記の記事をどうぞ。
ツールバーの描画色を選択します。
今回は「#001d25」としてOKします。
続いて選択した描画色で塗りつぶします。
塗りつぶしのショートカット
- Mac=Command+delete
- Windows=Alt+delete
塗りつぶすことができました。
レイヤースタイルを開く
レイヤーをダブルクリックします。
レイヤー名の所でダブルクリックするとレイヤー名の変更になってしまうので、レイヤー名以外の場所をダブルクリックします。
下にレイヤースタイルのボタンがあるのでそちらでもOKです。
レイヤースタイルのパネルが開きました。
レイヤースタイルを適用する
それでは実際にレイヤースタイルを適用してみましょう。
今回は境界線を利用します。
境界線にチェックを入れ、サイズを100px、位置を内側にします。
プレビューにチェックを入れることで実際にどの様にレイヤースタイルが適用されているか確認しながら調整することができます。
続いてカラーを選択します。
今回は「#00d3ff」とします。
OKを選択して完了です。
境界線内側が適用されました。
レイヤースタイルの作り方
レイヤースタイルはブラシやパターンやグラデーションと同じく自分で作ったものを保存して管理することができます。
では実際にオリジナルのレイヤースタイルを作ってみましょう。
保存するレイヤースタイルを作る
ツールバーの「楕円形ツール」を選択します。
ツールバーの位置が分からない方は下記の記事をどうぞ。
楕円形ツールについての詳しい解説は下記の記事をどうぞ。
画面上でクリックをするとこの様なモーダルが表示されるので、幅を500px、高さを500pxとしてOKします。
正円が作成されました。
このままだと画面の隅にあって気持ち悪いので中央に揃えておきます。
全選択をします。
全選択のショートカット
- Mac=Command+A
- Windows=Ctrl+A
メニューバー2の水平方向中央揃えと垂直方向中央揃えをそれぞれ選択します。
メニューバー2の位置が分からない方は下記の記事をどうぞ。
楕円形を中央に揃えることができました。
レイヤーをダブルクリックするかレイヤースタイルのアイコンを選択してレイヤースタイルを開きます。
パターンオーバーレイを選択し、パターンを選択します。
今回はデフォルトから入っている「水」グループの一番左のものを選択します。
こんな感じになりました。
続いて境界線を選択し今回はサイズ5px、位置を内側にしてカラーを選択します。
「#ffffff」を選択してOKします。
選択した境界線とパターンオーバーレイが適用されました。
もう一度レイヤースタイルを開きます。
新規スタイルを選択します。
レイヤー名を入力します、今回は「original」とします。
メニューバー1の「ウィンドウ」から「スタイル」を選択します。
メニューバー1の位置が分からない方は下記の記事をどうぞ。
先ほどのレイヤースタイルが追加されました。
レイヤースタイルの書き出し方
続いてレイヤースタイルの書き出し方について解説します。
「ウィンドウ」から「スタイル」を選択します。
書き出したいスタイルを選択後、右上のメニューを選択します。
「選択したスタイルを書き出し」を選択します。
スタイル名を決めて保存を選択し、書き出し完了です。
レイヤースタイルの読み込み方
- 読み込むスタイルを準備する
- スタイルを読み込む
- 読み込んだスタイルを使用する
上記のとおり。
順番に解説します。
読み込むスタイルを準備する
今回は下記のフリー素材のパターンを読み込みます。
リンクからスタイルをダウンロードします。
https://www.deviantart.com/allimli/art/Free-Text-Style-Midas-698874841
スタイルを読み込む
右上のメニューを選択します。
「設定の読み込み」を選択します。
準備した素材を選択し「読み込み」を選択します。
スタイルが読み込まれました。
読み込んだスタイルを使用する
今回はこのテキストにスタイルを適用します。
対象のレイヤーを選択します。
読み込んだレイヤースタイルを選択します。
スタイルが文字に適用されました。
レイヤースタイルの管理方法
- 自分の好みでスタイルセットを作る
上記のとおり。
自分の好みでスタイルセットを作る
右下の「新規グループ」アイコンを選択します。
グループ名を入力し「OK」を選択します、ここでは「original」とします。
追加したいスタイルを選択しドラッグします。
追加したいフォルダの場所で離します、今回は先ほど作成した「original」に追加します。
「original」にスタイルが追加されました。
自分なりに管理が出来たらまた例の書き出し方法で書き出すことが出来ます。
