2014/10/24

Video Tutorial – Adding Textures to Photographs in Photoshop CC

I’m sorry, I completely forgot to blog about this! I was asked to make another guest appearance on the Photoshop Playbook series, so here’s a short tutorial on how to add textures to photographs (both locally as well as selectively) in Photoshop.  I hope it’s helpful!

5:37 AM Comments (1) Permalink
2014/10/23

Overscrolling Documents in Photoshop CC 2014

The ability to “Overscroll” in Photoshop is extremely useful new feature in Photoshop CC 2014 – especially when free transforming images. Overscrolling enables an image that is smaller than the application frame to be repositioned within the application frame. In the example below, I’ve dragged and dropped a very large image onto a smaller document. Because the first document is so large, selecting Edit > Free Transform (to resize the large document down), draws the transformation handles far beyond the application frame. By enabling Overscroll (Preferences > Interface > Overscroll), and holding down the spacebar (to temporarily access the hand tool), I can reposition the document within the  window. In past versions of Photoshop, the document was anchored to the center of the image, limiting access those transformation handles without first zooming out.

2014_10Overscroll

 

I also find Overscrolling useful when I need to reposition small documents within the application frame to create screenshots and illustrations. Of course you can always switch views (changing to Full Screen or Floating view) if desired, but I find this method easier.

Note: Another way to quickly see the transformation handles is to use the shortcut Command + 0 (zero) (Mac) | Control + 0 (Win). This zooms out to fit the  transformation handles on screen (just as Command + 0 (zero) (Mac) | Control + 0 (Win) will “fit” the image on screen when not in Free Transform).

5:10 AM Comments (0) Permalink
2014/10/22

Save and Save As States now Recorded in History Panel in Photoshop CC 2014

In Photoshop CC 2014, when you save a document (or Save As), the command will be  added as a state in the History panel in case you want to access it after making additional changes. Just remember, the number of history states (listed in the History panel) depend on a setting in your preferences (Preferences > Performance > History States). Depending on your preferences and the number of changes made to the file, the Save (or Save As) state might eventually “roll off the top” of the panel. If you need access to the “Saved” state – regardless of how many changes are made to the open document, select the fly out menu on the History panel, select History Options, and enable “Automatically Create New Snapshot When Saving”. The snapshot will remain available (regardless of the number of changes made), until the file is closed.

5:06 AM Comments (1) Permalink
2014/10/21

Locking and Unlocking Layers in Photoshop CC 2014

Use the following shortcuts to lock and unlock layers in Photoshop CC 2014.

• Command + / (Mac) | Control + / (Win) toggles between locking and unlocking all selected layers. (Clicking on the lock icon will also unlock a layer).

• Command + Option +/ (Mac) | Control + Alt +  / (Win) unlocks all layers (except the Background layer).

• In addition, there is a new menu item Layer> Lock Layers.

Specific to locking Shape layers:

• If a shape layer is locked, it now behaves properly and cannot be selected (in previous versions it could).

• When a Shape layer is locked, the Shape Properties in the Properties panel will be disabled.

5:08 AM Comments (0) Permalink
2014/10/20

Toggling Layer Visibility in Photoshop CC 2014

Use the following shortcuts to quickly toggle the visibility of selected layers in Photoshop CC 2014:

• Command + “,” (comma) (Mac) | Control + “,” (comma) (Win) toggles the visibility of the currently selected layer(s).

• Command + Option +  “,” (comma)  (Mac) | Control + Alt +  “,” (comma)  (Win) shows all layers (regardless of which layers are selected).

5:06 AM Comments (0) Permalink
2014/10/17

Fill Options in Photoshop CC 2014

I’m sure that some of you have noticed that the interface for the Fill dialog box has been updated in the latest version of Photoshop CC. Now, you only see the options that you need for the types of fills that you want to apply. For example, if you simply want to fill with a Color or History, then the Opacity, Blend Mode, and Transparency options are available. Note: the transparency options are available if you have selected a layer that has transparency.

2014_10_14Fill01

If you choose to fill using Content-Aware, the Color Adaptation option becomes available.

2014_10_14Fill02

If you choose to fill using a Pattern, then you have access to Custom Patterns as well as Scripts such as Brick Fill and Place Along Path. Note: the Photo Frame and Tree scripted patterns can now be found under Filter > Render…

2014_10_14Fill03

In addition, you ‘ll see that the default patterns have been updated for patterns (both in the Fill dialog as well as in Layer Styles).

