Figure 1 The Bevel and Emboss Layer Style dialog.
The Structure settings are used to establish the type of bevel and emboss you want to create, such as an outer bevel, an inner bevel, or pillow emboss, plus whether you want the bevel to use a smooth or hard chisel technique. The Shading options can then be used to enhance the bevel and emboss structure where you can adjust the lighting direction, the shadow and highlight properties. The Gloss Contour options (see: Layer Style Contours below) can be used to add some interesting metallic-looking effects to the surface of a beveled object. If you check the indented Contour option you can apply a separate contour to define the bevel edge and if you check the Texture option below that (Figure 2), you can add an embossed pattern texture to the surface.
Figure 2 The Contour and Texture options can be used to adjust the bevel contour shape or add an embossed texture to the surface of a beveled object.
Figure 4 The Stroke Layer Style dialog.
Figure 5 The Stroke Layer Style dialog showing two Stroke effects being added to a layer, where one stroke is applied to the inside and another is added to the outside to produce the result shown in the preview area as well as in Figure 6 below.
Figure 6 This shows the result of using the layer style settings shown in Figure 5.
Layer Style menu options
Figure 7 The Layer Style menu options.
Figure 8 The Inner Shadow Layer Style dialog.
Figure 9 The Inner Shadow Layer Style dialog, where two Inner Shadow effects have been added.
Figure 10 This shows the result of using the layer style settings shown in Figure 9.
Figure 11 Here is an example of a still life product shot that was taken in a hurry against a simple white card background. As you can see, there is some spill light that's caused some flare around the edges of the subject. I made an outline selection of the lens and copied it to its own layer and then applied the Inner Shadow settings shown in Figure 5 (which used a distance of 30 pixels). This layer style was able to successfully counteract the lightness around the edges.
Figure 12 The Inner Glow Layer Style dialog.
Figure 13 The Satin Layer Style dialog.
Figure 14 Here is an example of a layer style which combines the Bevel and Emboss and Satin layer effects, using the settings shown in Figure 13.
Figure 15 The Color Overlay Layer Style dialog.
Figure 16 The Gradient Overlay Layer Style dialog.
Adding additional Gradient Overlay effects
Figure 17 The Gradient Overlay Layer Style dialog with two gradient overlay effects in use.
Figure 18 This shows the ourcome of applying a red/green gradient overlay with a blue-white gradient overlay.
Figure 19 The Pattern Overlay Layer Style dialog.
Figure 20 Here is an image that was created using a Photoshop Pattern preset called 'Stones' which can be found in the Rock Patterns collection (see Figure 21).
Figure 21 The Rock Patterns collection is one of several Pattern presets that you can are included in the default installation of Photoshop. You just need to go to the Pattern presets menu and highlight a collection name to append or replace the current selection of Patterns.
Figure 22 The Outer Glow Layer Style dialog.
Figure 23 Drop Shadow Layer Style dialog.
The Layer Style contours in Photoshop will affect the shape of the shadows and glows for the Drop Shadow, Inner Shadow, Outer Glow and Inner Glow layer effects. The examples below in Figure 26 show the results of applying different contours and how this will affect the outcomes of these various layer effects. The Bevel and Emboss and the Satin layer styles are handled slightly differently. In these cases, the contour will affect the surface texture appearance of the layer style. The Bevel and Emboss dialog refers to this type of contour as being a Gloss Contour and you can generate some interesting metallic textures by selecting different contour shapes. The Bevel and Emboss edge itself can be modified with a separate contour (see the Bevel and Emboss Layer Style).
Figure 26 Here is a Layer style applied to a filled shape layer. The silky texture can be attributed to the use of an inverted cone contour combined with the Satin layer style.
Figure 27 In all these examples (from Figure 27 through to Figure 31) you can see the outcome of applying different contours in the Layer Style settings. Here, a Drop Shadow layer style was added to the Star shape and Bevel and Emboss and Outer Glow layer styles were applied to the pi shape. Shown here is the linear contour, which is the default contour option.
Figure 28 The Gaussian curve contour accentuates the contrast of the layer style edges by making the shadows and glows fall off more steeply.
Figure 29 The single ring contour can produce a subtle bevel type shadow when applied with a slight displacement. The Outer Glow was made with the Range set to 100%.
Figure 30 The double ring shape produces a more graphic type of layer effect. As can be seen here, the shadows look like contoured neon lights and the Bevel and Emboss resembles a chrome type effect (the Outer Glow Range was set to 70%).
Figure 31 Clicking on the contour shape icon will open the Contour Editor dialog (shown in Figure 32). You can use this to edit and save new custom contour shapes.
Figure 32 This shows the Contour Editor dialog. You can use this to create your own customized contour and save these as new contours that can be added to your current set of contours. Check the Corner box if you want to make a point into an angled corner (such as the contour curve point highlighted here).
Saving Layer Styles
If there is a chance you may wish to reuse a combination of Layer Style settings again in the future, it is well worth saving custom layer style settings as a reloadable Layer Style. Just follow the steps shown below.
Figure 33 When you have found an effect setting or a combination of settings which you would like to keep, you can save these as a style. First make sure that the layer style you wish to save is active by checking it is highlighted in the Layers panel. Then go to the Styles panel shown here and click in the empty area. Or, you can click on the New Style button at the bottom of the Layer Style dialog. Either action can be used to save the current layer style combination as a new style.
Figure 34 Next you will be shown the New Style dialog where you can give the Style a name and the new Style will be appended in the
Figure 35 There are many preset styles that you can load in Photoshop. The Styles panel shown here is using the Large Thumbnail view setting. To permanently save the styles you have currently loaded in this panel, go to the fly-out menu and select Save Styles… To remove a style, Option/Alt-click on a style in the Styles panel.