How To Use Photoshop Layers and Styles

<firstimage=”//” />tutorials on layers in photoshopWe have covered Photoshop Tips and Tricks You Should Know About, but in this Photoshop how-to we’re going to delve into what is called layer styles and effects such as drop shadows, bevels, color overlays, and textures; used in nearly all graphic design. Many of the graphic ads posted on MUO, for example, make use of layer styles. This is an example.

If you are new to Photoshop, you can easily learn about how to add these special effects using any recent version of Photoshop CS or Photoshop Elements. In presenting this tutorial on layers in Photoshop, I assume you know about layers and how to work with text How To Use The Character Panel In Photoshop Read More in Photoshop. We have nicely explained layers in dummy terms in The Idiot’s Guide To Photoshop Learn Photo Editing in Photoshop: Get the Basics Down in 1 Hour Photoshop is an intimidating program—but with just one hour, you can learn all of the basics. Grab a photo you want to edit, and let's get started! Read More .

First let’s learn a really easy use of layer styles, focusing on using what is called strokes. If for example, you want to quickly add a rectangular border to a photo, one way to do so is using the stroke style.

tutorials on layers in photoshop

With an image opened in Photoshop, go to the Photoshop menu and select Layer>Layer Style, and in the pull-down menu select, Stroke.

photoshop layers

After the resulting dialogue box opens, you should instantly see a border/stroke added to your image. If the stroke doesn’t appear, change the Position button from Outside to Inside.

photoshop layers

As you can see, in this same dialogue box you can change the color and size of the stroke to fit your needs.

Layer Styles and Titles

Layer style effects are also used a lot with text in graphic design. Let’s see how to create effects like this one:

photoshop layers

Open a blank document in Photoshop and type of out some text. It might be best to use a bold font for this particular exercise. In this example I use the font style, Cracked.

Select the layer of the text you typed and go to Layer>Layer Styles>Drop Shadow.

how to use layers in photoshop

Similarly as in the last example, and dialogue box will appear. This is where you can play around with various styles, including bevels, shadows, glow effects. Simply click the check boxes to add effects.

When you select a particular style, you can, as shown in the above example, make all types of adjustments in terms of color, and the direction, opacity, size, and distance of shadows. Click Okay to apply the effect(s).

When you have the effect set the way you want, you can even copy and paste the style to another layer without having to re-open the Layer Style box.

how to use layers in photoshop

First, select the layer of text with the layer style you just created. Right- or Control-click on that layer and select Copy Layer Style in the pull-down menu.

Next, right- or Control-click on the new layer of text and select Paste Style in the pull-down menu.

tutorials on layers in photoshop

Using layer styles can be a lot of fun, and can easily embellish texts and other elements in design projects. For examples of practical use of layer styles and similar graphic design elements, check out How to Create a Logo Using Custom Shapes in Photoshop How To Create A Logo Using Custom Shapes In Photoshop Read More and  How to Create a Simple Blog Logo in Photoshop How To Create a Simple Blog Logo In Photoshop Read More .

Let us know how this tutorial works out for you.

Whatsapp Pinterest

Enjoyed this article? Stay informed by joining our newsletter!

Enter your Email

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Sohan Dewan
    April 17, 2015 at 9:08 am

    Thanks for sharing a wonderful tut. Thanks for sharing.

    • Bakari Chavanu
      April 17, 2015 at 5:50 pm

      Sohan, appreciate your feedback.

  2. Photoshop Clipping Path
    August 15, 2010 at 6:13 am

    A brilliant and resourcefully post

  3. Bakari
    August 9, 2010 at 9:04 pm

    Thanks for the feedback, Opal. Great to know when these articles are helping others.

  4. Opal
    August 9, 2010 at 10:45 pm

    Learning how to create layers in photo-shop is super helpfull. As I needed to learn this application to create a cool header for my new up coming blog.
    Thanks for the help

  5. Opal
    August 9, 2010 at 8:45 pm

    Learning how to create layers in photo-shop is super helpfull. As I needed to learn this application to create a cool header for my new up coming blog.
    Thanks for the help