5:26 AM Comments (1) Permalink
2014/10/16

Aperture Import Plugin Now Available for Lightroom

For more information about the Aperture import plugin for Lightroom 5, check out this post Aperture Import Plugin Now Available byLightroom Product Manager Sharad Mangalick, on the Lightroom Journal. For questions, comments, and feedback, please use the Lightroom Forum.

 

10:00 AM Comments (0) Permalink

Live Shapes Properties in Photoshop CC 2014

When selecting Live Shape layers, the Properties panel now displays the Live Shape properties by default (instead of the mask properties). Use the icons at the top of the Properties panel to toggle between the Live Shape and Masks properties.

2014_10_14LiveShapesLR

5:57 AM Comments (1) Permalink
2014/10/15

Creating Layer Groups that Include Selected Layers in Photoshop CC 2014

In previous versions of Photoshop, clicking the “Create a new group” icon at the bottom of the Layers panel added an empty Layer Group regardless of whether or not any layers were selected.  In the current version of Photoshop CC however, with multiple layers selected, clicking the “Create a new group” icon adds a new Layer Group and places all selected layers into that Layer Group. Command + G (Mac) | Control + G (Win) will also create a new Layer Group while placing any selected layers within the Group.

To create an empty Layer Group, deselect all layers and click the “Create a new group” icon (Photoshop adds the group to the top of the layer stack).

To quickly ungroup layers, select the Layer Group in the Layer panel and use the keyboard shortcut Command + Shift + G (Mac) | Control  + Shift + G (Win).

5:56 AM Comments (3) Permalink
2014/10/14

Feathering the Edges of a Selection Along the Edge of a Document in Photoshop CC

In previous versions of Photoshop, if you selected an area of an image that included an edge area and then chose Select >Modify > Feather, the Feather would be added to the entire selection. While this might be desirable in some instances, in the majority of cases, it would be ideal if the feather was only applied within the image (and not to the edges). As a result, in the current version, the engineering team has changed the default behavior so that they feather is not applied at the edge (the canvas bounds) of an image.

In this illustration the Quick Select tool was used to select the clouds. 

In this illustration the Quick Select tool was used to select the clouds.

In this illustration I chose Select > Modify > Feather and entered a feather of 25 with the “Apply Effect at Canvas Bounds” option unchecked. I then added a mask and we can see that the feather softened the transition in the middle of the image but was unaffected along the edges.

In this illustration I chose Select > Modify > Feather and entered a feather of 25 with the “Apply Effect at Canvas Bounds” option unchecked. I then added a mask and we can see that the feather softened the transition in the middle of the image but the selection was unaffected along the edges of the canvas.

In this illustration I chose Select > Modify > Feather and entered a feather of 25 with the “Apply Effect at Canvas Bounds” option checked. I then added a mask and we can see that the feather softened the transition in the middle of the image as well as along the edges.

In this illustration I chose Select > Modify > Feather and entered a feather of 25 with the “Apply Effect at Canvas Bounds” option checked. I then added a mask and we can see that the feather softened the transition in the middle of the image as well as along the edges of the canvas.

This is also true for the following commands:

Select > Modify > Smooth…

Select > Modify > Expand…

Select > Modify > Contract…

Note: the checkbox option will be remembered for each individual selection modification option. The checkbox default is Off on first launch as well as when the Photoshop Preferences are deleted.

5:04 AM Comments (1) Permalink
2014/10/13

Modifying Selections in Photoshop CC 2014

In previous versions of Photoshop, when the entire document was selected (Select > All), the only available option under the  Select  > Modify menu was Border (the rest were grayed out). Now, you can choose to Smooth, Contract, Expand and Feather when the entire document is selected.

5:12 AM Comments (0) Permalink
2014/10/07

Lightroom 5 Develop Module Shortcuts PDF

Thank you to everyone who attended my seminar at Adobe MAX today!

Here is the latest and greatest PDF (JKOSTLR5DevModShortcuts) of all of the shortcuts that we talked about in class.

Enjoy!

5:03 AM Permalink
2014/10/06

The Libraries Panel in Photoshop CC

The new Libraries panel in Photoshop CC (Window > Library) is a powerful way to store different design elements in an easily accessible panel, which can then be quickly applied across multiple documents as well as shared with Adobe Illustrator.

The default view set to show items as icons. The view changed -  I prefer to show items by list.

The default Libraries view (on the left) is set to show items as icons. I personal prefer to show items by list (on the right). Use the fly-out menu on the Libraries panel to change this setting.

