Graphic Design & Branding tutorial: Add interactive buttons to PDFs


11. You can add a Show/Hide Buttons action to the Stop button, to hide the button when you click it, adding to the user experience. Other options available within the actions include setting the document to display full screen without toolbars – useful for presentations. We’ll do that next.


12. Create a final set of buttons, this time with the text ‘View document Full Screen’ or with a suitable icon as above. Repeat the same process we used for the previous buttons: place the artwork into your document, convert it to a button and set up the rollover state.


13. With the new button still active, click on the plus (+) button once more. Select ‘View Zoom’– the final option. The Zoom drop-down box will appear and you can select from a myriad options. In our case we want to choose ‘Full Screen’, which is the default option.


14. Export your document for the final time and test the fullscreen button to make sure it functions as it should. Once you’ve got to grips with embedding interactivity in your PDF files, and the actions you can assign to buttons, you’ll open up a whole range of new user interface opportunities. We’ve only scratched the surface here, so play around with it to find out more.

Who: Illustrator and graphic designer Sam Hampton-Smith is based in Scotland. He’s a regular author of articles and tutorials for the graphic and web design press, an aspiring musician and lover of good food. He also loves everything related to typography.
Contact: hampton-smith.com, www.ohwrite.co.uk
Software: Adobe InDesign CS3 or higher, Adobe Illustrator CS3 or higher
Time to complete: 1 hour
On the CD or download: Files for this tutorial can be found on the cover CD or downloaded here

Note: We may earn a commission when you buy through links on our site, at no extra cost to you. This doesn't affect our editorial independence. Learn more.

Read Next...