TECHNIQUES OCTOBER 16 , 2001
Stroking a Path with Gradients and Motion Blurs
A long time ago, I mentioned that I was looking for a way to simulate a motion blur in Photoshop. I don't mean just a simple motion blur like the one you find in the Filter menu. I mean a more versatile blur, one that would allow me to blur in multiple directions. In other words, a motion blur along a path. Well, I just might have found the answer. You decide.
This is not a particularly difficult tutorial. I actually stumbled upon this technique when answering a user question in the Adobe Photoshop forum here at Digital Media Net. The question was, "How do I stroke a path with a gradient?" I thought about it for a second, came up with the answer and then thought, "Wait a minute! This could be applied to blurring as well! Hot diggity!" (No, I don't actually think phrases like "hot diggity!" I'm just toning it down a bit for the fragile sensibilities of my bosses.)
Stroking a path with a gradient
1. Draw the path to be stroked. In the example above, I just drew a rough stroke with the Freeform Pen tool.
2. Select one of the painting tools in the Tool palette. Pick your brush, and then adjust the settings in the tool bar up at the top.
3. In the little brush icon in the toolbar, you'll see three options: Size, Pressure and Color. To create a color gradation, simply turn on "Fade" in the color option. This will transition the stroke from the foreground color to the background color over the course of the steps you set. (See note below.) To create a gradation that goes from a color to transparent, select Fade in the Pressure option. Again, this will transition the stroke from the foreground color to transparent over the number of steps you set. (You can also combine the two, along with size.)
4. Now, in the Path palette, click on the flyaway menu and select "Stroke Path." The default option will be your currently selected tool.
Voila! You now have a gradation along a path. Can you see where this is heading? That's right: Motion blur. But first a note.
NOTE: The most difficult part of this process is determining the proper number of "steps" for your gradation along any given path. In Photoshop, a "step" is simply an application of the selected brush. Brushes "step" according to the Spacing percentage set in the Brush Options dialog, which you can access by clicking on the brush icon in the tool bar.
So let's say you're using a 10 pixel brush spaced at 100 percent intervals. In 10 "steps," your brush will cover 100 pixels, right? Well, unless my first-grade arithmetic fails me (which isn't out of the question), that's right. So now all you need to know is the length of your path. If it's a straight path, no problem. You can just use the Measure tool. Otherwise, I haven't found a way to measure a curved path yet. So it's a matter of trial and error.
Post a message in the Creative Mac World Wide User Group.
Dave Nagel is the producer of Creative Mac and Digital Media Designer; host of several World Wide User Groups, including Synthetik Studio Artist, Adobe Photoshop, Adobe InDesign, Adobe LiveMotion, Creative Mac and Digital Media Designer; and executive producer of the Digital Media Net family of publications.