For example, if you have a logo that you regularly add to documents, you can open your logo file in Photoshop, select the logo layer in the Layer’s panel (or Layer Group if the logo is made up of multiple layers) and click the Add Graphic icons at the bottom left of the Libraries panel to “store” the logo in the panel. This “stored” version is saved locally as well as copied to the Creative Cloud making it accessible across multiple installs using the same Adobe ID. (For example, if you have two copies of Photoshop installed – one at home and one at work you will have access to the content of your Libraries panel in both locations).2014_10Logo00

When you want to apply that logo to additional documents, drag and drop the logo icon in the Libraries panel on to the open document. Note: you can also drag from the document area into the Libraries panel to store a Layer/Layer Group and, if you prefer, you can right mouse click on the icon in the Libraries panel to select “Use in Document” to apply that layer to another document. You can also Control -click (Mac)  |  Right -click Win to see additional options for each of the elements stored in your Libraries.

In addition to storing graphics (including Layers, Layer Groups, and Smart Objects), text styles (including font, type style, color, size, tracking, and leading), layer styles, and colors (fill, stroke, and foreground) can all be added to the Libraries panel. The Libraries panel can display brushes that are captured via the Adobe Brushes app (but not brushes created in Photoshop). If you have saved items in the Libraries panel in Adobe Illustrator, you will see those items in your Libraries panel in Photoshop and vice versa. If the element is understood by both products, then you can use them across applications. If the item being stored is specific to one application then, although you can view it in the Library, you will not be able to use it. (There might be some debate over whether or not we should be able to see items in a Library that we can’t use, but I believe  it’s better that we can see all of the items regardless if we can use them or not – which could potentially cause confusion and lead us to believe that they are “missing” from one Library or another).

You can create as many Libraries as needed to help organize commonly used assets for different projects (click on My Library and choose Create New Library from the drop down menu).  

2014_Lib06

You can view these assets in Creative Cloud by choosing View on Web from the fly-out menu on the Libraries panel.

2014_10_lib07

If you are not online, you are still able to use items stored in your Libraries (a local, offline, copy is available). Any changes will be synced once you get back online. Note: the content stored in Libraries is not “linked”, meaning that if you add or apply the item that is saved in the Library and then make a change to that content in the document, the layer style, graphic, color etc.,  will not be automatically updated in the Library.  

In addition, although technically the Libraries panel can support any size graphics (including Layer Groups that might include multiple, high resolution smart objects), I wouldn’t recommend storing really large files in your Libraries as they might reduce performance. There is a limit of 1000 elements in the Libraries.

Finally, setting type in a layer in Photoshop CC and then saving it as a Type Style in the Libraries panel enables that Type Style to be used in Illustrator. It would be useful to have Libraries use Paragraph and Character styles from Photoshop, but unfortunately there are slight differences between the way that the type engines in Photoshop and Illustrator display some type attributes.

8:30 AM Permalink

New Guide Layout and New Guide from Shape in Photoshop CC

The ability to quickly add multiple guides in Photoshop has arrived!  Access this new feature and customize the options by selecting  View > New Guide Layout. Not only can you  enter the number of Columns and Rows that you need, but you can also choose the Width or Height, Gutter, Margins and whether or not to Center the Columns. To reuse the guides in multiple images, save the New Guide Layout options as a preset using the Preset drop-down menu. You can also choose to Clear Existing Guides if needed. Here are some examples of the guides you can create.

Rows and Columns defined and Gutters specified.

Columns and Rows with Gutters defined.

Column Witth defined

Specific Columns Width and Rows with Gutter defined.

Margins defined.

Guide Margin defined.

Centered

Centered Columns with numeric Width defined.

In addition, you can create guides based on a shape (View > New Guide from Shape). And you’re not limited to only Shape layers, you can create Guides from Type layers and pixel based layers! As you can see from the examples below, the Guides are created based on the bounding box around the contents of the layer

Guides created around Shape Layer.

Guides created around Shape Layer.

Guides created around content of pixel layer.

Guides created around the contents of pixel layer.

Guides created from Text Layer.

Guides created from a Type Layer.

These two new features are going to save me a significant amount of time!

8:20 AM Permalink

Flame Generation comes to Photoshop CC!

