Posts tagged "Paths"

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 lynda.com!

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

2014_02_17_JKost_CompLR

“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 (Top 5 Tips for Working with Vectors in Photoshop CC), 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, 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 (i.e.you 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

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
August 12, 2011

Exporting .psd and .tif files with Paths

If you have a .tif or .psd file in Lightroom and want to export the image in order to resize the file (perhaps to give a low res, layered version to an art director) be aware that Lightroom will remove any clipping paths. This can be solved in a variety of ways including using Photoshop’s Image Processor script to resize instead or using actions and droplets as a Post processing step in Lightroom. For more information on using Photoshop Actions with Lightroom click here…

 

 

4:00 AM Permalink
May 25, 2011

Simulating Pressure when Stroking a Path

In order to simulate pressure sensitivity when stroking a path, select the path in the paths panel, choose Stroke Path from the fly out menu and check Simulate Pressure. Note, it is important to set up your brush (or whatever tool you want to use), as well as its attributes BEFORE you stroke the path.

In this illustration, the first path was stroked with a brush with the Simulate Pressure option unchecked. The second and third paths both had the Simulate Pressure option checked; the middle illustration demonstrating the brushes Opacity (under Transfer on the Brush Panel) set to Pen Pressure , the right illustration demonstrating Size (under Shape Dynamics on the Brush Panel) and Opacity set to Pen Pressure.

4:32 AM Permalink
May 24, 2011

Saving Custom Shapes

After creating a path (with the pen tool) you can select the path and Choose Edit > Define Custom Shape to add the shape to your Shape Library.

 

4:31 AM Permalink
March 29, 2011

Creating Fluid, Precise Painting Strokes

To create a stroke of paint or create a smooth path for dodging and burning, first create a path with the pen too. Then, make sure that the painting tool that you want to use is set up with the correct options (such as brush size and opacity etc.). Finally, from the Paths panel fly-out, menu, select Stroke path and select the desired tool. This can be extremely helpful for example, when trying to follow curves in a object such as an edge on a car to add a highlight to. Note that you can also choose the simulate pressure option to simulate pressure sensitivity of the tool.

 

5:10 AM Permalink
December 3, 2010

Working with Type In a Path

Using either the Shape tools or the Pen tool, create a closed path or shape (such as a circle) to contain the type. Then, select the Type tool and position the cursor with in the shape. The cursor appears to have parenthesis around it indicating that any added text will be constrained within the shape.  Resizing the shape will reflow the type.

5:35 AM Permalink
December 2, 2010

Working with Type On a Path

Using either the Shape tools or the Pen tool, create a path keeping in mind that the type that you will add will flow in the direction that anchor points were added to the path. Then, select the Type tool and click on the path where you want the text to begin (when the cursor is properly positioned above the path, the type insertion point icon will display a horizontal line – the baseline indicator, through it) and start typing.

When working with an open path (an arc for example), Command (Mac) / Control (Win) -drag the small “x” icon at the beginning of the type change where on the path the type begins.

When working with a closed path (a circle for example),  use the same shortcut as above, and you’ll notice that there is an additional “o” icon on the path which can be dragged with the same shortcut and will act as an end point, restricting the type to flow beyond it.

When moving the starting point for type on a path, you will probably notice that you can flip the orientation of type on a path by  Command (Mac) / Control (Win) -dragging either I-beam at the beginning of the type, or the flashing insertion point within the type, from above the path to below the path. Note that the text will flow the text the other direction. If you simple want to move the type above or below the text (without flipping it), use the baseline shift in the Character panel.

5:33 AM Permalink