Photoshopでレイヤースタイルをインストールする方法

Three ways to load .asl files into Photoshop, how to apply them, quick fixes when something goes wrong, and how to keep your Styles panel organized.

By Jorge 'a2can3' Lopez5 min readUpdated October 24, 2026Works in Photoshop CC and later

ChromeGoldNeonGlassIce

What one installed .asl file can do. Tap a style to switch.

The short answer

To install layer styles in Photoshop, open Photoshop and double-click the .asl file. If that does nothing, go to Window > Styles, open the panel menu, choose Import Styles and select the .asl file. You can also drag the file onto the Photoshop window. The styles appear as a new group at the bottom of the Styles panel, ready to apply in one click.

At a glance

File format
.asl (Adobe Style Library)
Time needed
Under a minute
Methods
Double-click, Import Styles, drag and drop
Works in
Photoshop CC and later, Mac and Windows
Find them in
Window > Styles, bottom of the panel
Resize a style
Layer > Layer Style > Scale Effects
Written by
Jorge 'a2can3' Lopez
In this guide
  1. What an .asl file is
  2. Method 1: Double-click the .asl file
  3. Method 2: Import from the Styles panel
  4. Method 3: Drag and drop into Photoshop
  5. Apply the styles you just installed
  6. Fix common install problems
  7. Keep your Styles panel organized
  8. Skip the .asl step with Styles 2
  9. Quick reference

You downloaded a layer style pack and now there is an .asl file sitting in your downloads folder. Installing it takes under a minute. Below are the three ways to do it, how to apply the styles once they are in, what to do when Photoshop refuses, and how to keep your Styles panel tidy as your library grows.

What an .asl file is

.asl stands for Adobe Style Library. It is the file format Photoshop uses to save and share layer style presets. One .asl file can hold a single style or a hundred of them, often sorted into groups. When you install it, every style inside lands in your Styles panel, ready to apply with one click.

An .asl file icon, the Adobe Style Library format Photoshop uses for layer styles

Most packs ship as a zip. Unzip it first, then look for the file ending in .asl. Other files in the folder, such as .pat patterns or a preview image, support the styles but are not the styles themselves.

Want to know what layer styles actually do and how to customize them? Read the complete Photoshop layer styles guide.

Method 1: Double-click the .asl file

The fastest way, and the one that works most of the time.

  1. Open Photoshop first.
  2. Find the .asl file in your folder.
  3. Double-click it.

That is it. The styles load straight into the Styles panel as a new group at the bottom.

Double-clicking .asl files in a folder loads them into the Photoshop Styles panel as new groups

If nothing happens, your system does not know that .asl files belong to Photoshop. Use Method 2 instead.

Method 2: Import from the Styles panel

A few more clicks, but it works every time, on Mac and Windows.

  1. In Photoshop, go to Window > Styles.
  2. Click the panel menu, the four lines in the top right corner of the Styles panel.
  3. Choose Import Styles...
  4. Select your .asl file and click Open.
Photoshop Styles panel menu open with Import Styles highlighted

The new styles appear as a group at the bottom of the panel. Scroll down if you do not see them right away.

Method 3: Drag and drop into Photoshop

Handy when you are mid project and do not want to dig through menus.

  1. Have any document open in Photoshop.
  2. Drag the .asl file from your folder onto the Photoshop window.

Same result as the other two methods: the styles show up in the Styles panel.

Need styles to install? 31 packs, one download.

Get the Layer Styles BundleBrowse all layer styles

Apply the styles you just installed

Select a layer, then click a style thumbnail in the Styles panel. The effect applies instantly, and text stays live and editable.

A blue glossy layer style applied to live text from the Photoshop Styles panel
  • Try a few styles. Click different thumbnails on the same layer. Each click replaces the previous style.
  • Tweak it. Double-click the fx icon on the layer to open every effect in the style and adjust it.
  • Match the size. If the effect looks too thick or too thin, use Layer > Layer Style > Scale Effects.

For customizing styles, stacking effects and building your own, see the layer styles guide. For a full metal look, follow the metallic text effect tutorial.

Fix common install problems

Photoshop is not always cooperative. These fixes cover almost every case.

Double-clicking does nothing

Your operating system does not link .asl files to Photoshop. Use Import Styles from the Styles panel, or right-click the file, choose Open With and pick Photoshop.

The styles imported but you cannot find them

New styles go to the bottom of the Styles panel. If you already have hundreds of styles loaded, scroll down, they are there. Also check the panel view in the panel menu: Small Thumbnail or Large Thumbnail makes groups easier to spot than a text list.

The effect looks too big or too small