If you’ve ever needed to create flames, be sure to check out the new Flame Generator filter in Photoshop CC. This new feature is designed to render realistic flames on user-defined paths. You need to create your path first (using the pen tool or any of the shape tools), then choose  Filter > Render > Flames. (Note: you need to have a pixel layer targeted in the Layers panel as a landing place for the flame to be created, not a Shape, Type, or Smart Object layer. You can however convert type to paths or use the Type Mask tool to render paths for letter forms).

As you can see from the dialog below, there are a large number of options that can be customized in a number of ways. The six different Flame Types are:

• One Flame Along Path: A single flame will be rendered on each path.

• Multiple Flames Along Path: More than one flame will be rendered on each path. The flames will follow the direction of the path.

• Multiple Flames One Direction: Multiple Flames will be rendered on each path. All of the flames will point in the same direction.

• Multiple Flames Path Directed: Multiple Flames will be rendered on each path. Each Flame will point according to the path angle.

• Multiple Flames Various Angle: Multiple Flames will be rendered on a path. Each Flame will point randomly. You can control the angle variation by changing the “angle” parameter.

• Candle Light: One candle light will be rendered on a path.

flame types

Flame Types across top: One Flame Along Path, Multiple Flames Along Path, and Multiple Flames One Direction.                   Flame Types across bottom: Multiple Flames Path Directed, Multiple Flames Various Angle, and Candle Light.

Another variable that you can change is the Flame Style. There are three types including Normal, Violent and Flat and are illustrated below.

Flame Style. There are three types including Normal, Violent and Flat

The three Flame Styles from left to right include Normal, Violent and Flat.

The Flame Shape can also be varied and include the following options:

• Parallel: The lines that construct the flame are parallel.

• To The Center: The lines that construct the flame point toward the center.

• Spread: The lines that construct the flame spread away from the center.

• Oval: The vectors that construct the flame shape are curved in an arc.

• Pointing: The lines that construct the flame point converge at one point.

Flame Shape can also be varied and include the following options: • Parallel: The lines that construct the flame are parallel. • To The Center: The lines that construct the flame point toward the center. • Spread: The lines that construct the flame spread away from the center. • Oval: The vectors that construct the flame shape are curved in an arc. • Pointing:

The five flame shapes from left to right include: Parallel, To The Center, Spread, Oval, and Pointing:

In addition, many other parameters can be changed including:

• Length: Flame length in pixels (available for Flame Types  #2-5).

• Width: Flame width in pixels.

• Angle: Flame angle  (available for Flame Types  #3-5).

• Interval: Pixel length of the gap between flames  (available for Flame Types  #2-5).

• Adjust Interval For Loops: When checked, if the path is a loop, “Interval” will be adjusted so each gap between the flames will be uniform or even.

• Flame Lines (Complexity): This setting will increase/decrease the number of lines in each flame (each flame is made up of lines under the hood).

• Turbulent: This controls the calmness and roughness of the flame.

• Jag: If this is greater than 0, the flame will be jagged.

• Opacity: This controls the opacity/transparency of the flame.

• Flame Bottom Alignment: When this number is 0, each line that constructs the flame is evenly aligned.  When this number is greater than 0, they will be randomized.

• Color: Choose from any color by clicking in the swatch and using the color picker

• Quality: This is always a trade-off – the lower the quality, the faster the render. However too low of quality might result in pixelated or jaggy edges.

• Randomize Shapes: when checked, the flame shape will be different every time a flame is created.

• Arrangement: The Randomize option must be turned off to access the Arrangement parameters to create identical flames.

Here are a few more examples of the different types of flames that can be made using the various adjustments listed above. All of the flames were based on a circular path.

The first is the default setting for Multiple Flames Path Directed. The second flame had the shape changed to Pointing. The third changed the type to Flat and the Shape to Spread out. In the second row, the fourth flame had additional changes were made to length, width and angle, the fifth flame Type was set to Multiple Flames Along Path and the turbulence was decreased. Finally, the sixth flame was also set to Multiple Flames Along Path with increased Interval and opacity settings.

The first is the default setting for Multiple Flames Path Directed when applied to a circle. The second flame had the Flame Shape changed to Pointing. The third changed the Flame Type to Flat and the Shape to Spread Out. In the second row, the fourth flame had additional changes made to length, width and angle. The fifth Flame Type was set to Multiple Flames Along Path and the turbulence was decreased. Finally, the sixth flame was also set to Multiple Flames Along Path with increased Interval and Opacity settings.

Note: the Scripted Pattern Fill features – Picture Frame and Tree – are also now available under  Filter > Render.

8:15 AM Permalink