- [Instructor] This interactive document
from the exercise files folder is designed
to be viewed on screen and it looks pretty cool
but we want to take it to the next level
by adding some interactivity.
First, let's add a button.
In fact, you can see that we have some navigation buttons
down here at the bottom of the page.
Of course, I want these buttons to be
on all the pages of my document,
so I put them on the master page.
Let's go to the Pages panel.
Double click on on Master Page A
and we'll see the Master page and the buttons down here.
These are all just selectable objects now.
Let's go ahead and zoom in on this part of the page
by pressing command or control four.
I want this to be my go to next page button.
So to make it a button,
we need to open the Buttons and Forms panel,
here in the dock.
As we saw in the last movie,
we have most of the interactive panels in the dock
because we're using the interactive for PDF workspace.
Now this object is actually a group of two objects
but we can turn it into a single button
by clicking on what I like to call the make a button button,
down here at the bottom of the panel.
You can convert any object,
or a group of objects in InDesign into a button,
and as soon as you do that this panel springs to life
and we can start adding actions to it.
First it's a good idea to name
your button something recognizable.
Not just Button 31, but I'll call this Go to next page.
Now we'll set this up so that it does something
on a particular event.
In this case the event case is On Release or Tap.
That means when you either tap on a touch screen,
or when you release the mouse button.
On that event, do an action, and you can see
a list of all the actions here
in this little plus pop up menu.
In this case all we want it to do is Go to the Next Page.
This is now an interactive button,
but let's give it a little bit more pizazz.
How about we add a rollover effect?
To add a rollover, all you need to do
is click on the Rollover state down here
in the middle of the panel.
Of course, right now, both normal and rollover
look exactly the same so we need to change the look
of those objects while we're in the rollover state.
In this case, to change something inside a group,
you can double click on it.
Now I have that touch frame selected
and I can change the color of the text inside
that frame quickly by going to the fill icon
here in the control panel, clicking on this little T icon,
and then clicking on a color.
Let's try this red swatch.
Now I can click on this other object in the group.
This little path, and I'll change its color as well.
So that's it.
I'll select that button one more time
and now we can see the normal color and the rollover color.
All you need to do to see the difference
is click on those states in the appearance list.
Now of course this panel is called
the Buttons and Forms panel.
So where's the form part?
As I mentioned in the last movie, ePub and Publish Online
doesn't support forms but PDF files do.
It's incredibly easy to make an interactive form object.
Here let's just jump to the last page of the document
by clicking on it inside the Pages panel.
Now I'll zoom out to fit the page and window
with the command or control zero.
You can see we have a whole form here
that needs form fields.
And most of these I've added already
but we do need a new form field for the first name.
To make a form field you just draw out any object.
You could use any of the frame tools
but I'll just choose this graphic frame tool.
I'll just draw out a frame here.
Now you can turn it into a button
by opening the Buttons and Forms panel
and now choosing the make a button button.
Now check this out.
Up at the top you can see the Type pop up menu
is currently set to button,
but if we look inside there you can see
you can make this into all kinds of objects.
You can make it into a checkbox, or a list box.
In this case I'm going to choose text field.
Of course we should give it a name.
Let's choose First Name,
and there are a lot of other options in the panel,
but I think we're good to go for now.
Let's go ahead and export this PDF and see it in action.
To do that, choose the File menu
and then choose Export.
You'll notice down here in the format popup menu
that there are two different options for making a PDF.
PDF interactive or PDF print.
In this case because we're using buttons
and stuff like that, guess which one you want to choose?
That's right, interactive.
Then click Save.
And now there's a number of other options in here,
including the ability to set the view.
For example, when I open the PDF I want it to fit
the whole page in the window.
I also recommend clicking on Compression
and changing the resolution to something higher,
or typing your own value in here.
I usually use 150 ppi.
That way people can still get a pretty good quality image
on high dpi screens or if they zoom in a little.
All right for now let's just go ahead and click Export.
InDesign will write this PDF to disk
and then it'll automatically open it up in Acrobat.
Here we go.
Oh, I should point out that you do have to have
the Flash player installed on your system
in order to play some kinds of interactive media,
such as movie and audio files.
Also, some interactive features,
such as buttons, may not work on tablets and mobile devices,
such as the iPad.
But here, check it out.
Down here at the bottom we have the Next button
and if I hover over it you can see I get a rollover state.
Then when you click, it does just what we wanted.
It jumps to the next page.
Now let's click this hyperlink to jump to the last page
and you can see the form field that we added,
and it works.
As cool as all of this is, I've only scratched the surface
of all the amazing things you can do
with interactive PDFs.
I go into all of that, and more,
in my title "InDesign Interactive PDFs".