POPUP BOOK TEMPLATE HOW TO
POPUP BOOK TEMPLATE PLUS

It can be tedious to create empty states, so in5 makes this super easy. Your MSO can have multiple вЂњvisibleвЂќ states. Best of all, having an empty state doesnвЂ™t limit you to 2 states. It makes a your pop-up appear from nowhere. The вЂњemptyвЂќ state is part of how you can create magic with MSOs. Each Object State contains separate artwork and can be edited independently. ItвЂ™s easier to create complex artwork first, then convert it to an MSO.

Multi-State Objects let you change the appearance of your content. Creating the Artwork and Converting to an MSO LetвЂ™s go a little deeper into the concepts from the steps above. More after the jump! Continue reading belowв†“ДЇree and Premium members see fewer ads! Sign up and log-in today. If you created a background element, itвЂ™s recommend that you apply this action to that element as well. Assign this to the вЂњemptyвЂќ state of the вЂњdialogвЂќ MSO so that it will close the popup when clicked.

If you created artwork for a вЂњcloseвЂќ or вЂњokвЂќ button, select that artwork (you may have to double-click to get to the item, and/or hit ESCAPE if you enter a text frame or get too deep in your selection), open the Buttons and Forms panel ( Window > Interactive), click the plus (+) sign and add a Go To State action.

Create a button and apply a Go To State action, which goes to the вЂњdialogвЂќ state on the вЂњpop-upвЂќ MSO.

Give the MSO a clear name in the Object States panel, like вЂњpopup.вЂќ Name the state with the clear rectangle вЂњemptyвЂќ by triple-clicking on the state name and then drag it to the top so that itвЂ™s the first state. The MSO will have two states (your artwork and your вЂњemptyвЂќ state).

Select both elements, open the Object States panel ( Window > Interactive), and use the button at the bottom of the panel to convert your selection into a Multi-State Object (MSO).

This will be the вЂњemptyвЂќ state when the pop-up is not shown.

Create a small rectangle with no stroke or fill that doesnвЂ™t sit on top of any important artwork.

It will help create an overlay effect to make your pop-up appear on top of the other page content. Group this behind the rest of your artwork. Recommended: Create a вЂњbackgroundвЂќ rectangle that covers the entire page and is partially transparent.

Create your pop-up elements (the message, the dialog box, and the artwork for any buttons) and group them together.

Steps for How to Create a Pop-up With InDesign

IвЂ™ll show you how to do all of this with InDesignвЂ™s native tools so that you donвЂ™t have to write any code. This can be used for menus,В pop-up video players, and вЂњmodalвЂќ dialogs ( e.g., alert boxes). In the article, IвЂ™ll walk you through the steps needed to create a pop-up. InDesign has all the tools you need to build working user interface (UI) elements.

POPUP BOOK TEMPLATE PLUS

POPUP BOOK TEMPLATE HOW TO

Popup book template