Need training at your office? Request a quote for custom training.

Home / Adobe Photoshop / Adobe Photoshop: Fill Opacity

Adobe Photoshop: Fill Opacity

By Barb Binder

Are you getting great photos out of Photoshop, but your type looks flat and boring? Here’s a quick technique that looks difficult to create, but isn’t.

  1. Open a favorite photo.
    Adobe Photoshop: Open a image.
  2. Grab the Type tool, pick a contrasting color and click on the page to add a caption over your photo.
    Adobe Photoshop: Add some text.
  3. With your new Type Layer selected, choose Layer > Layer Style > Drop Shadow, and while you are still in the dialog box, click on the check mark for  Bevel and Emboss before choosing OK. 
    Adobe Photoshop: Add some Layer Styles.
  4. Try reducing the Layer Opacity to 20% (that’s the slider in the top right corner of the Layers panel). Are you changing the Fill Color of your type, or the Drop Shadow and Bevel Emboss Layer Styles, or both?  
    Adobe Photoshop: Reducing the opacity on a layer reduces the opacity of everything on that layer. 
  5. If you said “both”, you are correct. Drag the Layer Opacity Slider back to 100%.
  6. Now, try the same thing with the the Fill Opacity slider (that’s the slider in the under the Opacity slider in the top right corner of the Layers panel). Can you see how you are reducing the fill color of your type, but not the impact of the Layer Styles?
    Adobe Photoshop: Adjusting the Fill Opacity only reduces the file, but has no impact on the Layer Styles.
  7. Drag Fill Opacity all the way to 0%. What a quick and easy way to define type that accentuates your background image! You can even move the type around with the Move tool, and decide where it looks best.
    Adobe Photoshop: Type with no fill, only Layer Styles.

By the way, it seems to me that just about all of my advanced Photoshop students walk in the door understanding what the opacity slider does, but only a handful of them—and I’ve been delivering Photoshop training since v 2.5—can tell me what the fill opacity slider does before we talk about it. By keystroking your way through this tutorial, you are now ahead of the curve.

Leave a Comment

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

One thought on “Adobe Photoshop: Fill Opacity

  1. Thanks for the tip Barb. I am an instructor at a school in Washington, DC and there seems to be no end to Photoshop techniques.