All Bézier items are composed of the same building blocks: straight and/or curved line segments, connected by points. Each point on a curved segment has two rabbit-ear curve handles attached to it that control the shape and direction of the curve. Béziers are defined by mathematical formulas, but the math is done for you.
QuarkXPress offers a whole slew of tools for creating custom-shaped Bézier boxes, lines, and text paths: three Bézier Picture Box tools, two Bézier Text Box tools, two Bézier Line tools, and two Bézier Text-Path tools. Each Bézier tool creates an item with a distinctive function—e.g., a closed shape to contain text or a picture, an open line on which to place text, or a decorative, freely drawn line. Once you learn how to use them, you’ll be able to draw any shape under the sun.
All Bézier items are reshaped using the same techniques: by manipulating their segments, points, and curve handles –. Furthermore, as you’ll see by the end of this chapter, you can convert any type of shape into any other type of shape—a line into a box, a picture box into a text box, etc.
In the first part of this chapter you’ll learn many techniques for creating Bézier items. Once you master these, you’ll most likely use an assortment of them, along with some keyboard shortcuts, as you draw different kinds of items. Later in the chapter you’ll learn how to reshape and combine Bézier items and how to manipulate text on a Bézier path.
If you’re new to Béziers, skip this page for now. Once you’ve learned the Bézier fundamentals and you’re ready to speed things up, come back and add some of these shortcuts to your repertoire.
When you click with a Bézier tool, corner points are created.
To delete a path as you’re creating it, press Cmd-K/Ctrl-K.
Normally, a Bézier tool will switch to the Item or Content tool as soon as one path is completed. If you Option-click/Alt-click a Bézier tool, it will stay selected so you can draw multiple paths (end each path by double-clicking).
or
Create the last point by double-clicking (not necessarily over the first point). A segment connecting this last point and the first point will be created.
or
Click the starting point –.
If you like to draw in a freeform manner, try using one of the freehand Bézier tools. They lend themselves to natural subjects—flora and fauna—more than to geometric subjects. Keep your mouse button down for as long as you want the line to go.
Option-choose/Alt-choose a tool if you want to draw multiple, separate items without having to choose the tool again.
To end a line, just release the mouse.
If you want to trace an imported picture, put it on a locked layer by itself. To lighten the picture to make it easier to trace, use Style > Opacity.
or
Press Delete/Backspace.
Note: You can also delete an item with the Content tool selected, using Item > Delete (Cmd-K/Ctrl-K).
In these instructions, you’ll learn how to draw curves with symmetrical points. Symmetrical points always have handles of equal length, and they produce the least bumpy curves. (Smooth points, by comparison, have handles that move in tandem but can be of different lengths; and corner points can have one, two, or zero handles.)
Choose another tool (the final segment will be drawn automatically).
or
Double-click at the location where you want the last point to appear.
or
Click once on the starting point (you’ll see a close box pointer ).
To end (not close) a line or text path:
Choose another tool.
or
Double-click to create the last point.
(To join the endpoints of a line or text path and thus convert it to a closed shape, see page 321.)
On these pages we’ve broken down the creation of straight and curved segments into separate instructions to make it as clear as possible. When you’re actually drawing items, you’ll usually use a combination of techniques—draw a straight segment, then a curve, then maybe retract a handle, adjust a handle, and so on. Once you’re comfortable creating the basic elements, get some practice under your belt by drawing the puzzle piece illustrated on page 303 or some other shape that will require you to create symmetrical, smooth, and corner points.
Drag to draw curves in the same item (omit the Cmd-Option-click/Ctrl-Alt-click step). Or to draw straight segments, click without dragging.
Corner points have handles that can be moved independently of each other.
No, it’s not your imagination—the Item > Shape submenu was discussed earlier in this book. Here it’s used to convert a standard box or line into a Bézier box or line.
or
To convert the item into a Bézier line, go to Item > Shape and choose the Freehand Line icon. If you convert a text box into a line, the result will be a text path . If you convert a picture box that contains a picture into a line, you’ll get a warning prompt; if you click OK, the picture will be deleted. In either case, the result will be an open shape, and the two endpoints of the line will be positioned one directly on top of the other (look for them at the bottom or in the lower-left corner). Select and move either point, if you like.
The box that results from a conversion of a standard oval box to a Bézier box may have an excessive number of points; you can remove any extraneous points after the conversion . Sometimes it’s simpler to create a shape from scratch using a Bézier tool!
After it’s converted into a Bézier box
After removing four extraneous points
To convert a narrow line (less than 2 points wide) into a Bézier box, hold down Option/Alt while choosing the Freehand Box icon (–, next page).
Note: If you choose the Freehand Box icon from the Item > Shape submenu without holding down Option/Alt, a warning prompt will appear. If you click OK, you’ll get a very thin hollow line or lines. Not what you had in mind? Undo it.
If the endpoints of a line are very close together or one is on top of the other and you choose the Freehand Box icon with Option/Alt held down, the endpoints will be joined into a single point. If there is space between the endpoints, they’ll be connected by a new line segment. In either case, a closed shape will be produced.
or
Click on the page to open the Starburst dialog box. Then, enter values for the Star Width and Star Height , as well for the Number of Spikes (3–100) and the Spike Depth (10–90%), which controls the length of the spikes. To create spikes that are irregular in length and depth, enter a Random Spikes value above zero (0–100) . Click OK –.
On the following pages, you’ll learn these methods for reshaping a Bézier path:
• Add or delete a point
• Move a point or a segment
• Rotate, lengthen, or shorten a curve handle to reshape a curve
• Convert a point to a different type (symmetrical, smooth, or corner)
• Convert a curved segment into a straight segment, or vice versa
• Move a handle on the bounding box
• Cut a segment in two
• Convert a Bézier to an entirely different shape via the Item > Shape submenu
If you want to reshape part of a Bézier item, you must first turn on Item > Edit > Shape (Shift-F4/F10—memorize this shortcut!) . This command makes an item’s individual points, curve handles, and segments visible and accessible. Remember to turn this command off when you’ve finished reshaping the item so you don’t inadvertently move any points or segments!
To reshape or resize a whole Bézier item, turn off Item > Edit > Shape (re-choose the command), then drag any of the eight handles of its bounding box .
or
Option-click/Alt-click a segment where you want a new point to appear .
or
Click a point to select it, then press an arrow key on the keyboard. The point will move along the horizontal or vertical axis.
or
Click a point to select it and then, on the right side of the Measurements palette (Classic tab), enter the desired horizontal location in the XP field and/or the desired vertical location in the YP field .
To move multiple points, select them using one of the shortcuts listed in the sidebar, then use a method in step 3, above. If you enter a number in the XP or YP field, all the currently selected points will be stacked on top of one another at that XP or YP location.
or
To move a line or a text path, click the line first to select it, move the pointer slightly away from the line (just slightly!), then drag when you see the four-way arrow pointer.
or
Rotate the handle around the point .
or
On the Measurements palette (Classic tab), enter a number in the angle field for the diamond-shaped curve handle or in the angle field for the square-shaped curve handle (not the most intuitive thing you’ve ever done in your life) . You can do this (and the next option) for multiple selected points.
or
On the right side of the Measurements palette, enter a length for the diamond-shaped curve handle or a length for the square-shaped curve handle . To make the handles of equal length, enter the same number in both fields (or click the Symmetrical Point button on the Measurements palette).
When you retract a curve handle, it converts the point to a corner point and changes the shape of the curve.
or
On the right side of the Measurements palette (Classic tab), enter 0 in the length field for the diamond-shaped or square-shaped handle .
To retract both curve handles on a point, Control-Shift-click/Ctrl-Shift-click the point. To make them reappear, Control-Shift-drag/Ctrl-Shift-drag from a point.
Click the Symmetrical Point button or Smooth Point button.
or
Enter a value above 0 in either or both of the length fields (diamond and/or square).
or
Drag a curved segment. Only the segment will move, not its connecting points .
Note: If you pause before dragging a segment, the item’s fill will preview as the segment is moved. Otherwise, just the outer wireframe representation will display as you drag.
Use the Scissors tool to cut boxes, lines, and text paths. The tool can’t be used on a table, an anchored item, or an item in a group.
Note: To access this tool, the Scissors.xnt XTension must be installed and enabled (see page 377).
If you’re going to make multiple cuts using the Scissors tool, Option-click/Alt-click the tool first. Then you won’t have to reselect it each time. Choose another tool when you’re done.
To cut a merged item, you may have to split it first using Item > Split, depending on which Merge command was used (see pages 320–321).
To convert a curved segment into a straight segment, or vice versa, in a Bézier box, line, or text path, all you gotta do is click a button on the Measurements palette (Classic tab). Easy.
or
Click the Curved Segment button on the Classic tab of the Measurements palette (Option-Shift-F2/Ctrl-Shift-F2). One curve handle will appear on each of the two points that are adjacent to the segment.
You can also convert a selected segment by choosing Item > Point/Segment Type > Straight Segment or Curved Segment, but why go all the way to the menu bar when you can just click a button instead?
To convert all the points and segments on a path into all curves or all straights, double-click any point to select all the points and segments on the path, then click the Straight Segment or Curved Segment button on the Measurements palette.
Click the Symmetrical Point (first) button. Handles on a symmetrical point always stay on the same axis and are of equal length .
or
Click the Smooth Point (second) button. Handles on a smooth point always stay on the same axis but can be different lengths, allowing for greater control over reshaping .
or
Click the Corner Point (third) button. Now the handles can be rotated, lengthened, or shortened independently of each other, and the segments that the point connects will come together at a sharper angle .
You can also convert a point by selecting it and then choosing Item > Point/Segment Type > Corner Point, Smooth Point, or Symmetrical Point.
or
To scale the item and contents (if any) proportionally, Cmd-Option-Shift-drag/Ctrl-Alt-Shift-drag a handle .
or
To scale the item nonproportionally, but not its contents, change the W and/or H values on the Classic tab of the Measurements palette (or press Cmd-M/Ctrl-M to open the Modify dialog box, click the Box tab, then change the Width and/or Height values).
Regardless of which method you use to scale a box, the frame width stays the same.
You can rotate a Bézier item using the same techniques that you’d use to rotate a non-Bézier item.
No matter what kind of items you start with, all the Merge commands produce a single Bézier item from two or more individual items. And in all cases, the color attributes and contents of the item farthest back in the stacking order—including any text, picture, or background color—are applied to the final item.
The items can be lines, boxes, text paths, Bézier items, or any combination thereof (not a table), and they can be grouped. If you’re going to apply any Merge command except Union, arrange them so they overlap—at least partially.
The items can be on different layers.
INTERSECTION
Parts of any item that overlap the backmost item are preserved; parts of items that don’t overlap the backmost item are cut away –.
UNION
All items are combined into one overall new item (the original items don’t have to overlap!). You can use this option to create a complex item from a combination of simple items .
DIFFERENCE
Only the backmost item remains, minus any parts of any items that are in front of it and overlap it .
REVERSE DIFFERENCE
The original backmost item is deleted, items in front of it are united, and parts of the original items that overlap the backmost item are cut away . A new shape is produced from items that extend beyond the edge of the backmost item.
Areas of items that overlap the backmost item are cut away, and the remaining items are united –. The color of the original backmost item is applied to the non-cutout areas. The corners of the cutout areas will have two sets of points—one that can be used to reshape the cutout areas and one that can be used to reshape the non-cutout areas.
COMBINE
Works like Exclusive Or, except that extra points aren’t added to the corners of the cutout areas, so you can’t adjust the corners of the resulting cutout shapes unless you add corner points yourself.
Note: Exclusive Or and Combine will produce the same results if the original overlapping items don’t extend beyond the edge of the backmost item.
JOIN ENDPOINTS
The Join Endpoints command will join a pair of endpoints from two separate text paths or lines into one point—provided the endpoints are close together –. The attributes (style, weight, color, etc.) of the backmost line are applied to the resulting line. Boxes don’t have endpoints, so the Join Endpoints command has no effect on them.
Note: For two endpoints to be affected by the Join Endpoints command, the distance between them can’t exceed the current Snap Distance (1–216) specified in Preferences > Print Layout > General. The default Snap Distance value is 6 pixels.
The Text to Box command converts a copy of one or more standard text characters into a single Bézier picture box. And if you like, you can make this conversion and anchor the new Bézier box into its text block all in one fell swoop.
The resulting Bézier box can be filled with a color, a blend, or a picture; it can be converted into a text box and filled with text; or it can be reshaped using any of the techniques that are discussed in this chapter.
or
To convert the text into a picture box and anchor it in its current location in the text simultaneously, hold down Option/Alt and choose Style > Text to Box –.
To change the contents of the newly created picture box, click on it, then choose Item > Content > Text (so you can enter text inside the letter shapes) or None (so you can fill the letter shapes with color only). To access the Content submenu quickly via the context menu, select the box, then Control-click/Right-click in the project window.
The Split command is really an un-merge command. It divides a text-to-box item or items merged via the Combine or Exclusive Or command into individual, separate items. It can also be used to split up a complex box that contains paths within paths or a box whose border criss-crosses itself. Once an item is split, each component can then be manipulated or recolored individually.
If you split a box that was created using the Text to Box command into separate paths, you’ll then be able to select and recolor each letter individually, fill each letter with a different picture, or reshape any letter to create a custom character (you can have some fun with this). Start with a box that was created from more than one letter.
or
Choose Item > Split > All Paths to split all an item’s paths, including any interior paths . If you apply this to a Text to Box letter shape, any counter (hole) within the letter will become a separate shape (as in an “O” or a “P”), and it can then be treated as a separate item.
You can flip any type of Bézier item. Try flipping a Bézier text path vertically.
To flip the contents of a selected box, choose the Content tool, then choose Style > Flip Horizontal or Flip Vertical or click the Flip Horizontal button or Flip Vertical button on the Classic tab of the Measurements palette.
In addition to creating a text path using any of the Text-Path tools, you can also produce a text path by converting an existing line.
To change the width and other attributes of a text path, select it using the Item tool, then choose attributes from the Style menu, from the Measurements palette, or from Item > Modify > Line. Any dash or stripe style can be applied to a text path .
To recolor a text path, select it with the Item tool and choose from the Style > Color and Shade submenus. Or select it with the Item or Content tool, click the Line Color button on the Colors palette, then click a color and choose a shade. (To make the path invisible, click the Line Color button, then click None.)
Change the attributes of text on a path as you would text in a box: Select it using the Content tool, then choose attributes from the Style menu or from any of several tabs on the Measurements palette; or apply a style sheet or sheets to it.
To flip text to the opposite side of a path, click the path with the Content tool and choose Style > Flip Text –. Or click the path with the Item or Content tool, then check or uncheck Flip Text on the Text Path tab of the Measurements palette or in Item > Modify > Text Path.
To turn a text box into a text path, select the box, then from the Item > Shape submenu, choose the Line icon or Orthogonal Line icon . An open text path will be created. Or if you choose the Bézier Line icon instead, a path will be created in the shape of the original box .
or
Display the Text Path tab of the Measurements palette (see the next page).
or
Choose Item > Modify (Cmd-M/Ctrl-M), then click the Text Path tab.
You can use Baseline Shift to further raise or lower text on a path (Character Attributes tab of the Measurements palette or Style > Baseline Shift).