How to Add Triggers to the Edge Animate Stage
Toggling the Timeline Modes
How to Format Large Images in a Container in Adobe Edge Animate CC

Add Cursor Attributes in Edge Animate

When you place interactive elements into the Edge Animate Timeline, it’s a good idea to change the cursor attribute to provide a visual clue to your audience. Knowing that an element is (say) clickable, sizable, or what have you makes the audience more inclined to interact with the composition. If the cursor never changes, then your viewers may never know they could have clicked instead of just sitting there.

When you create, say, a button that your audience can interact with, your users expect some kind of signal to show them that part of the animation is clickable. A clear way to provide such a signal so your audience can interact with an element is to change the shape of the cursor. You do that by specifying attributes for the cursor. Read on.

Cursor attribute types

Edge Animate provides a large choice to choose from when it comes to cursor attributes, such as a pointing finger that indicates a link. As shown in this figure, you can change the cursor to represent different types of interactivity, including these:

  • *Pointing finger: Indicates a link to click.

  • Watch: Indicates that something is loading and/or that the audience should wait for something to happen.

  • Sizing: Indicates that the audience can resize something such as a window or a column or a row.

    Edge Animate provides a wide range of cursor attributes.
    Edge Animate provides a wide range of cursor attributes.

Good animators always provide as many visual clues to their audience as possible. That’s how your audience realizes when and where an element of your composition is available for interaction.

Adding cursor attributes

Adobe Edge Animate CC allows you to change how the cursor looks by changing its attributes. Here is how to change the cursor into a pointer when you hover over a button in your composition.

To change the attributes of the cursor, follow these steps:

  1. Select an element, such as a button.

  2. From the Properties panel, click the Cursor Style icon as indicated in the figure.

  3. Choose a cursor attribute from the menu.

    Click the Cursor Style button to open the Cursor Attributes.
    Click the Cursor Style button to open the Cursor Attributes.

To test that your cursor attribute is working, simply preview it in a browser. When you hover the mouse pointer over the element, it should change to a pointing finger, as shown.

Here the cursor changes to a pointing finger when you hover over a button.
Here the cursor changes to a pointing finger when you hover over a button.
  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
How to Add Actions to Elements in Edge Animate
How to Import HTML into Adobe Edge Animate
10 Reasons to Use Adobe Edge Animate CC
Quick Overview of an Edge Animate Composition
How to Configure Positioning and Sizing in Edge Animate
Advertisement

Inside Dummies.com