Embed
Create a Collection
Update Collections
Steps to make an Element move using Page Actions and Timings with a Slider.
Applies to: Claro | Edition: Solo, Team, Business, Enterprise
-
1There are two ways that you can setup the animation, let's take a look at the first way. Select Interact.
Click the continue button:
-
2Select Triggers.
Click the continue button:
-
3Select Is Changed under Variables.
Click the continue button:
-
4The Pick a Trigger Popup shows with Variables open. Select the Select a Variable dropdown.
Click the continue button:
-
5From the list, select Slider01(number).
Click the continue button:
-
6Select Ok.
Click the continue button:
-
7Select Equal to under Number.
Click the continue button:
-
8Select Enter Value. We'll add 1 for you. (For slider position 1)
Click the continue button:
-
9Select Next.
Click the continue button:
-
10Select Animations and Effects in the side menu.
Click the continue button:
-
11Select Move to under Motion.
Click the continue button:
-
12Select Next.
Click the continue button:
-
13The 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:
-
14Under Coordinates select X input. We'll add 79 for you. (Or position 1 X value)
Click the continue button:
-
15Select Y input. We'll add 70 for you. (Or position 1 Y value)
Click the continue button:
-
16Select Apply.
Click the continue button:
-
17Position 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:
-
18Select Animations and Effects in the side menu.
Click the continue button:
-
19Select Move to.
Click the continue button:
-
20Select Next.
Click the continue button:
-
21The Page Actions and Timings panel shows. Under Targets select the Artwork element.
Click the continue button:
-
22Under Trigger select the dropdown.
Click the continue button:
-
23Select When Variable is...
Click the continue button:
-
24Under Variable select the dropdown.
Click the continue button:
-
25Select the variable Slider01(number).
Click the continue button:
-
26Operator will stay the same (==). Select the input for Value, and we'll add 2 for you. (For slider position 2)
Click the continue button:
-
27Under Coordinates select the X input. We'll add 400 for you. (Or position 2 X value)
Click the continue button:
-
28Select the Y input. We'll add 70 for you. (Or position 2 Y value)
Click the continue button:
-
29Select Apply.
Click the continue button:
-
30Select Add, and we'll repeat the steps used above for position 2.
Click the continue button:
-
31Select Animations and Effects in the side menu.
Click the continue button:
-
32Select Move to.
Click the continue button:
-
33Select Next.
Click the continue button:
-
34The Page Actions and Timings panel shows. Under Targets select the Artwork element.
Click the continue button:
-
35Under Trigger select the dropdown.
Click the continue button:
-
36Select When Variable is...
Click the continue button:
-
37Under Variable select the dropdown.
Click the continue button:
-
38Select the variable Slider01(number).
Click the continue button:
-
39Operator will stay the same (==). Select the input for Value, and we'll add 3 for you. (For slider position 3)
Click the continue button:
-
40Under Coordinates select the X input. We'll add 700 for you. (Or position 3 X value)
Click the continue button:
-
41Select the Y input. We'll add 70 for you. (Or position 3 Y value)
Click the continue button:
-
42Select Apply.
Click the continue button:
-
43Position 3 is now set. Select Preview.
Click the continue button:
-
44The element starts at position 1. Select the middle of the slider.
Click the continue button:
-
45The element moved to position 2. Select the end of the slider.
Click the continue button:
-
46The 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:
-
47The element now moves when the slider is moved to positions 1, 2, or 3.
Click the continue button:
Comments ( 0 )
Sign in to join the discussion.