How to use Photoshop Gradients and Layer Styles Tutorial > Photoshop gradients> Photoshop gradients and layer effects incl overlays, strokes styles for CC 2017 / 2015 CS6 CS5 CS4 tutorial

Photoshop gradients and use with layer effects such as overlay tutorial

Photoshop gradients and Layer effects

Use in the stunning color effects in the layer effects' gradient overlay, glow and stroke settings. To display the overlay etc you first have to be on a layer and select the layer menu layer styles panel and in that you will see a number of panels such as overlay, pattern, bevel, stroke etc though this list will vary depending on the items added or removed and there may be more than one or two entries for the shadow / overlay etc (this only applies to the latest versions of PS). It may be the case that the overlay is not even on the panel so you will have to go to the bottom of the panel and select the 'fx' dropdown and you can then select one of those options such as adding an overlay. Go to that panel. There are a number of different controls on the panel such as type, etc. The type can be changed from linear to radial and angle etc. Each panel has it's own way of using the presets. In all vases, you can select one of the presets currently in the preset section and these can be any of your own created presets or perhaps the default ones included with PS or perhaps the items from the 32,000 presets selection on this site (see above for the link to the page with the items)


rounded darken


Layer effects - overlay

The layer effects dialog has a number of options. The overlay can be applied using different style such as linear, radial, diamond, angle and reflected; the angle and opacity and blending modes can also be changed. With the most recent version you can now more than one overlay via the '+' on the panel and you can then blend those. When you add more than one overlay, if you want to see the items below you will have to work in the order of the layers within the panel so it is no use working with any overlays lower down if the blending mode or opacity prevents that overlay being actually seen. You can add up to 10 overlays and use the blending modes such as darken or lighten or difference etc or set the opacity to 50% etc. You can use the same style such as linear etc throughout or you can combine multiple different styles in the panel so one can be radial and one can be linear etc. You an use the same preset as well as different presets and perhaps from different preset libraries.


rounded darken exclusion


Layer effects - stroke

The stroke can be set to color and pattern and gradient. The GRD option also allows for a variety of types such as shapeburst as well as the normal ones such as linear. If you use the smart object option (for the layer) you can generate multiple layer effects for the same shape layer, multiple strokes, too. To use them in the layer effects' stroke option and the shapeburst, it is best to set the size to a large value


using shapeburst


Layer effects - inner glow

The inner glow can be applied to create interesting fills for any shapes / layers in Adobe ® Photoshop ®. You can set the source / choke / size of the inner glow for the preset. You can also modify the inner glow by using the contour option which can tighten or stretch the preset (it is a pity that the stroke and other options cannot access the useful contour options). You can also set the blend mode for the inner glow (luminosity etc) and these can also be used to create interesting layer effects combined with other options.


inner glow


Layer effects - outer glow

The opposite of the inner glow. The difference is that the outer glow is influenced by the background as well as other layers. You can combine multiple shape layers with the same presets (as outer glows) or different ones to create many wonderful images.


outer glow



You can, of course, take the presets and turn them into a pattern and as a pattern it means they can be used in other areas of the styles panel such as the texture section for the bevel. A very basic preset probably won't work but you can always combine multiple presets using blending modes (using a large document) to create a very complex and intricate artwork and perhaps combine with effects such as poster edges or noise and then define that as a pattern (albeit not a seamless one) and then use that as a texture or perhaps as a pattern overlay which can also be combined with the main overlay