Styles are built at a specific document size, so a style made for a 4000 px canvas looks chunky on a 1080 px post. Select the styled layer, go to Layer > Layer Style > Scale Effects and drag the slider until it looks right. Somewhere between 50% and 150% usually fixes it.

The style looks flat or is missing its texture

Some styles use patterns. If the pack came with a .pat file, load it too: in the Patterns panel menu choose Import Patterns. Then reapply the style.

Your Mac will not unzip the download

The built-in Archive Utility sometimes fails on large zip files. Install the free The Unarchiver and open the zip with it instead.

Photoshop says the file is invalid

Either the download was interrupted, or you are importing the wrong file. Packs can include .psd, .pat or .abr files next to the .asl. Download the pack again and make sure you are importing the file that ends in .asl.

Keep your Styles panel organized

After a year of downloading packs, the Styles panel fills up with hundreds of thumbnails named things like "Style 14 final". A few habits keep it usable.

  • Use groups. Create groups from the panel menu and drag metals into one, glows into another, textures into a third. Five minutes now saves hours of scrolling later.
  • Rename right after importing. Hover a thumbnail to see its name. If it means nothing, right-click and rename it. "Chrome Mirror Bright" is useful, "Style 27" is not.
  • Clear out what you never use. Right-click a style or group to delete it. You can always reimport the .asl later.
  • Back up your favorites. Select the styles you rely on, then choose Export Selected Styles... from the panel menu and save that .asl somewhere safe. If Photoshop preferences ever reset, nothing is lost.
Photoshop Styles panel organized into named groups of layer styles

Build a library that holds up. Every pack arrives sorted into named groups.

Get the Layer Styles BundleRead the layer styles guide

Layer Styles Bundle

Every pack. One install.

All 31 Synkit layer style packs in one download, with future packs emailed to you at no extra cost.

Skip the .asl step with Styles 2

If you use Synkit packs, the free Styles 2 plugin skips the .asl workflow entirely. You download packs inside the plugin, your library syncs to your account, and you get features Photoshop does not have natively, like automatic scaling and a live size slider.

The tradeoff: Styles 2 works with Synkit compatible packs, not with .asl files from other sources. If you are building your library on Synkit anyway, it is the quickest way to work.

Quick reference

MethodStepsBest for
Double-click1The fastest install when it works
Import from the Styles panel4The most reliable, Mac and Windows
Drag and drop2When you are already working in Photoshop
Styles 2 plugin0Synkit packs, synced and auto scaled

Under a minute to install, a few more to organize, and your styles are ready for every project. Next, get the Layer Styles Bundle with all 31 packs, or browse every layer style pack and the free ones to test the workflow.

Written by Jorge 'a2can3' Lopez, designer and founder of Synkit.

In Photoshop

Installed styles, in the panel

What you see after installing, and how to size a style to your layer. Try it on yours

Scale Effects resizing a chrome style to fit the layer
Styles panel: an installed pack shows up as its own group
Styles panel an installed pack shows up as its own group
Layer Style menu: where Scale Effects lives
Layer Style menu where Scale Effects lives
Scale Effects: the same style at 100% and 50%
Scale Effects the same style at 100% and 50%

FAQ

Installing layer styles, quick answers

How do I install layer styles in Photoshop?

Open Photoshop and double-click the .asl file. If that does nothing, go to Window > Styles, open the panel menu, choose Import Styles and select the file. Dragging the .asl onto the Photoshop window works too.

Where do installed layer styles go?

They appear as a new group at the bottom of the Styles panel. Open it with Window > Styles and scroll to the bottom.

Why does double-clicking the .asl file do nothing?

Your system does not link .asl files to Photoshop. Use Import Styles from the Styles panel menu, or right-click the file, choose Open With and pick Photoshop.

Why does the style look too big or too small?

Styles are built for a specific document size. Select the layer and use Layer > Layer Style > Scale Effects to resize every effect in the style at once.

Do I need to load patterns too?

Only if the pack includes a .pat file. Import it from the Patterns panel menu so styles that use textures render correctly.

How do I back up my layer styles?

Select the styles in the Styles panel, choose Export Selected Styles from the panel menu and save the .asl file somewhere safe.

Do layer styles work on Mac and Windows?

Yes. .asl files work in Photoshop CC and later on both Mac and Windows, and installing them works the same way.

Layer Styles Bundle

31 packs one install

Every current Synkit layer style pack in one download, with future packs emailed to you at no extra cost.

Photoshop layer style effect renderPhotoshop layer style effect renderPhotoshop layer style effect renderPhotoshop layer style effect renderPhotoshop layer style effect renderPhotoshop layer style effect render