【Photoshop】レイヤースタイルの登録と書き出し方法を徹底解説

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Photoshop（フォトショップ）のレイヤースタイルを登録・書き出しする方法について解説します。

一度作成したレイヤースタイルは登録しておくと、ワンクリックで再利用ができます。
またレイヤースタイルを書き出して「.asl」形式で保存しておくと、別のPCへ簡単にインストール可能。

そんな便利なレイヤースタイルの登録・書き出しをフォトショ初心者の方に分かりやすく解説します。
Photoshopを使ったクリエイティブの作業効率に大きな差が出てくる知識なので、是非ご覧下さい！

この記事の目次

レイヤースタイルとは？

レイヤースタイルを使う事で対象レイヤーに対して簡単に水滴や金属など、様々な質感付与をすることができます。

レイヤースタイルを登録しておくと制作の効率が格段に上がります。

レイヤースタイルの登録

レイヤースタイルの登録方法を解説します。
Photoshopでより効率的な制作を行う上で必要不可欠な操作ですよ！

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はAdobe公式サイトから導入できます。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

STEP.1

レイヤー効果を追加してレイヤースタイルを作成

レイヤー効果を追加し、登録したいレイヤースタイルを作成。

サンプルはコチラで作り方を紹介している水滴を登録してみたいと思います。

STEP.2

新規スタイルをクリック

レイヤースタイルの画面を開き、右側の [ 新規スタイル ] ボタンをクリックします。

※左図クリックで拡大します。

STEP.3

スタイル名を入力してOKをクリック

スタイル名に登録したい名称を入力します。

STEP.4

スタイルの登録完了

新たにスタイルが追加されました。

今後スタイルからレイヤースタイルを呼び出すことができます。
制作の効率化に繋がりますよ。

AdobeStockの高品質なレイヤースタイル

AdobeStockは質・量、共に最強の素材サイトです。
他サイトを圧倒する品質のレイヤースタイル、ブラシ、テンプレート、写真、イラスト…
全ての素材が存在するチートサービス！
デザイナーでなくてもプロ級の作品が超短時間で作れるデザイナー殺しサービスですよ。
コチラの記事でテンプレートの活用例を紹介しているのでチェックされてみませんか？

レイヤースタイルの書き出し

レイヤースタイルを書き出す事で、他のPCにも同じレイヤースタイルを登録する事ができます。
万が一PCが故障した時の事を考慮し、レイヤースタイルのバックアップを作成しておきましょう！

STEP.1

スタイルを書き出す

書き出したいスタイルを選択後に [ レイヤースタイル画面上部にある歯車ボタン ] → [ スタイルを書き出し ] をクリックします。

※左図クリックで拡大します。

STEP.2

ファイル名を入力して保存

保存のダイアログ画面は開きます。

[ ファイル名 ] に任意の名前を入力し、ファイルの種類は [ スタイル(*.ASL) ] のまま、任意の保存場所を選択後に [ 保存 ] をクリックします。

STEP.4

完成

[ 任意の名称.asl ] が作成されたら完了です。

あとはインストールしたいPCでダブルクリックするとインストール完了です。

本当にPhotoshopは素敵ですね。
まだ未導入の方はAdobe公式サイトから入手しましょう！

ワンランク上のテンプレート素材

Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート45選

デザイン制作を学ぶ導入としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

バナーはフォトショップを練習する上で良質な教材です。
中途半端な素材を参考にせず、高品質なテンプレートを参考にするだけで学習効率が大幅に向上しますよ。
ハイクオリティなバナーテンプレート50選

紙素材のポートフォリオだけでなく、デジタル媒体に特化したポートフォリオも作成しておくと就職や仕事を獲得する上で有利です。他者と差を付けてより高みを目指しましょう！
デジタル媒体向けポートフォリオテンプレ素材35選

制作物の説得力を高められる高品質なモックアップ素材を厳選しました。ゼロからモックを準備するには膨大な労力が必要ですが、素材を使えば一瞬！
様々なモックアップテンプレート57選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

まとめ

以上、Photoshop（フォトショップ）のレイヤースタイルの登録と書き出しする方法についてでした。

頻繁に使うレイヤースタイルは登録しておくと制作の時短に繋がります。
またスタイルを書き出しておくと、違う環境のPCでも同じスタイルを簡単に登録できます。

ゼロからレイヤースタイルを設定するのは手間がかかりますが、一度登録しておくとワンクリックで質感付与が行えます。
Webデザイン、バナー制作、チラシなどの紙面デザイン、UIデザイン、ポートフォリオ制作など。
フォトショを使った制作全般で使えるテクニックなので是非マスターして下さい。

ではまた！

レイヤースタイルTIPS

下記でレイヤースタイルに関するTIPSを掲載しているので併せてチェックしてください！