There are two ways that you can setup the animation, let's take a look at the first way. Select Interact.
Click the continue button:
2
Select Triggers.
Click the continue button:
3
Select Is Changed under Variables.
Click the continue button:
4
The Pick a Trigger Popup shows with Variables open.
Select the Select a Variable dropdown.
Click the continue button:
5
From the list, select Slider01(number).
Click the continue button:
6
Select Ok.
Click the continue button:
7
Select Equal to under Number.
Click the continue button:
8
Select Enter Value.
We'll add 1 for you. (For slider position 1)
Click the continue button:
9
Select Next.
Click the continue button:
10
Select Animations and Effects in the side menu.
Click the continue button:
11
Select Move to under Motion.
Click the continue button:
12
Select Next.
Click the continue button:
13
The Page Actions and Timings Panel comes up, to finish setting up the positition 1 action select the Artwork element under Targets.
Click the continue button:
14
Under Coordinates select X input.
We'll add 79 for you. (Or position 1 X value)
Click the continue button:
15
Select Y input.
We'll add 70 for you. (Or position 1 Y value)
Click the continue button:
16
Select Apply.
Click the continue button:
17
Position 1 is now set.
Next, we are going to setup position 2 using the second way to setup an animation.
With the Page Actions and Timings panel open.
Select Add.
Click the continue button:
18
Select Animations and Effects in the side menu.
Click the continue button:
19
Select Move to.
Click the continue button:
20
Select Next.
Click the continue button:
21
The Page Actions and Timings panel shows.
Under Targets select the Artwork element.
Click the continue button:
22
Under Trigger select the dropdown.
Click the continue button:
23
Select When Variable is...
Click the continue button:
24
Under Variable select the dropdown.
Click the continue button:
25
Select the variable Slider01(number).
Click the continue button:
26
Operator will stay the same (==).
Select the input for Value, and we'll add 2 for you. (For slider position 2)
Click the continue button:
27
Under Coordinates select the X input.
We'll add 400 for you. (Or position 2 X value)
Click the continue button:
28
Select the Y input.
We'll add 70 for you. (Or position 2 Y value)
Click the continue button:
29
Select Apply.
Click the continue button:
30
Select Add, and we'll repeat the steps used above for position 2.
Click the continue button:
31
Select Animations and Effects in the side menu.
Click the continue button:
32
Select Move to.
Click the continue button:
33
Select Next.
Click the continue button:
34
The Page Actions and Timings panel shows.
Under Targets select the Artwork element.
Click the continue button:
35
Under Trigger select the dropdown.
Click the continue button:
36
Select When Variable is...
Click the continue button:
37
Under Variable select the dropdown.
Click the continue button:
38
Select the variable Slider01(number).
Click the continue button:
39
Operator will stay the same (==).
Select the input for Value, and we'll add 3 for you. (For slider position 3)
Click the continue button:
40
Under Coordinates select the X input.
We'll add 700 for you. (Or position 3 X value)
Click the continue button:
41
Select the Y input.
We'll add 70 for you. (Or position 3 Y value)
Click the continue button:
42
Select Apply.
Click the continue button:
43
Position 3 is now set.
Select Preview.
Click the continue button:
44
The element starts at position 1.
Select the middle of the slider.
Click the continue button:
45
The element moved to position 2.
Select the end of the slider.
Click the continue button:
46
The element moved to position 3.
Select the Red Circle in the top left corner of the preview window to close it.
Click the continue button:
47
The element now moves when the slider is moved to positions 1, 2, or 3.
Can I add 2 actions one element? For example, I have a box (element) and I have one action on it which makes it branch to another page and I want to add another action on it - which will display the Next button on screen? Can I do this?
Comments ( 0 )
Sign in to join the discussion.