Intaglio User Guide
Intaglio User Guide
July 2008
Intaglio Overview
5
About Intaglio
................................................................................................... 5
System requirements
....................................................................................... 5
The document window
..................................................................................... 6
The inspector panels
........................................................................................ 7
The tool palette
................................................................................................. 8
The toolbar
....................................................................................................... 9
Fill
........................................................................................................................... 9
Stroke
.....................................................................................................................9
Transformation
....................................................................................................... 9
Miscellaneous
........................................................................................................ 9
Drag and drop
................................................................................................ 10
Document Setup
13
Drawing size
................................................................................................... 13
Color space
.................................................................................................... 13
Export & effects resolution
............................................................................. 13
Drawing scale & units
..................................................................................... 14
Dimension text
............................................................................................... 14
Grid
.................................................................................................................15
Guides
............................................................................................................ 15
Layers
............................................................................................................. 16
Drawing With Intaglio
18
Selecting graphics
.......................................................................................... 18
Graphic objects
.............................................................................................. 19
Paths
....................................................................................................................19
Text
.......................................................................................................................20
Images
................................................................................................................. 21
Drawing paths
................................................................................................ 22
Point selection tool
.............................................................................................. 23
Scissors tool
........................................................................................................ 23
Line tool
............................................................................................................... 23
Dimension line tool
............................................................................................... 24
Rectangle & oval tools
......................................................................................... 24
Arc tool
................................................................................................................. 24
Bézier Curve Polygon tool
....................................................................................24
Polygon tool
......................................................................................................... 25
Star tool
................................................................................................................ 25
Round rectangle tool
............................................................................................ 26
Freehand tool
....................................................................................................... 26
Path tool
............................................................................................................... 27
Arrows
............................................................................................................ 30
Filling paths
.................................................................................................... 31
Path operations
.............................................................................................. 32
Unite
.....................................................................................................................33
Intersect
............................................................................................................... 33
Exclude
................................................................................................................ 33
Subtract
............................................................................................................... 33
Drawing text
................................................................................................... 34
Text flow
............................................................................................................... 34
Font features
........................................................................................................ 34
Font variations
..................................................................................................... 35
Kerning
................................................................................................................ 35
Leading
................................................................................................................ 35
Baseline
............................................................................................................... 36
Line direction
....................................................................................................... 36
Text as a graphic element
.................................................................................... 36
Binding text to a path
.......................................................................................... 37
Vertical text
.......................................................................................................... 37
Groups and Masks
......................................................................................... 38
Gradients
........................................................................................................ 40
Patterns
.......................................................................................................... 42
Textures
.......................................................................................................... 44
Image Textures
.....................................................................................................44
Light Textures
.......................................................................................................44
Paint Textures
...................................................................................................... 44
Styles
..............................................................................................................45
Using Effects
46
CoreImage effects
.......................................................................................... 48
Creating Slideshows
53
Scale To Fit Display
............................................................................................. 54
Use Secondary Display
....................................................................................... 54
Hide Master Slides Above
....................................................................................54
Advance...
............................................................................................................ 54
Loop
.....................................................................................................................54
Click Closes Last Slide
........................................................................................ 54
Omit Invisible Layers
........................................................................................... 54
Transition
.............................................................................................................. 54
Scripting Intaglio
61
Tips and tricks
................................................................................................ 61
Welcome To Intaglio
About this guide
This guide describes the features of Intaglio and explains how to use them.
Note: this guide frequently refers to menu commands. These commands are
specified like this:
Choose Layout > Zoom > Zoom To Fit
The example above starts with the Layout menu in the menu bar, selects the
Zoom submenu, and finally chooses the Zoom To Fit menu item as shown
below.
Onscreen help
To use Intaglio’s onscreen help choose Help > Intaglio Help. The onscreen help
system describes the function of each menu item and window, and contains
instructions for basic drawing functions. You can browse the help system from
the main page or search for specific terms. The help files are also available
online at:
www.PurgatoryDesign.com/Intaglio/Help/Intaglio Help.html.
Intaglio Overview
About Intaglio
Intaglio is a graphics application designed specifically for Mac OS X. Because
of this narrow focus, Intaglio is able to make the most of the powerful graphics
technologies Apple is creating for the Macintosh such as Quartz and CoreImage.
Software for 2D graphics work can be divided into two categories. The first
category is software to create and edit bitmap images such as digital
photographs. The second category is software to create and edit vector images
such as text and abstract shapes. Software in one of these categories is
frequently called either a paint or a draw application respectively. Each type of
graphics application is useful for different kinds of tasks.
Intaglio bridges the gap between bitmap and vector graphics with a set of
powerful special effect filters. This allows bitmap style operations to be
performed on vector graphics while maintaining the ability to edit the graphics in
vector form and modify the settings used to create the effects.
System requirements
Intaglio requires Mac OS X 10.3.9 or later and will take full advantage of the
graphics features in 10.4 and 10.5. Some features require these later versions of
the OS and may work best with the graphics hardware (i.e., the video card)
Apple has specified to work with CoreImage.
Intaglio Overview
5
The document window
Drag the ruler origin from here (option-click to set it numerically).
Customize the toolbar to contain the tools you use most often.
The document window is where drawing takes place. You can also drag a
graphic directly into the window to add it to the drawing (see page 10).
The drawing area in the document window shows the printable area of the page
plus the blank margin that most printers will add around the edges of the page.
To hide the page margin display choose Layout > Hide Page Margins. To see what
Intaglio Overview
6
the page will look like when printed choose File > Print and select the Preview
button.
You can reduce the size of an inspector by clicking the mouse in the disclosure
triangle in its top left corner next to the inspector’s title.
You can group inspector panels together in any combination you choose by
dragging the inspector by the area around its title at the top of the panel.
Intaglio Overview
7
Some inspectors have a disclosure triangle in the lower right corner to reveal
extra controls that are generally used less often than the others. For example,
the stroke inspector normally hides the controls for things like arrows and dash
settings. To reveal these extra controls just click the mouse in the triangle at the
bottom of the panel.
The tool palette contains all of the tools you use for drawing. In the tool
preferences, you can orient this palette either vertically or horizontally depending
on how you prefer to organize your workspace. If you hold the cursor
motionless above a tool button for a couple of seconds a help tag will appear to
give you the name of the tool and the its shortcut character. If you press the
command (⌘) key on the keyboard, this help tag will change to provide a
description of the tool.
Intaglio Overview
8
The toolbar
When you first launch Intaglio the toolbar at the top of the document window will
contain tools to set fill and stroke properties, perform graphic transformations,
and open the Geometry inspector to edit an object’s size and location. You can
use the Customize tool on the right end of the toolbar to rearrange these tools or
replace them with others you find more useful. As is described above for the
tool palette, holding the cursor motionless above a tool icon in the toolbar will
display a help tag with the name of the tool.
Fill
Sets the fill color or pattern of selected paths and text blocks.
Stroke
Transformation
Performs graphic transformations such as rotate, shear and flip on the selected
graphics.
Miscellaneous
Various other convenience operations such as printing, opening palettes, and
controlling layers and scripts.
Intaglio Overview
9
Drag and drop
When working on a drawing you may want to include graphics from another
application or export your work to another application such as a word processor
or web site design tool. Frequently the easiest way to do this is via the standard
Macintosh process known as drag and drop.
To import a graphic into Intaglio you can usually just drag it directly into the
document window. Graphic types you can import this way include PDF vector
graphics and bitmap images in various formats. You can drag the files
containing these graphics into Intaglio from the Finder or you can drag the
graphics directly from other applications that support this capability.
When you drag a graphic object within the document window you’re usually just
moving the graphic within the drawing, but you can also move a copy of the
graphic by holding down the option key on the keyboard before you start
dragging. To make a copy that you can drag outside of the drawing hold down
both the command (⌘) and option keys on the keyboard before you start
dragging or just click the mouse on the graphic and hold it motionless for a
short time (this can be done even when Intaglio isn’t the active application and
the delay can be adjusted in the tool preferences). When the cursor changes to
a copy cursor (an arrow with a green ball containing a plus sign) you’re ready to
drag the graphic to another window in Intaglio or another application. You can
cancel this drag at any time by pressing the escape (esc) key on the keyboard or
dragging the graphic to the menu bar at the top of the screen.
The Library inspector (choose Window > Library) provides a place for you to store
collections of graphics, effects and paint objects to reuse later. To add an item
to the Library just drag it into the Library window. When you quit Intaglio all the
graphics in the Library will be saved automatically. To copy a graphic from the
Library into a drawing just drag it from the Library inspector to the drawing or
use the Library inspector’s contextual menu to copy or cut it from the library and
Intaglio Overview
10
paste it into the drawing. You can permanently remove a graphic from the
Library by dragging it to the trash in the Mac OS X dock.
The Library inspector allows you to organize your collections by creating any
number of pages. You can create different pages for different types of objects
and can share pages with others by importing and exporting them as files. In
addition any photo albums you have created in iPhoto will automatically appear
in Intaglio as library pages.
Another way to save objects for later reuse is by dragging them to a Finder
window. When you do this the Finder will create a clipping file that you can drag
back into Intaglio later to copy the original object into a drawing (or the Library).
The Extras folder included with Intaglio includes a collection of clipping files
containing sample shapes and patterns.
Intaglio Overview
11
To save effects for reuse in the Library or as clipping files just select the effects
in the list in the Effects inspector (choose Window > Effects) and drag the list
items. You can select more than one effect in the list by holding down the shift
key on the keyboard as you click in the list. You can also use the contextual
menu in the effects list to cut or copy effects and paste them into the Library
with the contextual menu in the Library inspector.
In addition to graphics and effects you can also drag and drop paint objects (see
page 19) in Intaglio. The standard control for paint editing in Intaglio is the paint
well as shown below as part of the Fill toolbar tool.
You can click in a paint well to open the standard Mac OS X color picker, or hold
down the option key when clicking to open one of Intaglio’s paint inspectors. In
addition to clicking on a paint well to change its color you can drag a paint
object from one well to another, or from a paint well to the Library or a Finder
clipping file. You can create a pattern by dragging one or more graphics into a
paint well, and finally, dragging a paint object to a document window sets the
paint of all selected graphics in that window.
Intaglio Overview
12
Document Setup
Drawing size
A new drawing automatically adopts the size of the current printer page when
the drawing is created. If this isn’t the size you want, you can change the paper
size by choosing File > Page Setup and selecting a new size from the Paper Size
popup menu or changing the page Orientation. You can also create custom
paper sizes to get an exact document size, however since Intaglio isn’t a bitmap
editor you generally don’t need custom drawing sizes. Instead you can just
export an image at the size you need.
A drawing is generally a single page, but you can create larger drawings that
span multiple pages by choosing Layout > Drawing Size. This expands the
drawing into a single large area with pages placed side by side. To see where
the edges of each page will fall when printing choose Layout > Show Page Breaks.
Color space
Intaglio uses Apple’s ColorSync technology to match the colors on the screen to
the colors on the printer. When a new drawing is created it automatically adopts
the color space of the current printer as its default color space. The default
color space is applied to the colors used by new graphics when they are added
to a document for the first time. If you prefer new documents to use a specific
default color space (e.g., CMYK instead of RGB) you can change this in the
document preferences. You can also change the default color space and the
color profile used for each color space in an individual drawing by choosing
Layout > Color Space.
Document Setup
13
Drawing scale & units
Intaglio allows you to create scaled drawings in much the same way as a CAD
system (although not with as many options). You can set a drawing to convert
one set of units on screen into something else in the drawing. For example
perhaps you want ¼ inch in your drawing to represent one foot in the real world.
In this case you can enter the sizes of objects and add dimensions in feet and
let Intaglio convert those final measurements into the correct values in your
drawing. Suppose you want one centimeter on your printed drawing to
represent ten meters in the real world. To set your drawing this way choose
Layout > Measurements, set the Units popup to Meters and set the Scale to
convert 1 Centimeter to 10 Meters as shown below.
You can create up to eight different scale and unit combinations within each
drawing. To switch from one set to the next, hold down the option key on the
keyboard and click the mouse in one of the drawing’s rulers. To show the rulers
in a drawing choose Layout > Show Rulers.
Dimension text
If you’ve set the drawing scale and units in the section above you may want to
let Intaglio calculate the length of lines and automatically add text to your
drawing to indicate that value. Any lines added to a drawing with the Dimension
Tool (see page 23) will automatically add text to the drawing using the drawing’s
dimension options. These options include the font and size of the text, its
format, and its position in the drawing in relation to the dimension line. To
continue the example above where 1 centimeter represents 10 meters you’ll
probably want your dimensions displayed in meters using decimal fractions.
Assuming you want the text to display the units (i.e., meters) and use the
Document Setup
14
Geneva font with a size of 10 points, you would choose Layout > Dimensions and
set the dialog controls as shown below.
Grid
The drawing grid is helpful for maintaining a perspective in your drawings and
for aligning elements. It can be used with or without an automatic snap to the
grid line intersections. If you’ve set the drawing scale and units in the section
above the grid can be specified in the drawing’s final units. Grid lines are never
visible when the drawing is exported as an image, but can optionally be added
to printed drawings (via Layout > Set Grid) or PDF images exported from the print
window.
To set the grid dimensions and color choose Layout > Set Grid. To turn the grid
snap on and off choose Layout > Snap To Grid. The grid snap is independent from
the grid’s visibility. You can still snap to the grid when it is invisible or vice versa.
To hide the grid choose Layout > Hide Grid.
In addition to the ability to snap to grid line intersections, you can also snap to
the anchor points of a path. To turn point snap on and off choose Layout > Snap
To Points.
Guides
You can add horizontal and vertical guide lines to a drawing to help align
graphics. Graphics will snap to guides but the guide lines are never visible in
any printed or exported form of the drawing. To add a guide to a drawing, drag
Document Setup
15
the mouse from one of the guide buttons (or rulers) in the document window out
into the drawing area.
Once you’ve added a guide to a drawing the edges and centers of graphics will
snap to it as you drag the graphic past the guide. Graphics will snap to guides
whenever they are visible. To hide all the guides in a drawing and disable guide
snap choose Layout > Hide Guides.
When you create a new drawing its guides are locked. This means you can add
new guides and they won’t get in your way when you’re trying to select
graphics, but it also means you can’t move or delete existing guides individually.
If you want to move or delete a guide choose Layout > Unlock Guides and drag the
guide to a new location or off the edge of the drawing completely if you’re done
with it. You can remove all the guides from a drawing at any time by choosing
Layout > Clear Guides.
Smart guides are automatically created at the centers and along the edges of
the existing graphics in a drawing. When smart guides are enabled they
automatically appear as you approach them. This makes it easy to align a new
graphic to an existing graphic, or move or resize one graphic to align it with
another. To turn smart guides on and off choose Layout > Smart Guides.
Layers
As a drawing starts to become complex it can be very useful to split it into more
than one layer. A layer is simply a collection of graphics all drawn together. All
of the graphics in the first layer are drawn before those in the second layer and
so on. This means the graphics in the first layer appear under those in all
succeeding layers. A layer can be used simply for its organizational benefits but
its real power comes from the ability to hide and lock individual layers. A hidden
layer is invisible in the drawing and is a good way to keep things out of the way
to reduce clutter. If you’re working on one section of a drawing it can be useful
Document Setup
16
to hide the other sections so they’re not in your way. Sometimes you want to be
able to see certain graphics but not select them. For example, you may have a
colored background under your entire drawing that you want to see but not
interact with. In this case you can put the background graphics into a locked
layer so they’re visible but can’t be selected when you click the mouse on them.
Layers can be managed through the Layer inspector (choose Window > Layers),
the document window annunciator, or the optional layer management tool for
the toolbar.
To change the name of a layer or specify the printing properties of a layer open
the Layer Settings dialog.
Document Setup
17
Drawing With Intaglio
Selecting graphics
To edit graphics in Intaglio you must first select them. To select graphics you
use the Selection tool in the Tool palette (see page 8):
Each selected graphic displays “handles” around its edges you can use to resize
the graphic.
3 Selected Graphics
To select a graphic with the Selection tool you just click the mouse on it. To
select more graphics you can click on them one by one while holding down the
shift key on the keyboard, or you can use the Selection tool to draw a rectangle
around them. Normally the Selection tool will select only the graphics you
enclose completely with the rectangle. If you hold down the option key on the
keyboard, the Selection tool will select any graphic the rectangle overlaps.
Graphic objects
There are three basic types of graphic objects in Intaglio—paths, text, and
images.
Paths
A path is an abstract shape made up of any combination of lines, curves, and
arcs. A path may be anything from a simple line or rectangle to a giant blob with
bumps and holes. The inside area of a path must filled with paint, or the outline
of a path must be stroked with paint, or the path can be both filled and stroked.
Images
An image is any graphic you’ve imported into Intaglio. Images can be imported
from a wide variety of bitmap and vector file formats, or directly from another
application using copy and paste or drag and drop. The bitmap image formats
Intaglio supports include PICT, TIFF, JPEG and many others. The vector image
formats Intaglio supports internally are PICT (vector), PDF, and EPS. Intaglio
also allows you to convert several vector formats into Intaglio graphics for
editing. These include SVG and ClarisDraw files. These files are translated
directly into Intaglio graphics rather than including them as an image object. To
open an SVG or ClarisDraw file in Intaglio choose File > Open and select the file.
When you select a path with this tool the control points of each of its segments
are highlighted so you can select and edit each point. The process of editing
these points is virtually identical to the process of creating them using the Path
tool (see page 26), with one addition. To add to the end of an an existing path
select the path, hold down the option key on the keyboard, and click the mouse
on a path end point (or click and drag for a curve).
Scissors tool
Divides an existing path into two sub-paths within a compound path (see page
31). Just click the mouse on the point where you want to break the path. To
add a control point to a path without breaking it, hold down the option key on
the keyboard as you click the mouse
Line tool
Draws a straight line. To constrain the line to be horizontal or vertical hold down
the shift key on the keyboard as you draw it. To center the line at the point
where you first clicked the mouse hold down the option key.
Arc tool
Draws circular arcs. This is a two step process. First click the mouse and drag
it to define the arc’s radius and start angle, then release the mouse and drag it
again to define the arc’s end angle. Hold down the option key on the keyboard
during the second step to create a pie shape instead of a simple arc.
Step 1: Step 2:
Star tool
Draws paths in the shape of stars and flowers. To constrain a vertex at the top
of the shape hold down the shift key on the keyboard and drag upward while
drawing. This will force an outside vertex to be straight up. To swap the inside
and outside vertices hold down the option key. You can set the number of
vertices, inside radius and the curvature at the vertices of the shape to be drawn
by double-clicking the mouse on the star tool icon in the Tool palette.
Freehand tool
Draws a multi-segment line as you drag the mouse. When you release the
mouse button Intaglio smoothes the line you’ve drawn according to the current
tool parameters. You can adjust the smoothness of the line and the tolerance
for its deviation from the original line by double-clicking the mouse on the
Freehand tool icon in the Tool palette. Depending on the tool settings the
resulting path may be composed of straight line or curve segments.
To start a path at a point click and release the mouse button at that point. To
add a straight line segment click and release the mouse button to create the end
point of the line. For example, this line was created by clicking the mouse twice,
once for each end point.
To add a curve segment click and drag the mouse to create the end point of the
curve. The point where you click the mouse button becomes the end point and
the point where you release it becomes the first control point. For example, this
curve was created by clicking to create the start point, then clicking and
dragging to create the curve point at the end.
Paths can also contain arcs. To add an arc to a path, create a new path
containing the arc using the Arc tool and join the two paths into one by choosing
Object > Paths > Join. You may have to reverse the arc's path to get it to join on
the end you want by selecting the arc and choosing Object > Paths > Reverse.
For example, the path below is an arc connected to two straight line segments:
Arrows
An arrow can be added to the start and/or end of a path from the stroke
inspector (choose Window > Stroke) or the arrows menu in the toolbar. The stroke
inspector must be expanded to reveal the arrow controls. Intaglio includes
several predefined arrow styles you can choose quickly, or you can define
custom arrows by editing an existing style or creating a new arrow from scratch.
To create a custom arrow choose Edit > Arrows. When you customize an arrow
you can use the standard path drawing tools to add, edit or delete one or more
paths within the arrow. Arrows can adjust the length of the line they’re attached
to (so the end of the line doesn’t extend beyond the arrow) and they can warp to
follow a curve on the end of the line. There are also multiple scaling options for
arrows.
The two fill modes differ only in the way they decide where the inside of a path is
when the path contains segments that overlap. The even/odd method
considers an area to be inside a path if you’ve had to cross an odd number of
path segments to get to it. The standard method considers an area to be inside
a path if you’ve crossed more clockwise segments than you have counter-
clockwise segments or vice-versa (in technical circles this is called the non-zero
winding rule). For example consider the inside of the following star shaped
path. Since the star is a series of lines connected in a clockwise direction the
entire star is filled using the standard fill mode, however because the inner most
part of the star is within two lines (an even number) it isn’t filled when using the
even/odd fill mode.
Fill Modes
Standard Even/Odd
Intaglio generally uses the standard fill mode and you can usually ignore this
setting unless you have a specific need for the even/odd fill behavior. For a
Path operations
If you want to create complex shapes it is sometimes useful to combine two or
more paths to create a single more sophisticated path. A compound path is a
single path made up of two or more separate sections. For example, the ring in
the image below is a single path made up of two circles. The arrows have been
added in this image to illustrate the direction of each circle. Since this path is
using the standard fill mode (see the previous section for an explanation of fill
modes) and the circles are defined in opposite directions the center of the ring is
unfilled.
To create a compound path select two or more paths and choose Object > Paths
> Combine. To break a compound path back into separate paths select the
compound path and choose Object > Paths > Separate. To reverse the direction of
a path that will be a section of a compound path (such as the inner circle in the
image above) select that path a choose Object > Paths > Reverse before you
create the compound path.
Original
Unite
The edges of resulting path consist of the outer edges of all the original paths
combined.
Intersect
The resulting path consists of the area where all the original paths overlap.
Exclude
The resulting path consists of the area where the original paths overlap an odd
number of times.
Subtract
The resulting path consists of the area occupied by the rear-most original path
but no other.
To create a new text block choose the text tool in the Tool palette, click the
mouse in the drawing where you want the text, and start typing. To edit existing
text choose the Text tool and click the mouse on the text block you wish to edit
(this works even if the text block is within a group). A short cut to create a new
text block is to click the mouse at the point in the drawing where you want text,
hit the return key on the keyboard, and start typing the new text. If you select an
object in the drawing and hit the return key the new text block will be centered
over the object you selected, unless that object is a text block. In that case
you’ll just start editing the text in the block.
Text flow
When you select a text block a small triangle appears with the selection handles
on the right side of the text block near the bottom. You can drag this handle to
adjust the text flow width of the block graphically. Adjusting this value changes
the location where a line of text wraps around to the next line. You can also
adjust this value numerically in the Text inspector (choose Window > Text).
Font features
The menu item Text > Font Features contains a submenu that changes to reflect
the features available in the currently active font. Not all fonts have added
features but some have several. A few fonts such as Apple Chancery and
Hoefler Text have many features. Typical features include ligatures and other
special characters, letter case (e.g., small caps), number styles, and vertical
position. The features listed in the menu are grouped by category. If you hold
the cursor over a menu item, the name of the category will appear in a tip
window next to the menu.
WAVE
Light & Narrow
WAVE Heavy & Wide
Kerning
Kerning is the space between adjacent characters on a line. Kern values can be
applied to an entire text block or a character range within a text block.
Leading
Leading adjustment changes the space between lines of text. This can only be
applied to an entire text block.
m = m0 e -!t
Line direction
Line Direction is an infrequently used property that can be applied to text blocks
only via AppleScript. This is a property of a text block that may override the
default system line direction (e.g., right to left vs. left to right). For example, the
Arabic and Hebrew languages use a right to left writing system. Intaglio comes
with sample scripts to set the line direction. You can add these scripts to the
script menu (Intaglio > Scripts) for easier access.
o x j u mps
ov
nf e
w
rt
u i c k b ro
h e lazy d
e q
Th
o g .
Vertical text
To create vertical text select the text block and choose Text > Vertical. This
rotates each character so that it appears to be laying on its side. Normally you’ll
then want to rotate the text block -90 degrees by choosing Object > Rotate. The
image below shows the text block before and after rotation.
The Group inspector allows you to perform several advanced graphic functions
on a group. To open the group inspector choose Window > Group.
Another powerful property of a group is the ability to have a mask element. The
elements of a masked group are only visible inside one of the group’s elements
(i.e., the mask). For example, in the image below the transparent ellipse and the
text block are grouped and the ellipse is used to mask the text. Notice how the
text doesn’t appear anywhere outside of the ellipse.
The usual behavior of a masked group is to make the top element in the group
invisible but use it to mask all the other elements. You can also choose the
Mask Under option in the Group inspector. In this case the bottom element of
the group is used to mask the group but in this case the mask element remains
visible. For example, in the image below the group is masked by the red
rectangle at the bottom but the rectangle is still drawn.
WAVE WAVE
Gradients
Gradients can be used to fill or stroke paths and text blocks. Three steps are
required to add a gradient to a graphic.
• First, select the graphic and choose Window > Fill or Window > Stroke to open
the Fill or Stroke inspector, ensure the style isn't "None" in the inspector, and
click the mouse in the inspector’s paint well to activate the fill or stroke attribute.
•
Second, create the gradient. Choose Window > Gradient to open the Gradient
inspector and create a new gradient with the colors and other characteristics
you desire. This gradient will automatically be applied to the fill or stroke of the
selected graphic depending on which paint well you selected in the first step.
Note that if you're setting the gradient points for more than one graphic the
gradient will blend together where these graphics overlap.
There are two types of gradients, linear and radial. A linear gradient uses the
first color at the start point and changes along a straight line to the end point. A
radial gradient uses the first color at the start point and changes along the
radius of a circle to the end point. In other words, the gradient forms a circle
whose center is at the start point and whose outer edge is at the end point.
Unlike some older drawing applications, Intaglio patterns are complete vector
drawings rather than just small bitmap images. Therefore a pattern can contain
virtually any kind of graphics (including small bitmap images).
You use the standard drawing tools to create the pattern in the panel on the right
side of the inspector. You can also copy graphics from a standard drawing and
paste them into the pattern, create an entire pattern by dragging graphics into a
paint well, or choose Object > Convert > To Pattern to create a new pattern from the
graphics currently selected in a drawing.
A pattern can have an optional background color. When a pattern is drawn, any
background color is drawn behind all other pattern graphics. If a pattern
doesn’t have a background color areas where there aren’t any graphics will be
transparent when the pattern is drawn. The background color is specified by
the check box and corresponding paint well in the Pattern inspector. The
Pattern inspector also contains a foreground paint well. Unlike the background
color, the foreground color isn’t actually a property of the pattern itself. The
Pattern inspector fills the foreground paint well with the fill color of the graphics
in the pattern. If the graphics don’t use a fill color the inspector uses the stroke
color and if the graphics don’t use a stroke color either (e.g., the pattern graphic
is a bitmap image), the foreground color is set to black. The foreground paint
well makes it easy to set the fill or stroke color of all the graphics in a pattern.
When you change this color, your change is automatically applied to the entire
pattern.
Choose the Properties button in the Pattern inspector to edit the pattern
properties. Pattern properties include the size of the pattern and the distance to
step after drawing each pattern tile. You can also select tiling options, opacity,
and whether or not to transform the pattern when the graphic it is attached to is
transformed (i.e., moved, scaled, etc.)
Textures
Textures are images imported from disk or created within Intaglio. These images
can be used to fill graphics or as sources for effects. When saving a graphic or
effect which uses a texture to the library, the texture is preserved with the saved
object. This allows the complete object to be reused without creating a
dependence on another graphic in the original drawing.
Image Textures
Image textures contain a bitmap or PDF image imported from disk. This image
is drawn whenever the texture is painted. An image texture can be useful for
filling a shape with an imported image or for use as an effects source.
Light Textures
Light textures contain a computer generated 3D sphere which is lit by any
number of colored light sources. A light texture is mainly useful as a source for
effects. For example, it can create an embossed effect when used as the
shading image of a CoreImage Shaded Material filter.
Paint Textures
Paint textures contain another (non-texture) paint object. For example, a paint
texture may contain a gradient or a pattern. A paint texture provides an
alternate way to present a gradient or pattern within a graphic or to define a
color, gradient or pattern for use as an effects source.
Intaglio allows you to create multiple named sets of document defaults called
styles. If a named style is activated it will be assigned to any new graphics
created and any later changes to that style will passed on to those graphics. If a
named style is activated when existing graphics are selected, it will be assigned
to the selected graphics which will be given the style's attributes. You change
the attributes of the active style by choosing new values with no graphics
selected, just as in the behavior above, but when you change the attributes of a
style those changes are passed on to all graphics that use that style.
In the example above, if you created a named style before initially setting the line
thickness to five, that style's thickness would be set to five and the lines would
use that style. Then when you deselected the lines and changed the thickness
to ten the style thickness would be changed so the lines would change too
(unless you switched styles first).
To create a new style choose Edit > Styles > New Style and specify the style’s
name. To set the style of one or more graphics, select those graphics and
choose the style you wish to set from the Edit > Styles menu.
Intaglio allows a list of Effects to be applied to any graphic object. Each effect
converts the original graphic into a bitmap image while performing special
processing on the image. However the original vector graphic isn’t changed and
can be edited later causing a new series of special effect image operations to be
performed. The type of special processing performed in each case will vary with
the effect selected. For example, a drop shadow effect gives the appearance of
an object standing above the page, but an interior shadow effect gives the
appearance of an object recessed into the page. Effects can also be chained
together to allow one effect to provide further processing on the results of the
previous effect.
Using Effects
45
bitmaps to create. It's important to note that the vector graphics remain editable
when effects are used, but the effect bitmaps must be recreated whenever a
graphic is edited. Since this can be time consuming on slower machines or at
high resolutions, you may want to temporarily reduce the quality of the effects
you see on the screen while you’re editing the graphics. There are two ways to
reduce this computation time while editing. The first is to hide all effects by
choosing Layout > Hide Effects, and the second is to ask Intaglio to display effects
at low resolution on the screen. To do this choose Layout > Resolution and select
Preview Effects At Low Resolution. This will cause effects to be rendered at 72
dots per inch on the screen, but at full resolution when printing or exporting the
drawing as an image.
To add effects to a graphic, select the graphic, choose Window > Effects to open
the Effects inspector, and select an effect from the Add ( + ) popup menu in the
inspector.
The Effects inspector lists all the effects in the currently selected graphic and
allows you to edit those effects. The effects are listed from top to bottom, so the
image above shows a 3D Lighting effect to be drawn over a Drop Shadow
effect. The items in the list can be dragged to rearrange the effects.
To edit an individual effect, select it in the list on the left side of the inspector
panel and adjust the controls on the right. To remove an effect from a graphic,
select the effect in the list and choose the Delete ( – ) button under the list.
Using Effects
46
CoreImage effects
CoreImage is an innovative graphics technology in Mac OS X 10.4 to use
today's advanced graphics cards for image processing. Intaglio allows you to
use CoreImage to create effects limited only by your graphic hardware and your
imagination. Computers with less capable video cards are able to use many
CoreImage features, but performance is slower and experience indicates that
some features behave in unpredictable ways.
CoreImage includes many different image processing filters called image units.
To use these filters you must first enable them in the Add ( + ) menu by choosing
Effects Action > Show Advanced Effects (where Effects Action is the popup menu
attached to the button in the Effects inspector with a gear icon.)
Using Effects
47
The Add ( + ) menu now lists all of the available CoreImage filters by category.
The CoreImage sample below shows one graphic used as a source for another.
A “light ball” image is mapped onto a 3D surface generated from a text block.
The light ball is a plain bitmap image in the drawing and presents several light
sources. This effect also includes two drop shadows (at the top of the list) to
emphasize the green and red lights on the ball. The list in the Effects inspector
window shows the filters used to create this effect. As described above, the
filters at the bottom of the list are performed before those above them in the list.
This means the filters at the top of the list are drawn on top of the filters below
them in the list. Filters can be dragged in the list to reorder them.
Using Effects
48
Each filter has an output and zero or more inputs (i.e., sources). Frequently as in
this example, multiple filters are chained together by connecting the output of
the first to the input of the second, and so on. A filter source can be the output
of a previous filter (including “generator” filters) or a graphic in the drawing
previously added to the source list by choosing Effects Action > Add To Source List
(in the “gear” menu). In this example the Shaded Material filter uses the light ball
graphic as its Shading Image input.
Using Effects
49
The diagram below shows the chain of filters used in the image above and the
intermediate results throughout the process. The filters in the effects list above
are shown in the right column of the diagram.
CoreImage
Effects
Source Graphic
Automatic
Color Invert!
Mask To Alpha!
Height Field From Mask
Lightball Automatic
Shaded Material
Channel A
Composite
Final Result
Using Effects
50
Below a Circle Splash Distortion filter has been composited prior to the drop
shadows and darkened with a Gamma Adjust filter. Note the drop shadows
don't change because they're also using the intermediate result of the Shaded
Material filter as their inputs. The results of all the filters above Shaded Material
are composited together to form the final image.
To experiment with images similar to those above open the sample drawing
CoreImage Effects included with Intaglio.
Using Effects
51
Creating Slideshows
Intaglio includes basic slideshow presentation capabilities. Although it’s not
intended to replace full featured presentation software, such as Apple Keynote™
or Microsoft PowerPoint®, Intaglio can be used for basic presentations.
During a slideshow the layers (see page 16) in a drawing are used as individual
slides. A slideshow starts using the bottom layer of a drawing as the first slide
and advances upward through the layers until it reaches the top layer (i.e., the
last slide). After reaching the last slide the slideshow either stops and waits for
the mouse to be clicked, ends, or loops back to the first slide and begins again.
You can press the escape (i.e., esc) key on the keyboard any time during a
slideshow to end it immediately.
Normally each layer is a separate slide, but layers can also be set to act as
master slides. A master slide isn’t shown as an individual slide on its own,
instead it appears with every slide in the presentation. Typically the bottom layer
is used as a master slide to provide the background for all the other slides in the
presentation. In the Layer Settings window below a layer has been configured
as a master slide (note the checkbox above the OK button).
Once you’ve created a multi-layer drawing choose File > Play Slideshow to start a
full-screen presentation. This opens the Slideshow window to allow you to set
the slideshow options (you can hold down the option key on the keyboard to
skip this step).
Using Effects
52
Scale To Fit Display
Scales slides to fill as much of the presentation display as possible.
Advance...
Automatically advance to the next slide after the specified number of seconds
have passed.
Loop
After the last slide loop back to the first slide and begin again.
Transition
Selects an optional transition between slides such as Fade or Dissolve.
Using Effects
53
Exchanging Graphics With Other
Applications
Occasionally you may create graphics from scratch in Intaglio and view or print
them directly. More often you're likely to build upon graphic elements imported
from another source and deliver your creation to yet another application to be
included in a larger document or web site. Therefore it's important to be able to
import and export graphics to and from other applications while retaining as
much of the original as possible.
Intaglio can both import and export graphics in PDF and SVG formats and
export a wide variety of bitmap formats. To exchange graphics via disk files
choose File > Import and File > Save As. To transfer graphics directly between
applications you can use either copy and paste or drag and drop. To use drag
and drop to import graphics into Intaglio, simply drag the graphic object or file
into a drawing window. To export graphics via drag and drop, click on the
graphic and hold the mouse button down for 3/4 of a second before dragging,
or hold down both the option and command keys on the keyboard as you click
on the graphic. If you wish, this delay before drag can be adjusted (or
eliminated completely) in the Tools panel of the Preferences window.
When exporting bitmap graphics Intaglio will always use the document's export
resolution (see page 13). For larger, higher quality images choose higher
resolutions. It's worth noting that effects and some gradient fills are also
exported as bitmaps and also use the document's export resolution.
The Clipboard panel in the Preferences window (Intaglio > Preferences) contains a
variety of options to control how graphics are imported and exported (via both
copy and paste and drag and drop). The Conversions preference panel contains
options to control graphic conversions from other formats to Intaglio graphics.
Using Effects
54
for Mac OS X include good support for PDF but there are some notable
exceptions (e.g., Microsoft Word) where bitmap graphics are generally your best
choice.
Intaglio is able to export drawings as SVG files and open basic SVG files as new
drawings. This allows Intaglio to exchange graphics with other SVG enabled
graphics applications such as open source projects.
iWork
Apple's Pages and Keynote applications are excellent examples of the power of
Quartz and PDF. For that reason they're also great to use with Intaglio. Intaglio
graphics can be dragged directly into an iWork document without any loss of
quality (remember to hold down the mouse button for 3/4 of a second before
dragging). Furthermore because Intaglio can edit graphics in PDF, you can copy
an iWork graphic into Intaglio, edit it and return the updated graphic to iWork
quickly and easily.
To most easily work with graphics from iWork set the following preferences in
the Conversions panel of the Preferences window (Intaglio > Preferences):
Using Effects
55
• Turn on Convert PDF For Editing During Import.
This will automatically convert the iWork PDF into editable graphics when you
drag or paste it into Intaglio.
Intaglio can treat vector QuickDraw pictures (i.e., PICT) created in classic
Macintosh applications in three different ways. First they can be converted to
bitmap images with QuickDraw, this will render them exactly as they originally
appeared, but the resolution will be fixed and the graphics can't be edited.
Using Effects
56
Second they can rendered with Quartz, this will maintain most of the original
appearance and add some Quartz features such as anti-aliasing (i.e., it will
remove the "jaggies"), but the pictures still can't be edited. Finally, QuickDraw
pictures can be converted to Quartz graphics allowing them to be edited, but
this may introduce various artifacts due to the differences between QuickDraw
and Quartz.
The following issues arise when converting QuickDraw pictures for editing, due
to various ways in which Quartz differs from QuickDraw. Options in the
Conversions pane of the Preferences window allow some choice in how these
issues are handled.
• QuickDraw strokes (i.e., outlines) graphics with a square pen that can differ in
width and height. Therefore the thickness of a QuickDraw line varies with its
angle. Converted lines can use the average pen size or attempt to
compensate for this difference by either setting the stroke width based on the
line's angle or by creating two graphics to represent the original fill and outline
respectively. The line caps (i.e., the style of the end of a line) will also vary due
to the ways QuickDraw and Quartz each draw lines.
Before: After:
Before: After:
Using Effects
57
• QuickDraw’s transfer modes don't have an analog in Quartz and are ignored.
Some of the transfer modes are copy, or, and (sometimes called bic), and xor
(i.e., exclusive or). These modes change the appearance of a graphic based
on what is behind it. In some cases, ignoring the transfer mode causes a
graphic to change its appearance or even become visible where it was
originally invisible.
Before: After:
and
xor
• The QuickDraw text style outline and shadow also have no analog in Quartz
and are ignored. In Intaglio, outline text can be created by setting the
appropriate stroke options for the text block. Text can be given a shadow
using Intaglio’s effects capabilities (see page 45).
Before: After:
Before: After:
Using Effects
58
• QuickDraw patterns were sometimes used to simulate a solid color an older
computer wasn't capable of displaying by combining colors the computer
could display. Modern computers generally don’t have these limitations so
Intaglio can either maintain patterns as they are presented or convert them to
solid colors.
• When text is saved in a QuickDraw picture each separate line and style run
within a line is saved as a separate text element. Intaglio attempts to
reconstruct the original text block from these pieces but this process isn't
perfect. Sometimes a single text element may be spread across multiple
Intaglio text blocks or multiple text elements may be combined incorrectly.
The Text Element Combination slider the Conversions panel of the Preferences
window allows some control over this process.
Using Effects
59
Scripting Intaglio
All graphic operations in Intaglio can be performed via AppleScript. In addition,
any graphic operation performed within Intaglio is recorded as a script. This
means you don't have to remember the exact syntax for any particular
operation, you can just turn on recording in AppleScript and perform the
operation in Intaglio to get a script that will perform that operation again. If you
wish you can modify your new script to perform a slightly different operation or
repeat it several times.
Scripts can be executed directly from within Intaglio and can be added to the
script menu (Intaglio > Scripts) for easy access. The script menu can also be
added to the toolbar.
• AppleScript defines the term "move" to mean "change the order" of an object.
For example, "move the last graphic to the beginning" will bring the rearmost
graphic of the current document to the front of all graphics in that document.
Intaglio uses the term "translate" to mean "change the location" of an object.
For example, "translate the first path by {20.0, 0.0}" will shift the location of the
front-most path 20 points to the right.
Using Effects
60
10" which would set the stroke width of the front-most path of the current
document.
• There are several infrequently used settings in Intaglio that can only be
accessed by running a script. Example scripts for many of these settings are
provided in the Samples folder included with Intaglio. If you require regular
access to some of these settings, consider adding the script to the script
menu for easy access.
Using Effects 61