Develop your skills in Photoshop by learning how to control the opacity of layer contents and effects separately to create stunning visuals. This tutorial is perfect for those seeking a career in graphic design or other fields that require proficiency in Photoshop.
Key Insights
- Discover the difference between layer opacity and fill in Photoshop. While opacity affects the transparency of both layer contents and effects, fill only impacts the transparency of layer contents.
- Learn how to setup a type layer by opening a file, changing the foreground color, choosing the horizontal type tool, setting the text formatting, typing desired text and positioning it accordingly.
- Enhance your visuals by adding effects and adjusting layer fill. Use the 'Add a layer style' button and choose 'Outer Glow' from the menu.
- Experiment with the 'Fill' option in the Layers panel to adjust the transparency of the layer. Try with different percentages to achieve the desired effect.
- Notice how the white text fill becomes partially transparent, while not affecting the outer glow effect. This is an important aspect of using fill and opacity in Photoshop.
- Save your work as a Photoshop document for future reference or edits. This is an important step in preserving your work and tracking progress.
Dive into this comprehensive Photoshop tutorial where you'll learn to control the opacity & fill of a layer's contents and effects to create dynamic results.
This exercise is excerpted from Noble Desktop’s past Photoshop training materials and is compatible with Photoshop updates through 2020. To learn current skills in Photoshop, check out our Photoshop Bootcamp and graphic design classes in NYC and live online.
Topics Covered in This Photoshop Tutorial:
More Practice with Layer Effects, Layer Opacity Vs. Fill
Exercise Preview
Photo by Dan Rodney
Exercise Overview
The opacity of a layer’s contents and effects can be controlled separately to create dynamic results. Let’s see how in this graphic for Saturday Night Live (SNL).
Setting up the Type Layer
- From the Photoshop Class folder, open the file nyc at night.jpg.
-
At the bottom of the Tools panel, click on the Foreground color swatch.
In the color picker that appears, choose white and click OK.
Choose the Horizontal Type tool
.
In the Options bar at the top of the screen, set the text formatting to Myriad Pro Bold and 135 pt.
Click in the center of the image.
Type: SNL
Choose the Move tool
.
Position the text in the lower-left corner so the Chrysler Building sits between the S and N.
Adding Effects & Adjusting Layer Fill
At the bottom of the Layers panel, click the Add a layer style button
and from the menu, choose Outer Glow.
-
Set the following:
Spread: 6% Size: 50 px Click OK.
-
Near the top right of the Layers panel, adjust the Fill (%) of the layer. Try 15% first. Then just experiment.
TIP: When the mouse is over the word Fill, it will turn into a hand slider
. Click and drag left or right to quickly adjust the value.
Notice how the white text fill is partially transparent, but the effect wasn’t altered? When you are satisfied, File > Save As a Photoshop document. Name the file yourname-nyc at night.psd
Fill Vs. Opacity
While Fill and Opacity are similar, think of them this way:
Opacity: | Affects transparency of layer contents AND effects |
Fill: | Affects transparency of layer contents, NOT effects |