PI5 Path Tool

path tool creationAmong other awesome goodies, PI 5.0 features a much more powerful, flexible and easy to use Path tool. 

The new Path tool has four options: (1) Path Drawing Tool, (2) Outline Drawing Tool, (3) Line and Arrow Tool, and (4) Path Edit Tool.  I'm going to show you how to use each one of these options to make a rose, an outline picture frame, an arrow with a shadow, and edit a freeform star.

The PI 5.0 path tool interface is much different than it was in 4.2. Click on the Path tool icon and select Path Drawing Tool.

path tool options

Choose File, New and create a new file 300 X 300 pixels. In the Attributes toolbar, from the Shapes dropdown choose Ellipse. Draw the shape about 1-1/2" long. From the Attributes toolbar's Mode dropdown list, choose Vertical Deform.

deform vertically

Press and hold down on the mouse button while dragging the two bottom control points slightly down and toward the center, to create a petal shape.

editing the path

From the Mode dropdown list, choose 3D Trim.

Click on the Material icon in the Attributes toolbar to open the Material box. From the Color/Texture tab, click in the Gradient Color box. When the Gradient Fill box opens, select Two color fill, with a dark pink (RGB=233, 0, 128) to light pink (RGB=255, 215, 235) gradient. Click OK to apply.

add bump map to petal


rose petal
From the Bump tab, select Bump map. Browse to the trial version's Material folder and choose the bumpmap named ref007.jpg. Click OK to close the Material box. The petal should look like this.

Copy the petal to the Clipboard, then choose Edit, Paste, As a New Image. It will open in its own small window in the work space. Leave it for the time being, as we'll be using it later on to make a smaller petal.

Now paste the petal into the base image 6 or 7 times. Click on a petal to make it active, then click on the Transform tool and rotate the petal 5-15  degrees. Repeat for each petal, letting them overlap slightly, as shown below.

To vary the order of the petals, occasionally switch to the Pick tool and use the Options in the Attributes toolbar to send some petals to the front or back of the one next to it.

paste petals into image

half size petalReturn to the spare petal and click on the Transform tool. Select Freely Resize and make it about half its original size. Copy the smaller petal into the Clipboard. As you did for the larger petals, paste 6 or 7 of these petals into the image a few times and rotate them clockwise or counterclockwise to build up a second row of petals. Use the Pick tool to send some in front of or behind the ones next to it.

tiny petalNow return to the half size spare petal and resize it slightly smaller. Copy it to the Clipboard and paste 3 or 4 more of them and rotate with the Transform tool. Do not merge the petal objects with the base image. Just click in the base image to deactivate all objects.

Let's make a leaf shape to decorate the flower. Click on Shape in the Attributes toolbar and choose Custom Shape.

custom shape

When the Custom Shape box opens, select Leaf 5, one of the cool new shapes in 5.0.

select leaf shape

Click OK to close the box. Draw a leaf shape about 1-1/2" wide in the base image. Notice that you don't have to do 4.2 "the two step" anymore -- (clicking the Edit button and choosing Select Custom Shape, then having to repeat to choose Custom Shape)!

In the Attributes toolbar, set the Mode to 3D Round. The color will still be pink from drawing the petal. Click on the Material icon to open the Material box again. From the Color Texture tab, click in the Gradient Color box. When the Gradient Fill box opens, choose Multiple colors to get the Palette Ramp Editor. Apply Palette 32, fill method diagonal. Click on the Bump tab and browse to the trial version's Material folder. Select bumpf008.jpg for the bumpmap. From the Reflection tab, choose ref007.jpg for the reflection. Click OK to close the Material box. 

Copy the leaf to the Clipboard. Paste it in 2X. Resize one of the leaves smaller with the Transform tool, and rotate one leaf for the right side of the flower. Use the Pick tool to make a leaf active, then use the Attributes toolbar Options to send the leaves to the bottom of the stack.

rose with petals

Right click and Merge All when all petals and leaves are positioned to your liking. Select the Paint Brush tool. In the Attributes toolbar, select a 2 pixel brush, Transparency=0, Soft Edge=0, the color is dark marigold. Click a few times in the center of the flower, as shown in this 2X magnified view.

paint little dots

Select the Paintbrush tool, Fine Round Marker preset. Click in the Attributes toolbar color box and choose a very dark green color. Draw a line along the white center parts of the leaves. I used the Retouch Burn tool, Thin Burn preset, along the lighter edges of the petals to bring up contrast. The finished flower is shown at left.

Back to Top

Next let's use the Path tool's Outline Drawing Tool. Start with a new file 200 X 200 pixels. In the Attributes toolbar, click on Shape and choose Rectangle. From the Mode dropdown list select 3D Chisel. Click on the Width icon and choose 5 pixels.

line width

Make sure you have a solid line from the Style icon dropdown list.

solid line selected

Open the EasyPalette's Material Gallery. Click on Metallic and select Steel 3.

choose steel 3

Click on the Material icon and open the Material box. Click on the Bump tab and deselect (uncheck) Bump. Click OK.

Right click in the image and Merge All. Use the Magic Wand selection tool set at 30 Similarity to select the white space inside the frame. Open in the work space an image you like, and copy it to the Clipboard.

Return to the frame image and choose Edit, Paste, Into Selection. The image will be "stuck" to the cursor, which you can move around freely to fit the part of the image that you want to show into the frame. Click to fix in position, then right click and Merge All.

paste photo into selection

Back to Top

To make a red 3D arrow with a drop shadow, choose Line and Arrow Tool from the Path tool.

Start with a new file 200 X 100 pixels. In the Attributes toolbar,  click in the color box and select bright red, Mode=3D Round, Width=7, Style=solid line.

From the Arrow icon's dropdown menu, choose the right pointing arrow.

making an arrow

Click on the left side of the base image to begin (large red square), drag the desired distance across and click again to end (small red square).

drawing arrow path

Upon clicking to end the arrow, it appears. Choose Object, Shadow to add a drop shadow to the arrow.

Back to Top

Finally, let's use the Path Drawing Tool again to draw a freeform star shape which we'll edit using the Path Edit Tool. Start with a new file 200 X 200 pixels. Choose the Path Drawing Tool to begin with. In the Attributes toolbar, click Shape and select Bezier/Polygon. 

Draw a rough star shape by clicking and dragging. Each time you click you'll see a square red control point. Double click to end the path. I made this star lopsided so its path could be edited.

lopsided star path

Now select the Path Edit Tool. In the Attributes toolbar, click on the Toggle button. The shape will look like a selection, no red squares showing. Position the cursor near a point to be edited.  When the cursor is placed over a control point, it turns into a pointing finger. Click once and the red control points, with dark gray centers, reappear.

Click on a control point to make it active. The dark gray center disappears. Press and hold down the mouse while dragging the control point in the desired direction to even out the star's shape.

edited path

Click on the Toggle button again to exit path editing mode. Click on the Path tool again and choose Path Drawing Tool to adjust color and Mode from the Attributes toolbar, Material box or EasyPalette.

I used the EasyPalette's Material Gallery, Color tab, Orange Gradient, to fill this 3D Chisel star. From the Material box I clicked on the Bump tab and added bumpf008.jpg to give it a little texture. Then I chose Object, Shadow to add a faint 5 pixel shadow around all edges of the star, to help it stand out against the white background.

3D chisel star

Back to Top

Once you try out the new path tool in PI 5.0, I think you'll agree that it is much easier to create and edit paths this way.

Do not duplicate, translate, copy, archive, appropriate or redistribute this document.



Back to Homepage