![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
||||||||
![]() |
||||||||||||||||||
|
||||||||||||||||||
Xara X. An Updated Tour |
||||||||||||||||||
![]() |
||||||||||||||||||
Shown top left is the new Button and Nav Bar Tool icon
which has been added to the main tool bar. The user interface has been spruced up as well and features the Windows 98 flat button look. What's really cool about the Button and Nav Bar Tool is you
only need to create the starting button image and Xara X can automatically create the other three states as shown. (Notice also the improved Fractal Cloud fill. The fills are less
patterned than they are in Xara 2). Of course if you want to create your own button states, you can do that too. The four states (clicked and selected are optional) are Off, the
appearance of the button when the page loads, Over, the button when the mouse (cursor actually) passes over it), Clicked, the button when you click it, and Selected, the
appearance of the button on the currently-selected page. |
||||||||||||||||||
I added a beveled edge with the new Bevel Tool
and added a drop shadow with the new Drop Shadow Tool. |
||||||||||||||||||
I selected 2 for the number of buttons, Vertical,
and increased the spacing to 10 pix. I opted for the buttons to not stretch and all be the same size. Pressing Create creates the two buttons and the Off state seen top of this page. |
||||||||||||||||||
I closed the dialog and selected Export on the Property Bar. After going through the simple dialog, Xara X asked if I'd like to preview the buttons. I said you bet and
pressed the button. As I had created two buttons, Xara X created two linked pages and the HTML and Java Script needed. My default Browser launched and I could go
back and forth between my two pages. It's all too wonderful, I tell you! |
||||||||||||||||||
When you select the Bevel Tool, the selected object displays 8 red arrow handles. Dragging any of these handles away from the object adds a bevel to the
outside of the object by the amount dragged. Dragging one of the arrow handles towards the center places the bevel on the inside. A red arrow and control node appears from the center of the beveled object and can
be dragged to modify the light source. |
||||||||||||||||||
You can drag colors from the screen palette and drop them onto the beveled edges making the edge color different from the fill color as shown in the lower right. |
||||||||||||||||||
![]() |
![]() |
![]() |
||||||||||||||||
|