Photoshop is a deep, complex, and at times intimidating product. If you’re using it for design, there may be many features you never want or need. In Photoshop CC 2017 Essential Training: Design, Julieanne Kost filters out the noise and complexity for designers, so that you’ll end up empowered and able to quickly get the results you want.
Photoshop CC and its companion app, Camera Raw, are loaded with tools and features for tonal adjustments, type and graphics treatments, and creative color, so you can always produce the highest quality output. This course gets you up to speed with Photoshop and shows the most efficient ways to perform common design tasks, including layout, image editing, drawing shapes, and working with type and fonts. Along the way, you will learn the secrets of nondestructive editing and mastering features such as layers, adjustment layers, filters, blending modes, layer effects, typography, custom brushes, and much more.
•Working with Smart Objects
•Reshaping images with Liquify
•Using filters, including blur and patterns
•Applying blend modes
•Applying layer effects and layer styles
•Working with type and fonts
•Painting in Photoshop
•Using and sharing libraries
•Exporting and sharing Photoshop files
If you’re looking for more information, you can check out all of my Lynda.com courses here including:
To change the default Angle and Altitude for the Global Light feature (which is used by several of the Layer Effects / Styles), close all documents, then select Layer > Layer Style > Global Light and make your desired changes. These new setting will become your new defaults.
To move Layer Effects from one layer to another, drag the fx icon (or the word Effects). To copy Layer Effects from one layer to another, Option -drag (Mac) | Alt -drag (Win) the fx icon (or the word Effects).
To move an individual Layer Effect from one layer to another, drag the name of the individual effect (Stroke, Drop Shadow etc.). Add the Option (Mac) | Alt (Win) key to copy the individual effect from one layer to another.
When Layer Effects are applied to a layer, the effects are displayed in a list under the layer in the Layers panel. Depending on how many effects are applied, as well as how many layers have these effects, the Layers panel can quickly become crowded.
To collapse the Layer Effects stack, in the Layers panel, click the disclosure triangle to the right of the fx icon.
To collapse all Layer Effects, Option-click (Mac) | Alt -click (Win) the disclosure triangle to the right of the fx icon.
To collapse Layer Effects when they’re added, from the Layers panel fly-out menu, select Panel Options and uncheck Expand New Effects.
There are a lot of great new features in the Photoshop CC 2015 release. Here are my top 5 for photographers!
The new Dehaze control in Lightroom CC and Adobe Camera Raw can help you to dramatically improve an image by removing haze. The Dehaze technology is based on a physical model of how light is transmitted, and it tries to estimate light that is lost due to absorption and scattering through the atmosphere. For the best results, you’ll want to set the white balance for the image before using Dehaze. Then, in the Effects panel, move the slider to the right – to easily remove the haze from the original scene. Move the slider to the left to add a creative haze effect.You can choose to make very subtle to very significant adjustments – if you’re pushing the slider to the extreme, you might want to refine the image using the Basic panel (increasing the shadow detail or refining the Vibrance slider) in order to achieve the exact look that you’re after.
Original image and with the addition of the Dehaze feature (slider set to +68).
Original image and with the subtraction of the Dehaze feature (slider set to -72)
When moving the slider, there is very little change in the highlight area (on the right side of the Histogram), while the shadows and lower portion of the histogram is clearly being changed. If you are concerned that the darker values in the image are being clipped to pure black, Option (Mac) | Alt (Win) -drag the slider to see the black point clipping visualization. When you see black areas appear in the image, you know that you’re starting to clip to pure black and can back off. In addition, Dehaze can be added locally by applying ACR as a Smart Filter in Photoshop.
2) Restore Noise in Blur Gallery
As many of you have already discovered, Photoshop has the ability to add a number of different types of blurs to an image. However in previous versions, it was always a challenge to add noise back into the blurred area in order to create a more realistic effect. Now, when selecting any of the blur gallery filters, you have the option to add Uniform, Gaussian or Grain noise back into the blurred areas in order to closely match the restored noise with the original image. For the most flexible and nondestructive workflow, convert the layer(s) into Smart Objects before using Blur Gallery.
Path Blur without Noise applied.
Path Blur with Noise applied.
The Noise panel includes the following adjustments:
• Noise – this checkbox turns the Noise on/off. (It’s not just a preview, if you turn it off, the noise will not be applied to the result.)
• Type – select between Uniform, Gaussian, and Grain (this is the same Grain that is found in Camera Raw).
• Amount – the amount of contrast added to the noise.
• Size – controls particle size for Grain. It is the same control as found in Camera Raw and is not available for Gaussian or Uniform.
• Roughness – controls the regularity of the grain. A negative value makes the grain more uniform, a positive value makes the noise more uneven. It is the same control as found in Camera Raw and is not available for Gaussian or Uniform.
• Color – controls how much color appears in the grain (from monochromatic to highly saturated).
• Highlight – suppresses the application of noise in the highlight areas (for better highlight/shadow matching).
in addition, the Spin and Path blurs now also have the ability to save their own masks. (The Field, Iris, and Tilt-Shift blurs are still combined in a single mask.) Note: If the Noise panel is not visible, choose Reset Blur Gallery from the workspace menu in the top right.)
3) Improvements to Content Aware
• The Healing Brush, Spot Healing, and Patch tool are now faster (healing in real time!) and deliver higher quality results.
• The Content-Aware Move tool can now rotate, scale and flip images – allowing you to transform the object being moved. The tool’s Extend option includes the same “transform before dropping” capability as well.
• File > Automate > Photomerge has a new check box that enables automatic filling of transparent edges using Content-Aware technology (the fill is placed upon its own layer so that you can quickly refine if necessary).
Photoshop automatically applies Ccontent-Aware Fill in the transparent areas of the panorama.
4) Multiple Layer Styles
You can now add multiple strokes, color and gradient overlays, and drop shadows as Layer Styles in Photoshop. Click the plus icon to add multiple copies of these effects (each one can be applied up to 10 times). Use the arrows to reorder within the group with in the Layer effects panel (or reposition in the Layers panel).
Multiple strokes applied to the same layer using Layer Styles.
5) The Glyphs Panel
Photoshop has a Glyphs panel! Choose to see all of the glyphs for the entire font, or any of the subsets from the list. If the character shows a black dot in the lower right corner, clicking and holding will display variances. Double-click on a glyph to insert it. At the bottom of the Glyphs panel, use the slider to zoom the glyphs, or use the scale-down/scale-up icons to zoom the preview within the grid.
If you’re a designer, be sure to check out this video to find out more about additional new features in Photoshop including Artboards, CC Libraries, Layer Styles, and Adobe Stock. Or, if you more involved in screen design/Web/UI/UX, be sure to check out this video to find out more about Adobe Stock, CC Libraries, Layer Styles, Design Space (Preview), Live Device Preview, and Quick Export.
When you want to apply the same Layer Style (or Effect), to multiple layers in a document, try putting all of the layers into a Group and then add the Layer Style to the Group (instead of adding the Layer Style to each layer). That way, if you have to make changes to the Layer Style, you only have to make the change to the Layer Style on the Group.
Because the Layer Style was applied to the “Fish” Layer Group, the Layer Style is automatically applied to all three layers included in the Group. Notice how the large “fish” on the left has a gradient and pattern overlay while the two other “fish” (whose layers aren’t included in the group) do not.
Any layers that I add to that Group will automatically have the Layer Effect Applied.
Here, all of the layers that make up all three of the “fish” have been added to the “Fish” Group, so they all have the same gradient and pattern overlay (because Layer Styles applied to a Group are automatically applied as additional layers as they are added to the group).
One word of caution: if you have layers within the Group that overlap one another, Photoshop is going to act as if all of the layers within the Group are merged and then applies the Layer Style. In the illustration below, see how repositioning the two shapes in the Layer Group so that they overlap creates a very different result than when the Layer effects are added to each individual layer.
In this example,the same layer Style is applied to each plant layer.
In this example, the Layer Style is applied to the Layer Group. Notice how it appears as if the three plant layers are merged before the layer style is applied.
Note: if you do need to apply the same Layer Styles to several individual layers, there are many different ways to do this. My favorite method is to copy and paste via the context sensitive menu: Control -click (Mac) | Right -click Win to the right of the layer name on the layer with the desired style and choose “Copy Layer Style” from the context sensitive menu. Then, select the layers that need the layer style applied and Control -click (Mac) | Right -click Win in the layer (to the right of the name) and select “Paste Layer Style”.
To be more efficient when working with multiple layers, you can drag multiple layers into a Layer Group and add a Layer Style or Effect to the group (instead of to each individual layer). But there is a slight difference that you should be aware of. When you add an Effect/Style to a group, Photoshop treats the contents of the group as if they are merged/flattened before adding the Effect/Style. As long as nothing is overlapping, this is not a problem, and the advantages is that if you want to change the Effect/Style, you only have to change the one on the group (not on each individual layer). Of course this might also be the look that you are trying to achieve!
Layer Effect/Style applied to Layer Group.
If you do have multiple layers that overlap (and don’t want the effect to appear as if the layers are merged), then you can apply the Effect/Style to one layer and copy/paste it to others. To do this, add the desired Effect/Style. Then, Control -click (Mac) | Right Mouse -click (Win) on the Effect/Style in the Layers panel and choose Copy Layer Style. Then, select all of the other layers and Control -click (Mac) | Right Mouse -click (Win) and paste the effect.
Layer Effect/Style applied to each individual layer.
Selecting Image > Image Size and changing the size of an image will scale the Effect/Styles applied to layers within the image (as long as the Scale Styles option is checked in the Image size dialog box), keeping the Effect/Style in proportion to the layers to which they are applied. However, when using Edit > Free Transform to scale an individual layer that has a Layer Effect/Style applied to it, Photoshop will not scale the Effect/Style. For example, if you apply a stroke of 6 pixels on a layer, using Free transform to scale the image larger or smaller, Photoshop will not change the Effect/ Style – the layer will still have a stroke of 6 pixels applied. To scale the Effect/ Style, do one of the following:
• Note the percentage the layer was scaled using Free Transform and then enter that value in the Layer > Layer Style > Scale Effect dialog box. This is much easier than changing the values in the Layer Style dialog (especially when multiple effects have been applied).
• Or, before using Free transform on the layer with the Style/Effect, convert the layer to a Smart Object and then transform.
In case you didn’t watch the video in yesterday’s post, here are some of the changes made to the Layer Effects/Styles in Photoshop CS6:
• The menu order of the Layer Effects/Styles has changed. Although it might not be obvious at first, they are now in the order in which they are applied to the content in the layer. For example, the Drop Shadow effect is applied (or will be rendered) below all other Effects, the Bevel and Emboss will rendered on top of any other Effects. This should help when visualizing how several effects are going to be applied to the contents of a layer or group.
• Layer Effects/Styles can be applied to Groups. As you can see in the illustration below, the layers on the left have a Stroke effect applied to each layer individually. The layers on the right have the Stroke effect applied to the Group. Applying the Layer Effect/Style to the Group has a different result because the layers are all treated as one (as if they are flattened) before the Layer Effect/Style is applied to the Group.
• Option -click (Mac) | Alt (Win) -click the disclosure triangle on the Layers panel to the right of the “fx” icon to hide/reveal all Layer Effect/Styles in the document.
• Both the Gradient Overlay and Stroke Layer Effects have a “Dither” option. Note: to apply a dither on a Stroke, first change the Fill Type to Gradient.
• There is a new command (Layer > Rasterize > Layer Style) which renders the layer effect into the layer (think of it as merging or flattening the Layer Effect/Style with the content of the layer).
• If any changes have been made in the Layer Style dialog under the Advanced Blending area, a new Blending Effects icon is displayed on the layer in the Layers panel.
In this episode of The Complete Picture, I will demonstrate how to create a single vector logo out of multiple type and shape layers, specify a consistent size, apply a style and save the entire creation as a Tool Preset! In addition, I will show you how to add a scan of your signature to any photograph with a simple change of a layer blend mode.
Selecting Image > Image Size and changing the size of the image will scale the Effect/Style (as long as the Scale Styles option is checked), keeping the Effect/Style in proportion to the layers to which they are applied. However, when using Free Transform to scale an individual layer that has a Layer Effect/Style applied to it, it will not scale the Effect/Style. To scale the layer style, note what percentage the layer was scaled using Free Transform and then enter that value in the Layer > Layer Style > Scale Effect dialog box. Or, before using Free transform, convert the layer to a Smart Object and resize.
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).
To apply a Layer Effect (Style) to multiple layers, create the Layer Effect (such as a Stroke, Drop Shadow etc.) and save the Effect as a Style by clicking the “New Style” option in the Layer Style dialog or clicking the “New Style” icon on the Styles panel). Then, in the Layers panel, select multiple layers and click the desired Style in the Styles panel to apply the Style to all selected layers.