Vector First Aid

A life-saving plug-in from Astute Graphics

After all the trouble with my OS crash recently, I found myself just out of the mood (and habit) of creating art pages. However, going through my assets to make sure they were all backed up, I did get in the mood to make better use of them, especially when it came to creating new elements I could use with art journaling. If, like me, you enjoy creating composites, whether for scrap, journaling, photo art, or planner pages, you’re probably also not going to want to take the time to create each and every element from scratch—not when designers spark your imagination with their kits. But that doesn’t mean you’ll never want to figure out what they’re doing, even if simply to appreciate the effort that goes into these elements by trying it yourself.

Some of the creative assets I buy don’t come from scrapbook sites, but from sites dedicated to designers. Here you can find fonts that are terrific for scrapping or art journaling, textures that are perfect for papers or photo art, brushes of all kinds, as well as things like flowers, figures, and flourishes. These asset sites, such as designcuts.com or creativemarket.com, often sell bundles of assets at extremely good prices. But as they are geared for designers, assets are also often in a vector format as well as being PNGs or JPEGs. The vector assets almost always come in EPS format, which is a universal vector format, so many programs can open them (although they may rasterize them), but much of the vector artwork has so many anchor points along their paths that not only are the file sizes very large (and will slow Illustrator down), they’re nearly impossible to edit in their original state.

PathScribe dialog & selected artwork
Astute Graphics’ PathScribe plug-in shows the number of points selected AND the number of paths, as well as their open/closed status. PathScribe includes a Smart Remove Points feature, as well as a Smart Remove Brush for “brushing away” the excess points without deforming the path beyond your tolerance setting.

This is where Astute Graphics’ latest plug-in, Vector First Aid, is uniquely able to save our sanity. If you’re not already familiar with Astute Graphics, they create plug-ins for Adobe Illustrator that make working with vector almost easy, even for us pixel artists. I began using Illustrator at the same time as I began learning to use Photoshop, and I liked what could be made with vector, but it wasn’t until I learned about Astute Graphics plug-ins that I began to relax and enjoy creating vector graphics with the combination of Astute Graphics tools and Illustrator’s powerful features, such as Recolor Artwork and the Pattern Options panel.

For a long time now, Astute Graphics main drawing tools, PathScribe and InkScribe, have had a feature called “Smart Remove Points.” PathScribe has even dedicated a brush to removing points, letting you simply brush along paths to remove the excess points that interfere with editing. The Smart Remove Points feature is smart enough to adjust Bezier handles wherever possible, to know if the resulting path will deviate from the original by more than you have determined was acceptable, and leave necessary anchor points intact. Illustrator doesn’t care what happens to the path when you delete a point, and will never adjust the handles to retain the path’s shape, nor leave a point in place if the path depends upon that anchor.

Super Smart Remove Points icon
Vector First Aid incorporates the Smart Remove Points technology with the additional benefit of being able to apply it to the entire file—useful for files created with Image Trace, the Pencil tool, or in EPS format, all of which are well-known for having excessive numbers of anchor points.
Vector First Aid Preferences
Preferences for Astute Graphics plug-ins are often overwhelmingly comprehensive, but the default settings suit most of the time, and the ability to finely tune to customize the feature or tool is one of the reasons their use is so unlimited compared to similar features found in Adobe Illustrator. Here the Smart Remove Tolerance can be precisely adjusted to best suit the paths that will be affected.

This feature alone made it possible to use Image Trace on simple artwork that had been scanned, objects drawn with Illustrator’s Pencil tool, and EPS objects. Now, however, with Vector First Aid, all I have to do to start cleaning up paths is select the paths, push a button and relax. Vector First Aid looks at the entire selection and removes the excess points, not deviating from the original path any more than I’ve allowed in its Preferences.

Vector First Aid panel with action results & artwork
After running Super Smart Remove Points, almost half the points have been removed at a tolerance of 15 (default is 20), chosen to best preserve the shape of the paths and still produce paths with a manageable amount of points. From here, PathScribe’s Smart Remove Points feature (or brush) can be used in a more individually targeted fashion to reduce more points if desired.

