How to Load Photoshop Layer Styles in Photoshop & Photoshop Elements

September 2, 2016

Photoshop Layer Styles, what are they?

Adobe defines them as:  “A layer style is one or more effects applied to a layer or layer group. You can apply any of the preset styles provided with Photoshop or create a custom style using the Layer Style dialog box…. Typically layer styles are used for text effects, but they can be used on images, backgrounds, and any other layer as well.”

More simply stated, with just the click of a button, you can apply different effects to your designs.  You can move your design around on your canvas without losing any of the effects; and you can experiment with different styles quickly and easily to see what you like best.

Many of you have asked me how to load, use, and manipulate Styles; so over the next few weeks, let’s take a look at Styles and how they can be useful to us.

When you are shopping for Styles, you may see a Styles icon on the product packaging, although not always.  There is an icon on my Color Outside the Lines Styles pack pictured below.  Not all Styles icons look exactly the same, so look for something that says FX, or Styles, or something similar.  Because Styles come in .ASL format, you might also see that on a Style package. And, of course, you can check the product description to be sure you are purchasing Styles.

In today’s tutorial, we will learn how to load Styles.  This can be done in several different ways:

Method #1:

Go to the top menu bar:  File > Open. Navigate to the Style (.asl file) you would like to open. Click on it to select it, then click OPEN. The Styles will appear at the bottom of your Styles Panel.

sd-style-method1

Method #2: 

The quickest way to load Styles in Photoshop is simply to drag the .ASL file from its folder, directly into Photoshop, and drop it on the canvas.  The Styles will load at the bottom of your Styles Panel. This option is not available for Photoshop Elements users.

Method #3:

For Photoshop Users:

In the top menu bar, go to Edit > Presets > Preset Manager. Select Styles from the dropdown menu, then click on “Load.” Navigate to where your .ASL file is located.  Select it. Click DONE.

Watercolor Photoshop Styles Tutorial SnickerdoodleDesigns

Watercolor Photoshop Styles Tutorial SnickerdoodleDesigns

For Photoshop Elements Users:

Method #3 works the same way in Photoshop Elements; however, the path is just slightly different.

In the top menu bar, go to Edit > Preset Manager. In the Preset Type box, select Styles from the dropdown menu. Navigate to the .ASL file you would like to use, select it, and click DONE.

Watercolor Photoshop Styles Tutorial SnickerdoodleDesigns

Method #4

Styles can also be loaded from the Styles Palette. This method is available and is the same in both Photoshop and Photoshop Elements.

  • If you are using Photoshop and do not see the Styles Panel, go to the top Menu Bar > Window and click on Styles.
  • If you are using Photoshop Elements, and do not see the Styles panel on the far right, be certain you are in Expert Mode.

To load Styles from the Styles Palette: click on the down-pointing arrow to the top, far right of the Styles Panel, then click on Load Styles. This screen capture is from Photoshop; but it looks similar to what you will see in Photoshop Elements. Again, navigate to the .ASL file you wish to load, select it, and click LOAD.

Watercolor Photoshop Styles Tutorial SnickerdoodleDesigns

And here are the “Color Outside the Lines Watercolor Styles”, at the bottom of the Styles Panel, just ready for us to use!

Watercolor Photoshop Styles Tutorial SnickerdoodleDesigns

Do you prefer not to load your Styles?  There is a way you can use Styles without loading them, and that is with a PSD Styles Strip.  Not all designers include this strip in their Styles Packs, so if it is important for you to have this option, please be sure to read the designer’s product description.

A PSD Styles Strip is a PSD file that contains the the Styles Effects on each layer. This is a PSD Styles Strip from “Color Outside the Lines.”

Watercolor Photoshop Styles Tutorial SnickerdoodleDesigns

Here’s how to use a PSD Styles Strip:

  • Open the PSD file just as you would any PSD.
  • Right click on the layer that has the style you would like to use then select “Copy Layer Style.”
  • Navigate to the object to which you would like to apply that style. Right click on the objects layer, and choose “Paste Layer Style. ”  And that’s it! Close the PSD and you’re done.

Create your own PSD Strip if you need to:

  • Create a template for your Styles Strip, or download the template I use HERE. Adjust the template to include as many or as few squares as you need.
  • Load the Photoshop Style that you wish to create a Strip for.
  • Go back to the template and name each layer.
  • Click on the first square in the template and apply the first layer Style from the Styles set you are using. Click on the second square in the template and apply the second layer Style, and so on until your template is complete.
  • Save the template as a PSD (or TIFF if you prefer).

Watercolor Photoshop Styles Tutorial SnickerdoodleDesigns

If you would like to watch a You Tube Video, you may do so on the Karen Schulz Designs You Tube Channel 

I hope you have found this helpful! Thanks for stopping by, and I’ll see you next week!

You May Also Like…

Did you Hear the Good News?

Did you Hear the Good News?

A few weeks ago, I received a video call from our 5-year-old granddaughter, Ella. "Grandma," she said with great...

2 Comments

  1. JulesW

    Karen, great tips – thank you! Is there a way to rename styles once they are loaded? I use the descriptions and often they are so long that it’s difficult to determine what it is. I have SO many styles (and I use them often) that it would help to streamline my process. Thanks!

    Reply
    • Karen

      Hi Jules! Great question! Yes, there is! I will address your question in this week’s tutorial! Thanks for the idea!

      Reply

Trackbacks/Pingbacks

  1. How to Rename Brushes, Swatches, Gradients, Patterns, and Styles | Karen Schulz - […] This month we are exploring Photoshop Layer Styles. Last week we took a look at how to load them.…
  2. Photoshop Styles 101: The Color Overlay | Karen Schulz - […] month we are exploring Photoshop Layer Styles.  (Photoshop Styles 101: The Stroke;   How to Load Layer Styles)  Today…
  3. Photoshop Styles 101: Color Overlay, Part 2 | Karen Schulz - […] month we are exploring Photoshop Layer Styles.  (Photoshop Styles 101: The Stroke;   How to Load Layer Styles;  Photoshop Styles…

Submit a Comment

Your email address will not be published.