Online Test Banks
Score higher
See Online Test Banks
eLearning
Learning anything is easy
Browse Online Courses
Mobile Apps
Learning on the go
Explore Mobile Apps
Dummies Store
Shop for books and more
Start Shopping

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
Advertisement

Inside Dummies.com

Dummies.com Sweepstakes

Win $500. Easy.