While that feature alone is worth the price of admission, it’s a mere fraction of what Vector First Aid can do. Another really useful feature is its ability to join paths, and unlike Illustrator, to do so smartly. Instead of manually searching a document for every open path that should be closed, and then using Illustrator’s Join command which always joins any two points with a straight line, Vector First Aid will search for you for any paths whose end points are as close as you specify for paths that should be joined. It then joins smartly, preserving smooth or corner anchors, rather than arbitrarily making them all corner points.

Vector First Aid Icon strip
Vector First Aid includes icons for the most common issues: Super Smart Remove points, Rejoin paths, Combine point text, and Replace missing fonts.

Illustrator has always been able to import many different formats, but not always all that cleanly. Much of Vector First Aid is dedicated to fixing the problems that come with the files we open in Illustrator, but we also create our own problems when creating from scratch, and Vector First Aid has us covered. If you look at the screenshot below, you’ll see how very powerful the plug-in is. Notice that you can configure it to perform several tasks at once, so that even if you could do those tasks with Illustrator commands, you’d have to either write your own actions or scripts (to cover the different issues), or you’d have to perform them one at a time—and that’s just if Illustrator can do the same thing.

Vector First Aid menus
The pop-up menu provides access to the many individual features used to fix documents that have acquired faults and unnecessary baggage during their construction, or that have become broken in the import process. You might consider Vector First Aid in part as Illustrator’s missing Preflight feature, as well as first aid for the many types of files Illustrator doesn’t handle with total compatibility.

Personally, I’m as keen on Astute Graphics plug-ins for Illustrator as I am on Nik’s filters for Photoshop. They’re always looking at what we do and asking themselves how could we do something more easily and better. And then they give us a fantastic plug-in that does just that.

Daily Planner #3 for Democracy series
Daily Planner #3 from my Democracy series of White House and Congressional “planner pages” of actions taken by them. Credits belong primarily to RMcMeen and Holliewood.
Advertisements

A Damsel In Distress

DiskWarrior to the Rescue

A couple of weeks ago it was my turn to have a computer disaster. It’s been over a decade since I had any serious issue, so I’ve been very lucky. On this occasion, a power outage caused my OS to stagger, then finally topple over. Power outages have never caused any problem before, but I recently updated to El Capitan on this old machine, and it wasn’t a “clean” install. I just let Apple dump it on top of the old OS. I’d already done that a couple of times, and it appears to have whinged about it.

I used to own DiskWarrior. I owned it against just such a day, dutifully upgrading without ever having the disastrous need for it that I was now presented with. Most of my data was backed up, but I honestly didn’t want to wipe the OS drive and install everything from scratch, nor did I have a backup of my Mail for the last 3 months, although that wasn’t really critical. I wanted whatever could be saved to be saved so I could continue to be my usual lazy self and get back to creating as quickly as possible. Fortunately I was somewhat prepared with a backup boot drive. I bought DiskWarrior again, fingers crossed that it would save me some bother, and with the new understanding that if I ran it monthly, it might actually help protect me against OS crashes like this going forward.

Screenshot of DiskWarrior's dialog box.
After rebuilding the broken directory using a combination of DiskWarrior and Apple’s Disk Utility, a nice green status bar. When the green bar becomes low enough, it turns yellow, indicating the directory could use a bit of fixing.

