MX
Table Of Contents
- Purchasing and unlocking Web Designer MX Premium
- Support
- What is new in Web Designer MX Premium? (v8)
- Introduction
- Getting Help
- Getting Started
- Program Layout
- Objects On The Page
- Object Based Web Design
- The Selector Tool
- Website Toolbar
- Creating a website
- Previewing Your Website
- Using Templates, Clipart & Widgets
- The Designs Gallery
- Website Colors
- Photos
- Text
- Selecting a page size
- Automatic page resizing
- Saving Your Work. Creating A Website
- Stretchy Objects
- Groups
- Repeating Objects
- Links, Buttons & Navigation Bars
- Displaying your own icons in browser tabs: favicons
- Drawing Tools
- Right-click menus
- Layers, Mouseover (Rollover) & Pop-ups
- Creating Buttons, Banners And Other Web Graphics
- Publishing Your Website
- Document handling
- Starting a new document
- Opening an existing document
- The Web Designer MX Premium window
- Opening a second window
- Changing the zoom value
- Sliding the document within the window
- Changing the page size
- Multiple pages in the document
- Saving the document
- Support folders
- Closing the document
- Automatic Backups
- On-screen grid
- Rulers
- View quality
- Galleries
- Undo and Redo
- Object Handling
- The Selector Tool
- Moving objects
- Removing objects from the document
- Duplicating and cloning
- Moving objects forward and backwards
- Rotating using the mouse
- Scaling (resizing) objects
- Flipping objects
- Stretching and squashing objects
- Skewing objects
- The Mold tool
- Snapping
- Guide Objects and Guidelines
- Summary of shortcuts on the numeric keypad
- Grouping and ungrouping objects
- Soft Groups
- Alignment
- Copying Styles: Paste Attributes
- Naming objects
- Repeating Objects
- Footers and objects that stretch with the page
- Drawing Lines and Shapes
- Drawing a line or shape
- The Freehand & Brush Tool
- Editing lines/shapes with the Freehand & Brush Tool
- The Straight Line & Arrow tool
- The Shape Editor tool
- Extending the line
- Finishing the line
- Adding a new point handle
- Selecting multiple point handles
- Deleting points
- Moving point handles—Shape Editor Tool
- Smoothing a line
- Constraining the line
- Changing curves
- Changing a straight line to a curve (and vice versa)
- Joining lines
- Splitting a shape
- Line Gallery
- Closing a shape
- Changing the line width (thickness)
- Shape Handling
- Color Handling
- The color line
- Applying fill & line colors by drag & drop
- Editing an object’s color
- The Color Editor
- Local colors and Theme colors
- Theme color schemes
- Creating your own color schemes
- Creating new named colors
- Editing named colors
- Normal colors, Tints, Shades and Linked colors
- Creating a Tint, Shade or Linked color
- Text Handling
- Introduction
- Terminology
- The Text Tool
- The Font Menu
- Simple text
- Text in a column
- Text areas
- Text along a curve
- Editing text
- Spell checker
- Find & Replace
- Synchronising Text using Soft Groups
- Tabs, Margins and Indents
- Repelling text objects
- Anchored Graphics
- Embedded Graphics
- Text Styles
- Applying text attributes
- Text links
- Text inside groups for websites
- Copying text appearances
- Copying/Pasting formatted text (RTF)
- Seeing fonts in use
- Document font embedding
- Website font embedding
- Browser text compatibility
- The Fill Tool
- Transparency
- Shadows
- Bevels
- Masks
- Web Properties Dialog
- Live Effects
- Photo Handling
- Introduction
- Photo Objects
- Photo Groups
- Importing Photos
- Zero-memory Copies
- The Bitmap Gallery
- Embedded JPEG files
- Blending & Merging photos
- Photo display quality
- Saving & Exporting Photos
- Photo Edit Attributes
- Editing the outline of Photos
- Cropping photos
- Cropping photos with a mask
- Cutting objects out of photos
- Screen capture utility
- Coloring photos
- Resize, rotate and position a photo within its frame
- Horizon Straighten
- Viewing a scaled photo at its full size
- Making a photo its full size
- Optimizing Photos and Bitmaps
- Converting objects or drawings to bitmaps
- Photo Documents
- Editing Photo Files
- The Photo Tools
- 3D Extrude Tool
- Navigation Bars
- Using template Navbars
- Navigation bar properties dialog
- Site navigation bar
- Buttons & Menus
- Updating your Navbar across all pages
- On canvas editing
- Changing the font on Navbar buttons
- Importing & pasting Navbars
- Creating your own Navigation Bars
- Button margins
- Advanced - Editing a Navbar button design
- Navbars with different first or last buttons
- Website Presentations
- The Presentation toolbar
- Creating a presentation
- Managing presentation steps
- Adding new presentation pages
- Creating Number and Bullet lists
- Deleting presentation pages
- Linking to next/previous step
- Applying transitions to presentation step links
- Applying presentation step transitions
- Applying presentation page transitions
- Advanced presentation information
- Hosting remote presentation sessions
- Website Widgets
- Page & Layer Gallery
- Animations
- Introduction
- Core Principles
- Your First Animation
- Exporting a Flash File
- Exporting animations as AVI
- The Animation Frame Gallery
- Photos
- Animation Frame Rate and Tween Steps
- Cropping, Clipping and Animation Size
- Animation Speed
- Animation smoothness
- Rotation
- Groups
- What Web Designer MX Premium features does Flash support?
- Color Transforms—Animating Color Changes
- Transparency
- URLs in Flash
- Advanced Flash Commands
- Web Designer MX Premium Flash Animation Summary
- Creating animated GIFs
- Animation properties
- Importing and Exporting
- Printing
- Customizing Web Designer Premium
- Changing the blank template document
- Options in the Utilities menu
- General tab
- Recent file list size
- Current layer always visible and editable
- Ask before setting current attribute
- Make groups be transparent as a whole.
- Maintain imported layer names
- Marquee Object Selection
- Angle constraint
- Document is intended to be a website
- Show Windows compatible text lengths
- Nudge size
- Duplication distance
- Grid and Ruler tab
- Mouse tab
- Page Size tab
- Backups Tab
- Effects & Plug-ins tab
- Control bars
- Galleries
- Displaying a gallery
- Moving and docking a gallery
- Grouping galleries
- Using galleries
- Selecting items
- Re-ordering items in the gallery
- Searching for an item name
- Adding to a gallery
- Deleting sections from a gallery
- Closing a gallery
- Removing a gallery from the workspace
- Restoring the default control bars/galleries
- Menus and Keyboard Shortcuts
- Introduction
- File menu
- New (Standard control bar or Ctrl+N)
- New from Designs Gallery
- Open (Standard control bar or Ctrl+O)
- Open recent
- Close (Ctrl+W)
- Save (Standard control bar or Ctrl+S)
- Save As
- Save All
- Save Template
- Import (Ctrl+Alt+I)
- Export (Ctrl+Shift+E)
- Export JPEG
- Export PNG
- Preview web page (Shift + F5)
- Preview Website (F5)
- Export Website
- Publish Website
- Preview Flash
- Export Animation
- Document Info
- Page Options
- Printer Setup
- Print Options
- Print (Ctrl+P)
- Exit
- Edit menu
- Undo (Standard control bar or Ctrl+Z)
- Redo (Standard control bar or Ctrl+Y)
- Cut (Edit control bar or Ctrl+X)
- Copy (Edit control bar or Ctrl+C)
- Paste (Edit control bar or Ctrl+V)
- Delete (Edit & Standard control bars or Delete)
- Select All (Ctrl+A)
- Clear Selection / Reset current attributes (Esc)
- Duplicate (Edit control bar or Ctrl+Alt+D)
- Clone (Ctrl+K)
- Pages
- Arrange menu
- Move to Layer in Front (Arrange control bar or Ctrl+Shift+U)
- Bring to Front (Arrange control bar or Ctrl+F)
- Move Forwards (Arrange control bar or Ctrl+Shift+F)
- Move Backwards (Arrange control bar or Ctrl+Shift+B)
- Put to Back (Arrange control bar or Ctrl+B)
- Move To Layer Behind (Arrange control bar or Ctrl+Shift+D)
- Group (Arrange control bar or Ctrl+G)
- Ungroup (Arrange control bar or Ctrl+U)
- Apply soft group (Ctrl+Alt+G)
- Remove soft group (Ctrl+Alt+U)
- Alignment (Ctrl+Shift+L)
- Fit Text to Curve/Remove Text From Curve
- Repelling and Anchoring
- Create Navigation Bar
- Repeat on all pages (Shift+Ctrl+Alt+R)
- Stop updating (Shift+Ctrl+Alt+O)
- Utilities menu
- Window menu
- Clear Selection / Reset current attributes (Esc)
- Multiple Page View
- New View
- Arrange Views
- Animation
- Show Scrollbars
- Show Rulers (Ctrl + L)
- Control Bars
- Quality (Standard control bar)
- Show Document Tabs
- Full Screen (8 on numeric keypad)
- Show Grid (#)
- Show Guides (1 on numeric keypad)
- Snap to Grid (. on numeric keypad)
- Snap to Guides (2 on numeric keypad)
- Snap to Objects (* on numeric keypad)
- Documents Loaded
- Help menu
- Key shortcuts
- More about Xara Group
- Legal
Normal colors, Tints, Shades and Linked
colors
Normal colors
These are the normal stand-alone colors you apply to objects.
Web Designer MX Premium can also define colors that are linked to another color, that is when the
parent color changes the linked color will change as well. There are three ways you can link a color to its
parent Tints, Shades, and Linked colors
. These are very powerful techniques that allow, for example, single-click re-coloring of complex shaded
drawings. Some of the example clipart uses this technique.
Tints
Tints are based on other colors (called the parent color) and are always a paler version of the parent.
They have two main uses:
Where you have paler shades of a parent color and you may want to change the parent color in
future with the tints automatically updating.
To extend the range of colors available from printing inks.
For example, a 25% red tint gives a pink color. Therefore using just a red ink you can have both
a pure red and a pink using only one ink. Similarly, if just using black-and-white printing, it's often
useful to be able to use tints to create various shades of gray.
If you are printing with a limited range of colors (it's usually cheaper to print one or two color,
instead of full or four color printing).
A tint can be based on any type of color, including another tint.
Any changes you make to the parent color also change tints based on it. For example, you might define
the color pink as 50% of a red parent color. Changing the parent color to orange automatically changes
pink to light orange.
Shades
These allow both lighter and darker colors to be created all based on a parent color. Changing the color
of the parent changes all associated shades. For example, a drawing of a car might use shades for the
highlight and shaded regions of the car body. A single edit to the parent changes all the colors of the
entire body but keeps the shading correct. Setting up shades this way is more time consuming but it is a
very powerful way of altering colors.
For best results, the parent color should be a "pure" saturated color. When using the HSV color mode,
saturation and value should ideally be 100%. When viewed in the Color Editor
the cross should be in the top left-hand corner.
Linked colors
Linked colors are similar to shades but give greater flexibility. These are also based on a parent color but
you define which attributes you want the linked color to share with its parent. For example you can
create a linked color that is a more or less saturated version of the parent, but the hue and lightness /
darkness follow the parent.
Page 538










