Leave space between each icon for the page number. Make a copy of the arrow and rotate so it faces the left direction, which will become the Previous button.Īlign the vertical centres using the Align options in the Control or Properties panels.

Place the arrow icon on the page facing the right direction, which will become the Next button. This is a great way of seeing if the functionality of your handiwork is on point! To test it out, click on the EPub Preview icon in the bottom left corner of any of the interactive panels.

Great work! You just set up a colour menu toggle using Object States and Buttons and Forms. Set the Action to Go To State and in the Object dropdown, select Smartwatches.Ĭlick the second colour circle and repeat Steps 11-15, but rename the button to Blue and select State 2 from the State dropdown. Rename the Button to White (or whatever colour you have set). With the Selection Tool, click on the white circle and in the Buttons and Forms panel, set the Type to Button. Next, open the Buttons and Forms Panel, which can be found under Window > Interactive > Buttons and Forms. Change the fill to represent the colour of Watch No.

Hold the Alt (Mac) or Option (Windows) key and drag out another copy of the circle. With the Ellipse Frame Tool (Or any shape tool you like) draw out a circle on the page and make the Fill white to represent the watch. Rename the States or drag them into the order you would like as well. Rename the Multi-State Object to Smartwatches, which will help you when setting up the colour toggle later on. With both smartwatch vector images selected, click on the Create Selection into Multi-State Object icon in the bottom right-hand corner of the Object States panel. Open the Object States panel under Window > Interactive > Object States. For this case, I have the White watch in front, Blue as the second object. Re-order the images the way you want them to appear, or how you plan to set up your colour menu toggle. You will need to stack them on one another before setting up the Multi-State Object. It's important that they are the same size when pasting into InDesign. Open them in Illustrator, copy and paste them into your InDesign document. In this example, I am using two vector versions of a smartwatch – one is white and the other is a dark blue.

Indesign on ipad pro 2021