Quark Interactive Designer
Page 2

Exercise 2: Making Stuff Happen with User Actions

The first tutorial in the QuID manual is a good basic introduction, but we are going to kick it up a notch. Before we do, a bit more explanation is in order. QuID is built on a page-to-object-to-action-timing metaphor. What that means is that we have a page (the canvas); on those pages are different objects. Those objects do their thing based on some action or timing. Once you get this pattern down, you have unlocked the secret to QuID. This first little demo will show you what I mean.

To get started, follow these steps:

X-Ray Magazine v5n2 Quark Interactive Designer Drop Cap1If you've been following along thus far, you already have a page started. Draw two boxes on the page as in figure 2.

X-Ray Magazine v5n2 Quark Interactive Designer Figure 2

Figure 2 Draw a couple of boxes in the
middle of the page. Make one of them
magenta and the other cyan.

X-Ray Magazine v5n2 Quark Interactive Designer Drop Cap2Next choose window > interactive palette.

 

X-Ray Magazine v5n2 Quark Interactive Designer Drop Cap3Select the magenta box that is on the page, go to the object tab in the interactive palette, and name the magenta box Object1 (no spaces in names!).

See figure 3 (next page). Selecting the magenta box makes that object active to QuID. Once it's active, you name it. That's it. It's now an interactive object.

X-Ray Magazine v5n2 Quark Interactive Designer Figure 3

Figure 3 Select the magenta box to make it active, and name it Object1

X-Ray Magazine v5n2 Quark Interactive Designer Drop Cap4Let's do the same to the cyan box. Select the box and name it Object2, as in figure 4. The cyan box is an interactive object too.

X-Ray Magazine v5n2 Quark Interactive Designer Figure 4

Figure 4 Do the same for the cyan box. Select it and name it Object2.

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | PDF Version

X-Ray Magazine
X-Ray Magazine Logo
If you enjoy our articles, click here to subscribe.
AddThis Social Bookmark Button
 
Free JavaScripts provided by The JavaScript Source

 

Xdata QuarkXPress XTensions
Resize XT for QuarkXPress 6 and 7
ThePowerXChange XTensions, Plug-ins, and other Stuff.

ThePowerXChange Widget

TransType Pro
AGI Training: Dreamweaver