Posts tagged "Paths"

February 25, 2016

Stroking Paths in Photoshop

In order to create a more even stroke of paint than you might be able to accomplish when painting “freehand”, first create a path in the shape of the stroke (with the Pen tool). Next, select the desired options for the Brush (to be used to paint the path), and, from the Paths panel fly-out menu, select Stroke Path. Choose Brush from the drop down menu and voila, your path strokes perfectly!  You can even choose to check the Simulate Pressure option to simulate pressure sensitivity of the tool.

You can see from the tools listed in the Stroke Path dialog that you can use this technique to stroke with a variety of painting tools, making it equally useful for dodging and burning, cloning objects, and more.


5:12 AM Permalink
February 19, 2016

Quickly Transform Layers and Paths in Photoshop

With a layer (or layers) selected, choosing Edit > Free Transform will show the transform controls enabling you to transform the contents of the layer. However, if you’re doing a lot of transforming of layers, it might be quicker to select the Move tool and enable “Show Transform Controls” in the Options bar. Paths and vector masks are the exception – even with path selected, you will need to choose Edit > Free Transform path to access the transform controls.

These shortcuts can help speed up the process:

• Holding the Shift key while dragging any of the corner anchor points (handles), forces proportional transformations.

• Adding the Option + (Mac) | Alt  + (Win) key transforms from the center.

• Command  (Mac) | Control  (Win) -drag a corner anchor point to freely distort the image.

• Command + Shift  (Mac) | Control  + Shift (Win) -drag a center anchor point to skew the image.

• Command + Option + Shift (Mac) | Control + Alt + Shift (Win) -drag a corner anchor point to change the perspective of an image.

• To apply the transformation tap the Return (Mac) | Enter (Win) key.

• To cancel a transformation tap the Escape key.

5:16 AM Permalink
February 18, 2016

Converting a Path to Selection in Photoshop

Command + Return (Mac) | Control + Enter (Win) converts the selected path(s) into a selection.

5:15 AM Permalink
February 17, 2016

Duplicating Paths in Photoshop

Option -drag (Mac) | Alt -drag (Win) the path in the image area to duplicate it.

5:14 AM Permalink
February 16, 2016

Selecting Multiple Paths in Photoshop

There are numerous ways to select multiple paths in Photoshop:

• Shift -click with the Path Selection tool to select multiple paths on the same layer. Shift -click a selected path to remove it from the selection.

• Click-drag in the image area with the Path Selection tool to select multiple paths or, click-drag with the Direct Selection tool to select multiple line segments/anchor points.

• With either Path Selection tool selected, use the Select option in the options bar to select paths on the Active Layer or All Layers.

5:13 AM Permalink
February 15, 2016

Path Selection and Direct Selection Tools in Photoshop

To select an entire path, use the Path Selection tool. To select segments of a path (including anchor points, direction lines etc.), use the Direct Selection tool. Instead of switching tools, you can add the Option (Mac) | Alt (Win) -click on a path/anchor point with the Direct Selection tool to select the entire path.

5:12 AM Permalink
September 9, 2014

42/50 – Apply an Arrow Along A Path Using Photoshop CC

In this video you’ll learn how to use the enhanced Scripted Patterns and Fills in Photoshop CC to define a pattern (an arrow in this example) and apply it along a path.

Note: Shift + Delete (Mac) | Shift + Backspace (Win) displays the Fill dialog.

5:06 AM Permalink
July 23, 2014

8/50 –  Path Creation and Selection Improvements in Photoshop CC

The video below includes several of the path creation and selection improvements in Photoshop CC including Isolation Mode, anchor point repositioning, anchor point and path selection behavior, and path operation shortcuts.

Following is additional (and in some cases, updated) information about the features:

Isolation Mode
As was explained in the video, to use Isolation mode, select the desired layers in the Layers panel, and choose Select > Isolate Layers or toggle the Filter switch at the top right of the Layers panel. Only the layers that are selected will be displayed in the Layers panel.

