When adding a Solid Color stroke to a shape layer in Photoshop, I achieved the results that I expected. However when I added a Gradient stroke to a shape layer, I was surprised at the results. Photoshop is drawing a gradient and then clipping it to appear within the width of the stroke. Of course you can change the look of the gradient by changing the style (Linear, Radial etc) but if you want a gradient to be applied either along a stroke or across a stroke, then you might need to step into Illustrator. The following graphic shows the different ways that Photoshop and Illustrator can apply strokes to shapes.
Posts tagged "Gradient"
The Gradient Map Adjustment layer has over 35 new presets to emulate traditional darkroom techniques for toning and split-toning photographs. In this video (Photographic Toning Presets in Photoshop CS6 ) you will learn how to load and apply gradient maps to a single image as well as how to download and use Julieanne’s template to quickly see what each preset would look like on your own photograph through the magic of Smart Objects.
The Gradient Map Adjustment layer has new presets for toning and split‐toning photographs, however they are not loaded by default. To load this set, add a Gradient Map Adjustment layer and, on the Properties panel, click on the downward facing triangle to the right of the gradient. Click the gear icon and choose Photographic Toning from the list. To add these gradients to the default gradient set, choose Append. To replace the default set, choose OK. Note: you can always reset the Default gradients by clicking the gear icon and selecting Reset Gradients.
Click here to download the ColorToninGMAL.psd template to quickly preview your image with each of the Color Toning presets applied. To replace the lighthouse image with your own photograph, double click on the layer thumbnail for the Lighthouse layer so that it displays in it’s own window (Layer 1.psb). Then, copy and paste your own photograph into that document. You will most likely need to resize your image by choosing Edit > Transform > Scale so that it fits (centered) within the canvas area. Then, hide the lighthouse layer (Layer 1) or delete it. Save and Close the Layer 1.psb file. and the multiple instances of the original “lighthouse” smart object will be automatically updated.
After selecting the gradient that you prefer for your image, you will want to apply that gradient map to your original. You can do this in a variety of ways including:
• Opening your original, adding a new Gradient Map adjustment layer selecting the gradient that you prefer.
• Selecting the adjustment layer in the template and dragging and dropping that layer to your original file.
Note: the last 3 gradients, I added just for fun. Click here to download these gradients. Double click on the jkost_3ToningGradients.grd.zip file to unzip it and then double click again on the jkost_3ToningGradients.grd to install them.
To add a color wash to multiple layers, create a new layer and fill it with any color (we will hide the color in a minute but you need the layer to be filled with something in order for this to work). Click the “Add a Layer Style” icon at the bottom of the Layers panel and choose “Blending Options” from the list. In the Layer Style dialog, in the Advanced Blending area set the Fill opacity slider to 0 (zero). Click Gradient Overlay to display it’s options, Set the Blend Mode to Color and choose a gradient preset (by clicking on the small downward facing triangle to the right of the gradient) or create your own (by clicking in the gradient area and using the Gradient Editor). Of course you can always experiment with other blend modes such as Soft Light, Hue and Multiply, Color is simply a starting point.
To add a color wash (or color overlay) to a layer using a Gradient Layer Style, simply select the layer and click the “Add a Layer Style” icon at the bottom of the Layers panel and select Gradient Overlay from the list. (Note: the Layer Style must be applied to a layer, not the Background, to turn the background into a layer, double click the word Background.) In the Layer Style dialog, in the Gradient Overlay area, set the Blend Mode to Color and choose a gradient preset by clicking on the small downward facing triangle to the right of the gradient or create your own (by clicking in the gradient area and using the Gradient Editor). The advantage of using a gradient Layer Style over a Gradient Layer, is that this “effect” can be saved as a style (by clicking the New Style button in the Layer Style dialog) and then applied to any other image with a single click (using the Styles panel).
When burning down edges in a traditional darkroom, the corners were often affected more than the sides (due to overlap). To achieve this effect in Photoshop, create a new layer and set it’s blend mode to Multiply on the Layers panel. Then, select the Gradient tool and select the “foreground to transparent” gradient from the gradient picker (in the Options bar). Select a light to medium gray as your foreground color (or select black and lower the opacity of the Gradient tool) and set the blend mode for the Gradient tool to Multiply. Position the gradient tool at the outside edge of the image and click-drag the gradient into the image as far as the burned edge is desired. Repeat for each edge.
Double clicking on a gradient stop in the Gradient Editor will bring up the color picker.
Option (Mac) / Alt (Win) -drag on a gradient stop to duplicate it.
‘,’ (comma) or ‘.’ (period) goes to previous or next gradient swatch in the gradient picker
”,’ (comma) or ‘.’ (period) + Shift goes to first or last gradient swatch in list
The Gradient tool has multiple styles to choose from (Linear, Radial, Angle, Reflected and Diamond). ‘[‘ or ‘]’ will move you quickly from one to the next gradient style.
When using the Gradient tool, be sure to check “Dither” on in the Options bar if you want to minimize banding over long gradients.