Snickerdoodle Designs by Karen

  • Home
  • Shop
    • SnickerdoodleDesigns
    • The DigiChick – Personal Use
    • My Memories
    • SugarHillco – Commercial Use
  • Blog
  • Tutorials
  • About
  • Contact

How to Adjust the Stroke Effect of a Photoshop Style

September 1, 2016 by Karen Leave a Comment

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.”

In today’s tutorial, we will:

  • Apply a Layer Style to text. (This tutorial makes the assumption that you know how to apply Styles. If you do not, this tutorial will help: How to Load Photoshop Styles.)
  • Customize the Stroke effect of that Style

For this tutorial I am using Photoshop CC2015.5.

Yobeth (Scraptious Designs) has written a sister tutorial for Photoshop Elements users, which you will find here.

Let’s get started!

For this tutorial, I am using my Painted Autumn Photoshop Styles, available at:

SnickerdoodleDesigns     The Digichick     theStudio

Painted Autumn Photoshop Styles SnickerdoodleDesigns

I created these Styles specifically for my use when designing the Painted Autumn Word Strips.   The Word Strips pack includes stylized words on a background paper, such as the one pictured below, as well as simple text of the same words/phrases, so you can apply your Style of choice, and adjust as you like.

https://bit.ly/PaintedAutumn-SD

Today, let’s look at how to change the white stroke to another color.

  1. Open up a blank document and place on it one of the Painted Autumn text PNG’s. Alternatively, you can type your own words/phrase of choice.
  2. Apply a Painted Autumn Style to your text.

The Painted Autumn Styles come with 2 different Stroke sizes: Large and Small. I have applied the Large Stroke Style to “Crisp Air.”  The “fx” icon on the layer indicates that a Style has been applied to this layer.  Under the “Effects” label, we can see that the Style contains the following effects: Stroke, Inner Shadow, Satin, Color Overlay, Pattern Overlay.

Stoke Layer Style Tutorial Snickerdoodledesigns

To access the options available for the Stroke Effect, double-click to the right of “Stroke.”

The Layer Style box will open.  You will see that the “Stroke” option is highlighted in dark gray.  The options that can be adjusted for the Stroke are visible on the right.

Stoke Layer Style Tutorial Snickerdoodledesigns

The Stroke options are:

Size:  I set the Stroke size to 7 px.  If you want the size of your stroke to be larger or smaller, you may scale it here by adjusting the slider.

Position: I have it set the position to Outside, which allows more of the letter itself to be visible. It can be adjusted to Outside, Inside, or Center.

Blend Mode: I have it set to Normal. You can experiment with this in the future; but for now, let’s leave it alone.

Opacity: I have it set to 100%.  As with the Blend Mode, experiment as you like, but I have it set at 100% in this Style.

The Fill Type and Color are what we want to focus on today.

The Fill Types available are: Color, Gradient, and Pattern. Make sure your Fill Type is set to Color. (You can access the Gradient and Pattern options by clicking on the down-pointing arrow.)

In the Color box, you will see the color White, since that is the color that the Style was created with. This is where you will change your color if you like. Double click inside the white color box, and the Color Picker will open.

Select the color you would like your Stroke to be, then click OK. That’s all there is to it.

2016-08-30_10-30-20

I chose a green color for my stroke.

sd-stroke3

Don’t forget with Photoshop CC you can add multiple Strokes if you like.  Here I have added a green Outside Stroke at 4 px and a white Inside Stroke at 1 px.

sd-stroke4s

I hope you have found this tutorial helpful!  If you are a PSE user, don’t forget to check out Yobeth’s PSE tutorial!

If you would like to download a PDF of this tutorial, you may do so here: How to Adjust the Stroke Effect of a Photoshop Style.

You may also watch a You Tube Video here: How to Adjust the Stroke Effect in a Photoshop Layer Style.

 

 

 

Be Sociable, Share!
  • Tweet

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on Google+ (Opens in new window)

Related

Filed Under: Photoshop Elements, Tutorials, Video Tagged With: Photoshop, Photoshop Elements, Styles, Tutorial

Leave a Reply Cancel reply

Recent Pins

  • It's time for new My
  • Distressed Patterns
  • Distressed Patterns
  • It's time for new My
Follow Me on Pinterest

Information

  • Shipping and Returns
  • Privacy Policy
  • Conditions of Use
  • Site Map
  • Gift Certificates
  • FAQs

Recommended

  • National Association of Digital Scrapbookers
  • NAODS FREE 10-Day Trial
  • ACDSee Software
  • Adobe Photoshop
  • Scrapbook Software

Return To Top · Log in


Copyright © 2018 Snickerdoodle Designs · site by The DigiCrafter using the Genesis Framework