However, when Isolation mode was first introduced, “toggling off” or exiting Isolation mode, simply turned off the filter in the Layers panel, instead of resetting the Layer Filter. Now, in the 2014 release of Photoshop, toggling Isolation mode “off”, resets the Layer Filter to default values.

The panel on the left shows Photoshop CC with Isolation mode toggled off (note that in the red square, the filter is toggled off). The panel on the right shows Photoshop CC (V14.1) with Isolation mode toggled off and we can see that the Layer Filter has been reset to it’s default values.

The panel on the left shows Photoshop CC with Isolation mode toggled off (note that in the red square, the filter is toggled off). The panel on the right shows Photoshop CC (V14.1) with Isolation mode toggled off and we can see that the Layer Filter has been reset to it’s default values.

Note: Isolation Mode is inactive when using the Direct/Path Selection tools in Active Layers mode.

Path Operation Shortcuts in Photoshop CC

To apply path operations to shape layers after they are created, select the desired path(s) and use the following shortcuts:
• Tap the + (plus) key to Combine Shapes (set the path operation in the Option bar to Combine Shapes).
• Tap the – (minus) key to Subtract the front shape (set the path operation in the Option bar to Subtract Front Shape).
• Tap the / (Forward slash key) to set the path operation to Intersect Shape Areas. Note: this shortcut was added to Photoshop CC.
• Tap the * (multiply) key to set the path operation to Exclude Overlapping Shapes. Note: this shortcut requires input from an extended keyboard (shift + 8 for * does not work). This shortcut was also added to Photoshop CC.

Above are examples of: Combine Shapes, Subtract Front Shape, Intersect Shape Areas and Exclude Overlapping Shapes.

Above are examples of: Combine Shapes, Subtract Front Shape, Intersect Shape Areas and Exclude Overlapping Shapes.

You might also find the following shortcuts helpful when drawing multiple shapes (even though they are not new to Photoshop CC) to apply path operations. Note: path operations change the way that shapes in Photoshop can interact with each other.
• Shift -drag adds a newly drawn shape to the current shape layer and combines it if the two paths overlap (and the path selection operation in the Option bar toggles to Combine Shapes).
• Option (Mac) | Alt (Win) -drag adds a newly drawn shape to the current shape layer and subtracts the new path if the two paths overlap (and the path selection operation in the Option bar toggles to Subtract Front Shape). Note: after you start drawing the second path using this shortcut keyboard modifier, you can release to drag the shape from the corner instead of the center.
• Option + Shift (Mac) | Alt + Shift (Win) -drag adds a newly drawn shape to the current shape layer and displays the intersection of the shapes if the two paths overlap (and the path selection operation in the Option bar toggles to Intersect Shape Areas).
• I do not know of a shortcut to access the Exclude Overlapping Shapes path operation.

5:21 AM Permalink
February 18, 2014

“The Art of Photoshop Compositing” Now Live on!

I’m really excited to announce that my new class: The Art of Photoshop Compositing is now live  on! 


“Join Julieanne Kost as she walks you through her creative thought process and explains how she transforms concepts and raw images into entirely new works of art using Adobe Photoshop. Discover how to select the images you need to create a whole that is greater than the sum of its parts. Master the tools used in compositing, including adjustment layers, masking, blending, and Smart Objects, so that the technology doesn’t get in the way of expressing your creative vision. Learn how to adjust scale and perspective and manipulate texture and focus to help viewers temporarily suspend their disbelief long enough to enter your world.”

Topics include:

  • What makes a good composite?
  • Refining your story
  • Composing using the basic principles of design
  • Customizing your Photoshop workspace
  • Preparing elements from your source images
  • Adjusting color, tone, balance, and perspective
  • Mastering the Pen tool
  • Unifying with texture, focus, leading lines, and structure

I look forward to hearing your feedback!

5:00 AM Permalink
January 9, 2014