I got lucky. DiskWarrior repaired the directory system enough that almost all of my data was there, all my applications remained (although I appear to have lost activation for some (not Adobe), and I only had to reinstall the OS—yes, still lazy and I installed it on top of what was there. But that was the whole point. I just didn’t feel like spending a couple of weeks tracking down every app and serial number and doing all that setup. At least Adobe’s Creative Cloud makes that easy, but most of my “support” apps don’t. I would rather spend more time ensuring I was completely up-to-date with multiple backups.

Finder screenshot of damaged files

Finder screenshot of missing files
A few files were damaged beyond DiskWarrior’s ability to repair. Nothing is thrown away, however, Not only does the user get a chance to preview any changes about to be made, but anything DiskWarrior can’t put back properly is preserved, just in case you can figure out how to repair or replace the files, and what folders the errant files belong to.

The takeaway from all this is that I, and probably many others, will never quite do enough. We’re not IT folk who spend our days maintaining and safeguarding all our data—both system related and what we create. Something might get lost. However, we need to make sure we’re as redundant as is reasonable. Anyone reading this blog is probably here because s/he creates art and preserves history, and that effort shouldn’t be lost just because we no longer work with analog materials. Multiple storage solutions along with finding a relative or good friend who will keep some discs and/or hard drives off-site for us, and a regularly scheduled system for backing up to these solutions is as important as the time we put in to the creative side of working with computers.

Good software like DiskWarrior for the Mac, or easy to use, flexible, yet complete systems for automatically backing up our data, and being redundant in our backups, doesn’t come cheap. But neither does our time come cheap that we spend acquiring the right equipment and assets, learning to use it all, and then developing our creativity to make meaningful art and historical documents. Be safe out there. I intend to attempt to do a bit more to be safe, even if I am basically very lazy and this stuff bores me half to death.

Daily Planner for Trump Administration
From my new Democracy series, the White House and Congressional Daily Planners. Most of the elements came from Raspberry Road Designs.

Filter > Render > Flame

An Adobe Photoshop often forgotten filter

Fire is a very popular digital substance these days. There are photo art actions that will set any subject on fire. There are photos of fire carefully extracted and served as PNG files to graphic artists. And there are well-known paint programs and 3rd party filters, such as Alien Skin’s Eye Candy, that offer their renditions of fire and flame. However, Photoshop itself has been offering a way to render flames since at least CC 2014. It is no longer available as a scripted pattern fill (Edit> Fill), but now solely resides in the Render menu, along with Trees, Frames, Clouds, Lighting, and more. Many of us tend to forget that the Flame filter even exists. The other day  I remembered it when I wanted a few flames for an art journal page, and decided to reacquaint myself, so I created a simple image to walk through the process and share with you—just in case, like me, you tend to forget how something works when you go a long time without using it.

To use the Flame filter in Photoshop, you first need to create a path. The Pen tool is the obvious method for drawing a path, but for those of you who find the Pen tool intimidating, you can also use a Shape drawn with the Path setting in the Options bar. The main limitation to using a Shape is that it’s always a closed path that encloses empty space, even if a very narrow empty space. It will still generate flames, but it won’t look the same as a flame drawn with the Pen tool. However, that’s not only not always bad, but using a shape is also a quick way to produce an image if you want a burning heart (or house or. . . ).

Flames created with Shape and Pen tool paths
Although the Flame filter requires a path to operate on, you can create a path using a custom Shape layer in Path mode, (left), a basic shape such as Line (middle, or create a path with the Pen tool (right). The Direct Selection tool is used to modify both Shapes and Pen tool paths.
Adding the first layer of flames
Several open paths on the same path layer were used to generate these flames using One Flame Along Path as the Flame Type. Only one slider is in play in this mode on the Basic tab, but you can choose a custom color. Paths shown were stroked with a magenta Pencil on a separate layer for visibility in the screen shot only and were not visible in the final image.

Once you’ve drawn your path (multiple paths can reside on the same layer), it’s a good idea to save your path layer by double-clicking on it and naming it. You’ll probably want to be able to return to it to adjust or use for another flame. Next, create a new, empty layer—the filter always returns pixels and won’t run as a Smart Filter, so protect your image from a destructive operation. With the path active in the Paths panel (you can see the path in the document window), and the empty layer targeted, choose Filter> Render> Flame. . . . In the dialog, experiment with the different settings in the Flame Type list and their sliders to see what looks best. You can also select a custom color for your flames.

New Flame type rendered to image file
After adding in the background (a paper from Holliewood of Mischief Circus), and modifying the logs with a style and overlay, two horizontal, wavy paths on a single path layer created the small ember flames using Multiple Flames One Direction for the Type.
Initial image with 2 separate renders
After rendering both types of flames, this image using the default color provides a start to further exploration of the filter’s capabilities.

Once you have constructed a flame type that you think is very close to what you want, you can choose the Advanced tab to modify the results even more. Most of the settings here are subtle, although some can make a significant difference in the result. For this demonstration, I only used the Basic tab, which in many cases is all you’ll need. Click OK to render the flame(s). Now you can deselect the path in the Paths panel and create another path, or several more paths, on separate layers, to complete the image of your object on fire. For my example, I rendered different flame layers using different paths, and used custom colors, blend modes, and opacity. Where necessary, I modified the paths while looking at the rendered flames on a layer, then turned off the layer, created a new one, and re-ran the filter. I also used Free Transform on rendered flame layers to help them fit the image better.

Two renders of one flame type with different settings
The Flame type Multiple Flames One Direction makes use of several sliders to determine the length of the flames, their width, and their spacing. Shown above is the result of rendering the same flame type two separate times, but using slightly different settings, custom color, blend modes and layer opacity.
Last version shown with and without the paths that created them
Multiple paths (shown top), along with rendering flames with custom color and settings, as well as adding in blend modes and layer opacity produced the image at bottom.

With its decent preview and straightforward sliders, Flame does a pretty good job for anyone who doesn’t need to add lots of flames to everything. If you want greater realism or an organic feel to your flames, building up your fire from multiple flame layers can get you closer than you might expect. But if you want a stylized graphic, this filter has got that covered, too. For occasional use, if you’re willing to toy with the sliders and adjust the paths, I think you’ll find it adequate for most purposes, without forcing you to think you have to spend a lot of money on 3rd party solutions.

"Daily Planner" series for Democrace with Flame render
Several designers—Rucolla, Lynne Anzelc, ViVa, and more—were used to create this “Daily Planner” art journal piece as part of a series for Democracy. The fire engulfing “Free and Fair Elections” was created very quickly in Adobe Photoshop CC with the Flame filter.

Topaz Studio First Look

What the open beta says about the next Topaz product

Like probably most of you, I’ve recently been playing with the Topaz Studio public beta. As someone who owns the full collection of Topaz plug-ins, I’ve been paying attention mostly to what the Studio does for me that the plug-ins don’t. Topaz Studio is quite different from the plug-ins—a bit more like the next generation of photoFXlab. But does it do enough to make me willing to pay for another Topaz venture?

Unlike some popular editing software, Topaz Studio makes no attempt to manage your files. It offers neither a browser nor a catalog solution; it’s up to you to know where your files are and to manage them. It does, however, offer a complete workflow for editing your images and adding a variety of effects, along with masks, blend modes and layers to keep the non-destructive workflow edits fully customizable.  It will open your raw files, as well as JPEG, PNG, or TIFF in its standalone version, and acts like a regular plug-in if you invoke it through Adobe Photoshop or Lightroom. You can run it as a Smart Filter in Photoshop, or choose Edit In Topaz Studio with Lightroom.

The features in Topaz Studio emphasize workflow and effects presets constructed from multiple individual adjustments, much like the presets you find in Texture Effects. The Workflow menu covers the more common editing methods, such as “Detailed Architecture” or “Perfect Portrait.” The “More” adjustments section contains a separate menu for each adjustment to be added in any order, or to use in addition to a workflow. The Effects menu works just like it does in Impression and Texture Effects, providing a list of categories to search for effects, previewing them in the sidebar thumbnails, and providing the customary edit button to enter the editing workspace with the chosen effect. Most of the other tools are shortcuts to basic adjustments, as well as to quick editing workflows for the first basic edits you usually perform.

Menu Contents shown
From R to L: Workflow, Adjustment, and Effects menus (not all fully shown)
Quick Edit and tools interface
Icons for basic editing tools, the Workflow and Adjustments menus, as well as quick access to the most common adjustments and basic editing workflows are always available. Shown above is the workflow if you click on the Quick preset.

I think its fairly clear from  looking at the main features in Topaz Studio that its design is intended to leverage the power of the presets they’ve already been offering us through their filters. At the same time, it speeds up the process by creating workflows that combine many of the features that are currently found in their separate plug-ins, such as adding a Radiance adjustment created from their Glow filter, with a Texture adjustment from Texture Effects, and a Precision Contrast adjustment from Clarity, perhaps. If you don’t own some of their filters (or any of them), you still will be able to use many of the more popular features contained in them through these adjustment layers. And if you do own their filters, you can use the Plug-Ins menu at the top to take a copy of your image directly into a filter to gain access to the full power of any of the plug-ins, while still using the simplified workflow approach in Topaz Studio.

Showing thumbnail previews and Edit panel
To the left is the thumbnail view for presets in the selected category. This feature should be familiar to anyone who has Impressions, Glow, or Texture Effects. To the right are the editable layers that constitute the selected effect. If an adjustment layer is neither free nor purchased, it shows up with the effect, but without the sliders that allow for more customization of the settings.
Image Tray can hold many images to blend with each other
Images open into an Image Tray. Any image can be duplicated or duplicated as a new image with all the current active edits applied (using icons in the tray not shown). Although the images in this example are from the same original, an Open icon in the tray also allows you to open different images in order to blend them, similar to using the multiple exposure option in Topaz Texture Effects. Note that the image on the far right was created in Topaz B&W Effects 2 run as a plug-in to Topaz Studio on a duplicate of the image first edited with a Studio workflow.

There’s of course a trade-off to using Topaz Studio to run their more powerful filters—unlike running them individually on Smart Object layers, you can’t later on edit the results non-destructively, re-entering the plug-in merely by double-clicking on its Smart Filter name. However, while you’re in Topaz Studio and working with multiple versions or any other images, you can use the Image Layer feature right then and there to blend results from Topaz filters with each other or with an image you edited solely with Topaz Studio.

The Image Layer interface
A very nice feature in Topaz Studio lets you blend image layers, so versions that have been edited for different qualities can continue to be adjusted before leaving Topaz Studio, or completely different images can be blended as desired.

When I first started looking into the use of Topaz Studio, I was feeling hard-pressed to find a good reason to invest any of my time, let alone my money, in yet another standalone/plug-in image editor. Topaz Studio in particular appeared too simplified to offer much, since even the individual adjustments aren’t as powerful as the full plug-in filters, whether Clarity, or ReStyle, or Texture Effects. However, the more I explore Topaz Studio, and the more images I throw at it, the more I’ve come to feel this simplification of features is an asset, not a liability. The basic editing workflows are very well designed to cover a wide variety of images, and are especially welcome in my workflow when I’m editing the numerous snapshots I have taken or had given to me, like the bridal image I’ve used for these examples. It may not be the ideal application for your very best fine art images, but if we’re honest, most of us have plenty of snaps that we don’t want to spend hours editing. We would, however, like to quickly and easily make them more interesting to look at or better memories to hold. And being able to use our Topaz filters with Topaz Studio makes for a very powerful combination that goes well beyond the quick fix for a snapshot, providing us with a creative adventure.

Results from Topaz Studio modified in Adobe Photoshop
Although the Topaz filter B&W Effects 2 wasn’t run as Smart Filter, but inside Topaz Studio, the image can of course still be modified in Photoshop to alter color, texture, and tone as desired.

Topaz has recently announced that the basic version of Topaz Studio will be free. A small collection of basic editing adjustments will be fully customizable, while the remainder won’t include their sliders unless you purchase the “pro” version of the adjustment separately. From what I can tell, the Effects and Workflow presets that include adjustments you don’t own will produce results, but only Opacity, blend mode, and masking is editable. I won’t swear to this, of course, since this is still beta and anything can still be added or removed. And since this still IS a beta, I won’t go into any discussion of bugs or other feature limitations. I am, however, increasingly aware of the place this application could have in my day-to-day workflow.

Student Debt Art Journal page for Democracy
Student Debt, from my Democracy art journal series, used a photo art action and several textures to blend the old photo of Stanford University with the lower half from Mischief Circus, including several art dolls from Xquizart. The unifying color and textures could have been even more easily added if I’d had the Topaz open beta when I made this.

Photoshop’s Puppet Warp

Using the most flexible Warp tool

I confess when I’m pulling out elements to scrap or journal with, I’ll remember I can change the hue, saturation, and lightness of any object, as well as scale it to fit (within reason), but I forget that I can also warp it to fit. I’ve loved Puppet Warp since it first was introduced, but simply don’t need it often enough to remember I can use it when it would be the ideal tool. It’s the V8 juice of Photoshop for me—gee, I coulda had a puppet warp.

After the Million Pussy March, I wanted to commemorate the women of all walks of life who came together not just to protest the planned demise of women’s choice, but to celebrate their sisterhood. I had a picture I took long ago in Washington DC, plus plenty of cats, but no pink pussy hat images that fit them all. I settled on Halloween cartoon cats to emphasize them awake (and determined), but would have had the same problem had I chosen pictures of real cats. The need to make just a couple of hat images fit a lot of different cats meant Puppet Warp to the rescue!

Puppet Warp is intended for you to use on a pixel-based object on an otherwise transparent layer. It will work on any layer that isn’t a Background layer (even on masks and shape layers, but only over the entire layer—expect some disappointing results). It’s usefulness as the name implies, however, is primarily for warping a puppet, not an entire landscape photo. I find it’s best used on a Smart Object layer as a Smart Filter, since that way you can reopen the dialog and edit the warp again—or remove it entirely. Most of the time, the default settings in the Options bar are as good as you’ll need, but it’s also helpful to understand the other options, since you might want to use them from time to time.

Puppet Warp run as a Smart Filter
Puppet Warp will run as a Smart Filter on a Smart Object layer, allowing you to re-enter the Puppet Warp dialog and continue editing the mesh as if you’d never clicked OK, as well as making it easy to remove the warp entirely.
Before and after editing Puppet Warp as a Smart Filter
When run as a Smart Filter, Puppet Warp lets you return to the dialog to change any of its settings long after you initially committed to the warp.

Puppet Warp works with pins which, when active, let you drag on the mesh, and when inactive, will block a region of the mesh around the pin from being easily modified, so the distortion occurs only where the inactive pins have no sphere of influence. In the Options bar, looking at it from left to right, you might choose Rigid for the Mode if you don’t want an inactive anchor to have a large sphere of influence, protecting more of the mesh from distortion, or choose Distort to make the sphere of influence around anchoring pins very small, making a fluid, smooth distortion over more of the mesh at once.

Viewing Mesh and active/inactive pins
Active pins have a white dot in the center and allow you to freely drag on them. Solid pins attempt to prevent the mesh from being distorted within their circle of influence. You can Shift-select multiple pins to move them in tandem.
Left half of Options Bar
The leftmost drop down list sets how easily the mesh can be distorted when moving a pin. The middle drop down list sets how fine the mesh will be. Expansion extends the mesh beyond the object by number of pixels, and the grid icon toggles the mesh visibility on and off.
Balls used to compare mesh modes.
The ball on the left is being distorted with the “Normal” mode for warping, while the ball on the right uses the same move with the “Distort” mode. Note that the ball with Distort attempts to make the amount of warping even all over, unlike “Normal,” which limits most of the distortion to the area right around the pin being moved. The Mesh visibility is off for easier viewing.

For how fine the mesh is, choose Fewer Points if you need the mesh to distort more smoothly over a broader area, or More Points if you want to be able to easily pin down the mesh to limit the warp to a smaller area. Expansion helps you get control over very fine areas, such as the fine stems of flowers. By placing the mesh outside the object itself, you can place pins further apart so each pin has a greater area of influence. This helps make for smoother mesh distortion.

The “layer” buttons for Pin Depth are a feature I have almost never used. Pins are remembered by the computer as if each one has been placed on a layer. If you move a pin so the object being distorted crosses over another object, whether the mesh you move is on top or behind depends upon which “layer” each pin resides on. Use the Pin Depth icons to move the active pin up or down the “layer stack” in order to move it in front of or behind the inactive pin(s).

Right half of Options Bar
The right half of the Options bar handles Pin Depth and Mesh Rotation, as well as the usual Reset, Cancel, and Commit icons.
Pin "stack" visually demonstrated
Pins are stacked behind the scenes as they are laid down. When one part of the mesh crosses another part, you can use the Pin Depth icons to place that part of the mesh on top of the rest, or behind it. The Mesh visibility is off for easier viewing.

When bending an object using rotation, you’ll usually grab a pin and move it freely. The default Auto rotation mode allows you to do this, and uses your Mode to determine how the mesh distorts. But if you want to set a specific amount of rotation, you can enter a number (positive or negative) in the input field, or hold down the Option/Alt key to display a rotation circle around the active pin, and drag just outside of the circle to visually determine the rotation. In both cases, Auto switches to Fixed and you can change the Mode after the rotation to see the effect of the different modes. An advantage of using the Fixed rotation is it will only rotate the selected area. You can’t accidentally drag it up, down or sideways, which is very easy to do when in Auto rotation mode.

Mesh warping with Auto or Fixed selected
Rotating a pin by dragging on the pin itself leaves the Rotate setting at the default Auto, which uses whatever Mode setting is in effect. The angle field automatically updates to show the degree of rotation (middle image). But if you use the HUD (head’s up display) with the Opt/Alt key pressed to rotate the mesh, or enter a specific number in the Angle field, Rotate switches to Fixed. You can easily change the Mode from Rigid (left image) to Distort (right image) and the fixed angle remains the same, while the Mode changes the degree of warping you see.

You can also use modifier keys with Puppet Warp. The Option/Alt key will display the scissors icon when hovering over an active pin to delete it. Or you can press the delete/Backspace key to do the same thing. If you want to select multiple pins and move them at the same time, select each one with the Shift key held down. Whichever active pin you now grab will tug on all the other selected pins.

Cmd/Ctrl-H toggles the Mesh View (grid icon) if you haven’t chosen that shortcut to hide Photoshop itself. Whatever keyboard shortcut you have assigned to Undo lets you undo the last move you made (there is no stepping backwards in history multiple times) and you can either press the Reset icon to remove the pins but stay in Puppet Warp mode, or press Esc to cancel the entire operation.

Final edited Vase with Flowers
Agapanthus grows upright on heavy stalks, but here a few stalks have “wilted,” thanks to Puppet Warp, to create a more asymmetrical bouquet. Credits: Booland, Valentina, LDavison, and Zesty.

So if you’re one of those who has been intimidated by Puppet Warp, or too often forget it’s even there, think about trying it more often. By using it as a Smart Filter on a Smart Object, your original image is safe and you can always try, try again if you’re not happy with the warped object in its setting.

Final "Million Pussy March" composite using Puppet Warp
“Million Pussy March” was created as part of my Democracy series to commemorate the Million Women March in Washington DC (and the more millions around the globe). I warped all the pink pussy hats to fit their owners.

Editing Smart Objects—PNG & JPEG

A Tip for Working With Photoshop Smart Objects

During a discussion about the limitations of editing Photoshop Smart Objects, some of us brought up for the thousandth plus time how frustrating it is to open a JPEG or PNG Smart Object, edit it, and then have to destructively flatten the file back to its original state before we can save the edits to our document.  A good problem-solver in the group took a look and said the real problem is JPEG and PNG files open into their own format, which cannot accept layers, whereas a PSD will open as a PSB file, which can handle layers. The trick, then, is to get the JPEG or PNG file to open as a PSB file.

And to do that, our problem-solving friend told us, run the Convert to Smart Object command on the Smart Object layer containing the JPEG or PNG. Now when I double-click on the Smart Object icon to open it, I’ll see the file format is a PSB file. This will increase the original document’s file size, but it also means I can pile on the layers, layer styles, and even Smart Filters to my heart’s content, just so long as I’m willing to sacrifice extra disk space when saving it.

Original example of PNG file
The original file that I want to alter.
PNG file being edited with layers
The file was placed in my PSD document as a Smart Object, but if I want to edit that file, Photoshop informs me I have to flatten the layers to return the file to its original state.

One reason I might be willing to accept larger files is if I thought that many edits, or days, later, I might change my mind about the edits I’ve made. Having already made one destructive edit, I’d have to make a second, even if the only change to all the edits I wanted to make was to the one of the edits. My Layers panel, too, will be more manageable if I don’t add a lot of clipped adjustment layers above the basic PNG or JPEG Smart Object layers. I inevitably make some kind of mistake where I lose the clipping, and now my adjustment layer is affecting everything below it. For a subtle adjustment, I might not even notice before I’ve begun adjusting everything to match the mistake. I’d rather have those layers tucked away inside the Smart Object.  Add to that, the fewer layers I have to deal with, the clearer I can see what I want to alter or replace, and I’m not scrolling and scrolling and scrolling to find it.

The converted PSB file
By converting the original placed Smart Object layer to a Smart Object once again, double-clicking on that Smart Object to edit it proves the file is now a PSB file and can retain all the layers, filters, and other effects that a PSD file can retain. Notice that the image above opened at 50%, but this image opened at 100%. That’s because I had transformed the original Smart Object layer before I converted it again to a new Smart Object. This is 100% of the converted Smart Object. The original, if I double-clicked on the Smart Object layer visible in this screenshot, is still the full size file I imported. It is also still a PNG file.
Images compared after editing PSB file
Not happy with the strong pinks, I was able to come back and re-edit the Smart Object using the original layers I had added to the PSB file.

Now that I know that the trick to allowing for layers is to create a PSB file, and that creating that file is as easy as simply converting a Smart Object layer containing a PNG or JPEG to another Smart Object layer, I’ll be using that trick often. Smart Objects have many idiosyncrasies, but they offer some of the best protection against destructive editing we have, and are worth mastering.

"At School" art journal composite image
From my Democracy series, “At School” art journals a tweet by Harry Potter author, J. K. Rowling. Credits go mainly to Eenas, Finecrafted, and Holliewood.

MagicSquire for Photoshop

A Brush and Tool preset organizer

Last week during a discussion on the lack of good organization features in Photoshop’s Brushes panels, someone mentioned that they had recently purchased MagicSquire (https://anastasiy.com/magicsquire), a new extension that allows the user to organize brushes into groups, as well as create thumbnail previews and edit the brushes themselves.

This isn’t the developer’s first application. DiskFonts and both MagicPicker and MixColor have been around for some time. MagicSquire is almost brand new, but the developer is putting a lot of effort into bringing in new features, and responds to feedback posted on his feedback page within a day’s time. In the week I’ve owned MagicSquire, I’ve received two updates, and two positive responses to my own feedback requests.

MagicSquire isn’t the only brush organizer out there. I’ve heard good words for both Brusherator and Brush Box, but I’ve only visited their websites; I’ve never used them. I’ve also been using Brush Pilot as a brush viewer for a good many years. However, it’s not been updated for a very long time and has tended to crash more often in Yosemite on my Mac. The website only lists compatibility up to Mavericks. While it’s Mac only, I have seen that there are brush viewers out there for Windows.

Brush Pilot doesn’t work within Photoshop, but previews .abr files with scalable thumbnails and installs them into Photoshop. You can also export PNG files from an .abr file with or without transparency, which can be very handy. You can even Print to PDF to create a contact sheet. You need to use Photoshop’s Preset Manager for any other operations. However, I find being able to preview the contents of an .abr file before installing it so valuable, I’m very happy to have Brush Pilot even if it is no longer being developed and does sometimes have a crashing fit. I have long requested that Bridge take over this role, but so far, nothing has come of that request.

Brush Pilot screen shots
Brush Pilot scans your entire computer searching for .abr files. Any it finds it presents in a tree structure. One pane of the tree structure is devoted to brushes already installed. Click on any .abr file and it previews the contents, using scalable thumbnails to make previewing easy.
MagicSquire's Interface for brushes and edit mode
The bottom image displays the groups, including groups for tools such as the Mixer Brush and the Smudge tool, which are indicated by small icons. In the top panel, the brush shown below in the red box has had stroke thumbnails generated for it—similar to choosing Stroke Thumbnail in Photoshop’s brush panels, but with more options. The Edit dialog lets you name/rename, pick a preview, create a new brush preset, or update the current brush.

For “The Refugee,” (detail above, full image at the end of this post) I used several brushes to create the texture, and it was much easier than it has ever been to select the Brushes and Tool Presets I used, thanks to MagicSquire’s ability to sort them into groups and present a visual reference. I also was able to easily modify a brush and click on the  New Preset icon to save it directly into the same group—or into any group I first targeted.Brushes can be dragged from one group to another, and new groups can be created to organize brushes at any time. Renaming brushes is possible any time you double-click on a brush to enter the Edit mode. The dialog is fully resizable, and with the latest update, you can choose to view a compact mode instead of the full panel. It shrinks the panel to the size of the brush thumbnail until you hover over it, then expands to the full panel while you select another brush. Move your cursor away again and it automatically shrinks back.

Note that in Compact mode, there currently appears to be a bug: double-clicking on a brush to edit it does open the Edit dialog, but it jumps back and forth, making it impossible to enter anything into it, at least on my computer using a Wacom stylus and tablet. But the mode is terrific so long as I exit it before attempting to edit or create a new brush preset.

Screen shots for compact mode
Select Compact mode from the panel menu to create a very small panel easily floated anywhere you want it, or keep it docked as an icon. The panel will automatically pop open on hover and shrink back again when you move your cursor away. (Does not currently work properly in Edit mode)

I’ve been told that the developer is now working to offer previewing by name, marking brushes as favorites, and eventually, loading and saving sets of brushes so those of us with far too many don’t have to load them all in order to keep them organized through MagicSquire. I can hardly wait!

One word of advice for anyone who decides to get MagicSquire: if you’re running 2017, you’ll also want to pick up the free Extension Manager from the Anastasiy website in order to install it, and not try to use the now-deprecated Adobe Extension Manager.

"The Refugee" an art journal page for Democracy series
“The Refugee” in my Democracy series — The quote is a selection from Warsan Shire’s poem “Home.” Other credits go to Rebecca McMeen and The Urban Fairy for several of the design elements.