The Xara Xone Tutorials
XaraXone Xara Tutorials  Page 1
0   1   2   3   4   5   6   7   8   9   10   11   12   13   Download Zipped Tutorial

THE XARA XONE | XARA.COM | THE XARA CONFERENCES

As always, we will be using Pixels as our units of measure. Right click on the screen and select Page Options... from the pop up menu. In the Units tabbed section, select Pixels for the Units and 0-255 for the Color Units. In the Grid and Ruler tabbed section set the Major Spacing to 100pix (key it in exactly like this please) and the Number of Subdivisions to 10. Press OK to close the dialog and apply the changes.

NOTE: You will notice from time to time I apply arbitrary colors to objects. I do this to make the objects easier to see. If I do not specify a fill for an object, you do not have to apply a fill or outline color.

When I show an ellipse or rectangle that has just been created, that has no fill, it is because I have set the fill to none before I exported the illustration. By default, all ellipses, rectangles and Quick Shapes have a black outline and a black fill. There is nothing wrong with your copy of Xara.

Naming Conventions. I use bold face to indicate the names of tools, galleries, keyboard shortcuts, and dialogs. Items such as unnamed icons and drop down lists, which have names when you let your cursor rest over them for a moment, are displayed in italics.


Last month we created a control panel image which we exported in slices. Here is the assembled image.

Control Panel Tutorial Part 2

 

Control Panel Tutorial Part 2

And here are the slicing sections that we created last month. (We gave each of these names and placed them on top of the control panel image).

In looking at the slices, however, I determined that the long rectangle needs to be 189 pixels wide (not 190 pixels as I had it) so that all the rectangles add up to 525 pixels in width. So you need to change the size of this rectangle and then top align and distribute Equi-spaced the entire row.

To repeat the steps we used for exporting the image in slices:

  1. Individually select and Name each of the rectangles (top, bottom, left, right (the dark green rectangles), and 1-7)
     
  2. Select all the named rectangles and set the transparency to 100%.
     
  3. In the Name Gallery, select the title bars for each of the named slices
     
  4. Press the Select button (which places a red circle next to all selections)
     
  5. From the File menu, select Export Image in Slices.
     
  6. Select the file type (JPEG or GIF from the drop down menu)
     
  7. Press Export

Xara generates a HTML table which includes all the named slices and reassembles the image seamlessly in the browser.

 

LAST PAGE   1   2   3   4   5   6   7   8   9   10   11   12   RESPONSE PAGE   NEXT PAGE