Video Tutorial – Top 5 Tips for Working with Vectors in Photoshop CC

In this episode of The Complete Picture, Julieanne demonstrates five of her favorite new and improved features for working with vectors. Discover path creation improvements, isolation mode, drag-selecting paths, path operation shortcuts, and more. 

Note: If you are new to Photoshop or skipped version 6, you might want to take a look at the re-engineered shape tools in this video “What’s New in Adobe Photoshop CS6” (vector layers begin at @ 44:45).

And, you can learn about rounded rectangles and Live Shape Properties in this video: “Adobe Photoshop: Favorite Features for Photographers”.

5:05 AM Permalink
August 12, 2013

Path Creation in Photoshop CC

If you click and hold to set down an anchor point using the Pen tool in Photoshop CC, and then need to reposition it, holding the spacebar allows you to reposition that anchor point – as long as you have not released the mouse after clicking to set the point.

5:20 PM Permalink
December 14, 2012

5 Additional Features in Photoshop 13.1Exclusively for Creative Cloud Members

In addition to my top 5 favorite features (see video below), these little gems certainly help my workflow.

1) Load Swatch Files from HTML, CSS or  SVG Document – use the flyout menu on the Swatches panel to choose Load Swatches. Then, navigate to any HTML, CSS or SVG document and Photoshop will find all of the colors used in that document and load them as swatches.

2) Support for Larger JPEG files – now save JPEG files up to 60,000 x 60,000 pixels.

3) Reposition Paths While Drawing – this one is subtle, but also really powerful. When drawing with the pen tool, pressing the spacebar will allow you to reposition the anchor point – while drawing. The key is that you have to still have the mouse-down for the spacebar to work. Otherwise you get the Hand tool (as expected).

3) Recent Files List – up the limit the “Recent Files” to 100.

4) Smarter Selecting of Layer Names- Photoshop has gotten smarter about the way it names layers when merging them. Instead of always taking the top layer’s name (in the group of layers to be merged), if any of the layers that are going to be merged have been manually renamed ( renamed them), Photoshop will keep that custom layer name and use it as the new merged layer name. As you can see in the screen shots below, when merging the three layers on the left, Photoshop 13.1 used the custom renamed “Rock” layer as the new merged layer’s name. In previous versions the merged layer would have been named Hue/Saturation 1. Note: if you have created custom names for multiple layers that are all being merged together, then Photoshop will take the top-most custom named layer.

5:41 AM Permalink
October 1, 2012

Guides and Paths in Photoshop Appear Too Thin

Update! Click here (Grid, Guides, and Ruler Shortcuts in Photoshop CC) to discover my favorite tips related to Grids, Guides, and Rulers in Photoshop CC.

Paths and guides are anti-aliased by default in Photoshop CS5 and CS6. This tends to make them appear thinner than in previous versions and for some, more difficult to see on high resolution monitors. To turn off the anti-aliasing, select Preferences  and click the Performance category. Under Graphics Processor Settings, click Advanced Settings and uncheck the Anti Alias Guides and Paths option. Note: you won’t see the change until you click OK in both the Advanced Processor settings and Preferences dialog boxes to apply the change.
9:30 AM Permalink
September 14, 2012

Improved Path Behavior in Photoshop CS6

Photoshop CS6 has changed the default behavior when dragging vector curves. After creating a path, dragging on a curve (line segment) will reshape the path much more gracefully than in previous versions. If however, you like the legacy behavior, select the Path Selection or Direct Selection tool and check Constrain Path dragging in the Option bar.

5:20 AM Permalink
February 8, 2012

Photoshop – Stroking a Path

When most people think of stroking a path, they think of adding a frame around an image. But don’t forget, you can stroke a path with any of the painting tools set to any brush tip shape!  I have used the feature in a variety of ways from adding a highlight with the dodge tool to cloning an image to a new document, using the path to limit area that I want to display.

5:00 AM Permalink