1. Adding the InteractivityWhat we're going to build| 00:00 |
In this course, we're going to take an
existing InDesign document and add
| | 00:04 |
elements that will make the document
interactive when it's exported to PDF and
| | 00:08 |
viewed on a computer or mobile device.
So, let's start by taking a look at the
| | 00:12 |
finished product, our interactive PDF
magazine.
| | 00:15 |
The article titles on the cover are
hyperlinks you can use to jump to the articles.
| | 00:21 |
There's a simple set of navigation buttons
on each page that the reader can use to go
| | 00:25 |
through the magazine page by page, or to
jump to the table of contents.
| | 00:30 |
The table of contents itself is
interactive, so, the readers can click or
| | 00:33 |
tap articles to jump to them.
And there is also a set of bookmarks that
| | 00:37 |
can be used for navigation.
We have a clickable index for exploring
| | 00:43 |
and navigating to content.
And on the table of contents page, there's
| | 00:48 |
a video that plays inside the PDF.
We have buttons that let readers show and
| | 00:58 |
hide page content, and an interactive form
that readers can complete and submit.
| | 01:17 |
Okay.
Now that we've seen what we're going to
| | 01:19 |
build, let's get started building it as we
make our interactive PDF magazine.
| | 01:23 |
| | Collapse this transcript |
| Creating a navigation system| 00:00 |
Depending on which hardware and software
they use to view your magazine, readers
| | 00:04 |
will have plenty of choices for how to
navigate the pages.
| | 00:08 |
One option is for you to create a set of
navigation buttons that appears on each page.
| | 00:12 |
These can be both convenient, and they can
match the rest of your design.
| | 00:16 |
So let's start making our magazine
interactive, with some navigation buttons.
| | 00:21 |
We'll start by taking a look at how this
document is set up, in the Pages panel.
| | 00:24 |
I'll go to the master page, A master by
double clicking on it.
| | 00:29 |
And this is the master page, which all my
other document pages are based on.
| | 00:33 |
So, changes I make here, like adding
Navigation buttons will be reflected
| | 00:38 |
throughout the magazine.
I want my Navigation buttons to appear
| | 00:41 |
down here on the right side, in this
purple area.
| | 00:44 |
So let's create our navigation controls.
The first thing to do is set up a layer in
| | 00:48 |
the Layers panel, to keep our navigation
controls above everything else, so they're
| | 00:53 |
always visible and accessible.
I'll to go the Layers panel, Option or Alt
| | 00:59 |
click on the Layer button.
And I'll call this Nav, and I'll select
| | 01:06 |
the purple rectangle and the line above
it, and click the blue square and drag it
| | 01:12 |
up to the Nav level.
Then I'll take my polygon tool, and I'll
| | 01:19 |
start dragging.
I have a triangle and that's the shape
| | 01:22 |
that I want, but if you didn't see a
triangle, you could just tap the Space
| | 01:25 |
bar, and then use the Up Down arrows keys
on your keyboard to adjust the number of sides.
| | 01:32 |
I'll hold Shift to constrain the shapes,
so all the sides of the triangle have the
| | 01:35 |
same length.
And release.
| | 01:39 |
I'll go to the Swatches panel and change
the fill color from none.
| | 01:44 |
To the same purple color that's used at
the bottom, and it'll change the tint to
| | 01:49 |
about 60%.
With my selection tool, I'll hover over a
| | 01:55 |
corner, and hold shift, while I drag to
make my triangle point to the right.
| | 02:03 |
And I'll make it a little bit smaller, and
drag it into position.
| | 02:12 |
Let's zoom in a bit.
Right about that looks pretty good.
| | 02:24 |
Now, I need to make this triangle into a
button, so I'll open the Buttons in forms panel.
| | 02:31 |
I'll click on the plus sign to open the
Actions menu, and I'll choose the action,
| | 02:34 |
Go To Next Page.
I'll give my button a name, Next Page, and
| | 02:42 |
I can also set an appearance if I want the
button to change when the user mouse is
| | 02:45 |
over it or clicks on it on a computer.
So I'll select the rollover state, go to
| | 02:51 |
the swatches panel and change the fill
color, to paper.
| | 02:57 |
Now to make the back button, I'll save
myself a little work by duplicating this one.
| | 03:01 |
I'll hold Option or Alt+Shift and drag
over to the left.
| | 03:07 |
And then I'll go up to the Control panel,
and click the Flip Horizontal button.
| | 03:11 |
Go back to the Buttons and Forms panel.
Delete the Go to Next Page action by
| | 03:19 |
clicking on the minus.
And then click on the plus to add a new
| | 03:24 |
action, which will be go to previous page,
and remember to name it, Previous Page.
| | 03:34 |
Now there's one more button I'd like to
create, and that's the one readers will
| | 03:37 |
use to go to the table of contents.
Since I want to use a different symbol
| | 03:40 |
from these triangles, I'll do this one
from scratch.
| | 03:43 |
I'll grab my Rectangle tool, and drag out
a rectangle that's the same height as the triangles.
| | 03:55 |
Maybe about that wide.
I'll use the Swatches panel to give it the
| | 03:59 |
same fill.
A purple color with a tint of 60%.
| | 04:07 |
And with my selection tool, I'll drag
down.
| | 04:12 |
Like so.
And then I'll hold Option, or Alt, plus
| | 04:15 |
Shift, and drag up to make one copy.
And again to make a second copy.
| | 04:20 |
Right there.
I'll hold Shift, and click to select the
| | 04:27 |
three copies.
And then Option or Alt plus Shift, to drag
| | 04:31 |
over to the left to make another set.
And then I'll grab the left-side control
| | 04:37 |
handle, and drag to the right, so I'm
making a set of three squares.
| | 04:43 |
And I'll go to the Object menu, and choose
Convert Shape > Ellipse.
| | 04:50 |
So I've made these into three little
circles.
| | 04:54 |
Let's move them a little closer so they
look more circular in shape.
| | 04:59 |
Here we go.
And we'll slide 'em next to the lines.
| | 05:02 |
I'll Shift click to select all the pieces
and group them.
| | 05:06 |
And that's going to be my symbol for the
entries in the table of contents.
| | 05:11 |
Now I can go to the buttons and forms
panel and I'll add an action.
| | 05:14 |
Now the action that I want to add is to go
to a specific page, the table of contents page.
| | 05:19 |
And there is an action called go to page,
but notice it's in the (INAUDIBLE) only set.
| | 05:25 |
So this isn't going to work in an
interactive pdf.
| | 05:26 |
The action that I really want is this one,
Go To Destination, but I haven't set up a
| | 05:31 |
destination to go to the table of contents
page yet.
| | 05:34 |
So that's what I need to do now.
I'll zoom out, use my pages panel to go to
| | 05:39 |
my table of contents page.
And there's not much to see here now, but
| | 05:42 |
in later movies this is where the table of
contents will be.
| | 05:46 |
So, in the hyperlinks panel menu, I'll
choose new hyperlink destination.
| | 05:51 |
The type is a page.
We'll give it the name TOC and click OK.
| | 05:58 |
Now, I can go back to the A Master, select
my shape, go to the buttons and forms.
| | 06:06 |
Add an action.
Go to destination, and now this is the document.
| | 06:11 |
I'll choose my destination, TOC, and I'll
remember to name it TOC.
| | 06:16 |
I'll also give it that same rollover that
the other buttons had, by going to the
| | 06:23 |
swatches panel and setting up paper fill
color.
| | 06:28 |
Now let's export this document to
interactive PDF and test our buttons.
| | 06:32 |
I'll press Cmd or Ctrl+E, save it to the
desktop, format will be Adobe PDF interactive.
| | 06:39 |
I'll click, Save.
Make sure I'm exporting all pages.
| | 06:43 |
And click OK.
Here's my PDF, now let's try the buttons.
| | 06:50 |
When I mouse over them, they become white.
When I Click, I can go through the pages.
| | 06:58 |
I can go forward, I can go back, and I can
jump to the Table of Contents page.
| | 07:07 |
Now it's worth noting that PDF reading
apps on tablets vary in their support of
| | 07:11 |
buttons like these.
For example, on the iPad, if I view this
| | 07:15 |
PDF with iBooks, these buttons simply
don't appear at all.
| | 07:19 |
It's like they never existed.
If I look at it in Adobe Reader, the Next
| | 07:23 |
and Previous page buttons don't work, but
the table of contents button does.
| | 07:27 |
So if you wanted to have buttons like the
next and previous page buttons work on
| | 07:31 |
Adobe Reader on the iPad, you'd have to
set up destinations to every page, and
| | 07:36 |
point to those destinations with buttons.
However with an app like PDF Expert, the
| | 07:42 |
buttons will all display and work as
expected on an iPad.
| | 07:45 |
But of course the features of tablet apps
are always changing, so what's not
| | 07:49 |
supported at the time of this recording
may be supported at some point in the future.
| | 07:53 |
And again, the buttons will display and
work in a PDF, when it's viewed on a computer.
| | 07:58 |
So if that's where you think your readers
will be viewing the magazine, you'll know
| | 08:02 |
that they'll be able to use these buttons.
In this movie, we began the process of
| | 08:06 |
adding interactivity to our magazine, by
adding navigation buttons readers can use
| | 08:11 |
to go to the next page, previous page, or
table of contents.
| | 08:15 |
And in the next movie, we're going to work
on that table of contents to make it
| | 08:19 |
interactive, as well.
| | 08:20 |
| | Collapse this transcript |
| Building an interactive table of contents| 00:00 |
We are looking now at a PDF I have
exported from InDesign of our magazine.
| | 00:04 |
And this is our table of contents which I
built using InDesign Table of Contents feature.
| | 00:09 |
It has all the titles of the articles and
the page numbers which are also hyper
| | 00:13 |
links that can be clicked to go to those
articles.
| | 00:17 |
And the Table of Contents feature has also
built bookmarks that I can display and use
| | 00:22 |
to navigate.
Furthermore, if I go back to the table of contents.
| | 00:27 |
I can see these article descriptions.
I wanted these in the table of contents,
| | 00:31 |
but they don't appear anywhere else in the
magazine.
| | 00:34 |
I created these with a little known trick
of putting content on the paste board in
| | 00:38 |
my document pages.
So let's go ahead and build this
| | 00:41 |
inteactive table of contents.
I'll sort you over to end design, and the
| | 00:47 |
first step to building a table of contents
is to consistently style all the text in
| | 00:51 |
your document that you want to appear in
the table of contents.
| | 00:54 |
InDesign's table of contents function
works by looking for text with certain
| | 00:58 |
styles applied to it.
So if the text isn't styled it can't be
| | 01:02 |
found by the table of contents feature.
The second step is to go to the Layout
| | 01:06 |
menu and choose Table of Contents.
I don't need a title because I already
| | 01:11 |
have the word contents on my page so I'll
just delete that.
| | 01:14 |
And next I'll work from right to left
selecting styles I've applied in my
| | 01:18 |
document to text I want to appear in the
table of contents.
| | 01:21 |
In this case it's pretty simple.
I just want the article titles, one, two
| | 01:25 |
and three.
And I want the index title.
| | 01:31 |
And for each of these, I have to pick how
I want them formatted down here.
| | 01:35 |
I have to pick the paragraph style that
will be used in the table of contents
| | 01:39 |
itself, which is TOC title.
I also have to choose where I want the
| | 01:50 |
page number.
So, I'll choose after entry and I can
| | 01:54 |
choose a separator to go between the entry
and the number.
| | 01:57 |
The default is a tab but I want to change
that to an Em Space, and I'll do that for
| | 02:08 |
each entry.
And then I have this interesting thing
| | 02:17 |
here called Level.
Did you notice when I added the paragraph
| | 02:20 |
styles that they kept getting indented
more and more?
| | 02:22 |
Well that represents the level that
InDesign chose for each one.
| | 02:26 |
It kept nesting each new one inside the
previous one.
| | 02:30 |
Now that doesn't mean they'll be indented
on the page.
| | 02:32 |
This level setting has nothing to do with
on page formatting.
| | 02:35 |
But it does have to do with the structure
of the table of contents that will be used
| | 02:40 |
if I choose to create PDF bookmarks, which
I am right down here.
| | 02:44 |
In the Bookmarks pane in Acrobat or
Reader, that's where I'll see these indents.
| | 02:49 |
But again in this case I don't want these
to be nested, so I'll set them all at
| | 02:52 |
level one, and the last thing I'll do is
select another style to include some more
| | 03:04 |
text in the table of contents.
TOC description, this is what will create
| | 03:08 |
the subtitles in the table of contents and
I'll show you where that comes from in a minute.
| | 03:13 |
For this one, I don't want a page number,
and I can have it at level 2 so it nests
| | 03:19 |
underneath the article titles.
I'll click OK.
| | 03:24 |
And click in a text frame to flow my table
of contents.
| | 03:27 |
So we can see, InDesign went out, it found
the text style with the styles I told it
| | 03:31 |
to look for, and it reformatted that text
with the other styles I picked and flowed
| | 03:35 |
it into this frame.
Now, let's see where these descriptions
| | 03:38 |
are coming from.
If I go to page 3 and scroll up a bit, I
| | 03:45 |
can see a text frame out on the pasteboard
here.
| | 03:48 |
Notice how it overlaps the page just a
little bit.
| | 03:51 |
This is where I've hidden the article
description that I don't want to appear in
| | 03:54 |
the article itself, but I do want to
appear in the table of contents.
| | 03:58 |
So as long as this text frame is
overlapping the page at all, the table of
| | 04:02 |
contents function will grab this text.
Also note that it matters where you
| | 04:06 |
position these frames, because when
InDesign is gathering text for the table
| | 04:10 |
of contents, it looks from left to right
and then top to bottom.
| | 04:14 |
If I put this frame over to the left so it
was more left than the article title
| | 04:19 |
itself, the description would come out in
the table of contents above the article title.
| | 04:23 |
But since I don't that, I'll undo.
And if you don't like putting content on
| | 04:28 |
the Paste board, there's also a function
in the Table of Contents dialog box that
| | 04:32 |
will allow you to put content anywhere on
the page, hide it, and still have it
| | 04:37 |
appear in the Table of Contents.
If I go back to Layout > Table of Contents
| | 04:42 |
we can see that, and it's called Include
Text on Hidden Layers.
| | 04:47 |
It's just another option, either method
the pace board or the hidden layer will
| | 04:51 |
work just fine.
Just choose the one you like better.
| | 04:55 |
I'll cancel out and let's export to pdf,
I'll put it on the desktop, call it TOC,
| | 05:06 |
make sure I'm exporting all pages and
click okay.
| | 05:09 |
We'll go to my Table of Contents and try
the links.
| | 05:18 |
Check out my bookmarks.
And if I didn't want bookmarks for the
| | 05:24 |
article descriptions, I can just remove
those by right-clicking on those here in
| | 05:27 |
Acrobat, and choosing Delete.
I could also delete them in InDesign in
| | 05:32 |
the Bookmarks panel before I export the
PDF.
| | 05:36 |
In this movie we saw how powerful and
useful InDesign's Table of Contents
| | 05:40 |
feature can be.
We used it to create a nice looking table
| | 05:43 |
of contents, gathering and formatting text
from anywhere in the magazine.
| | 05:47 |
And we use it to create PDF bookmarks.
In the next movie, we'll look at another
| | 05:51 |
way to make bookmarks in end design.
| | 05:53 |
| | Collapse this transcript |
| Adding bookmarks| 00:00 |
Bookmarks are one of the most useful
interactive elements you can add to a
| | 00:03 |
digital document, allowing your readers to
navigate to any content with a click or a tap.
| | 00:09 |
And happily, bookmarks are also one of the
easiest interactive elements to create and
| | 00:13 |
manage in InDesign.
You can set them up manually, or have the
| | 00:17 |
program create them for you automatically.
So, let's add some bookmarks to our magazine.
| | 00:21 |
We'll start by opening the Bookmarks panel
and in it, I can see that I already have
| | 00:25 |
the bookmarks that were created in a
previous movie, when I used the table of
| | 00:28 |
contents function I'm going to use the
table of contents function.
| | 00:30 |
So, I have bookmarks to the article titles
and to the index.
| | 00:34 |
Inside each article, I have the article
subtitles.
| | 00:37 |
And the nice thing is I can edit these
before I export to PDF.
| | 00:41 |
I can edit the names, I can change the
order, I can even create a nested
| | 00:45 |
structure by dragging bookmarks on top of
other bookmarks.
| | 00:48 |
And I can also delete unwanted bookmarks
and create new ones here.
| | 00:51 |
And all that will be preserved in the PDF.
So, in this case I don't want the
| | 00:55 |
bookmarks for the articles subtitles so,
I'll delete those, by clicking on them and
| | 01:00 |
clicking on the trash can.
And we can click, don't show again.
| | 01:11 |
And I'll add a few more bookmarks to help
readers navigate to content besides the
| | 01:14 |
start of each article.
I can use my bookmarks also to navigate by
| | 01:18 |
double-clicking on them, so I'll
double-click on, Mastering the Art of the
| | 01:21 |
Boil, to go to that article and I'll go to
page five.
| | 01:26 |
And here, I want to add a bookmark for the
five stages of boiling sugar.
| | 01:30 |
And to nest this one inside the bookmark
for the article, I'll make sure that I
| | 01:34 |
have that bookmark selected already before
I click on the New bookmark icon.
| | 01:38 |
I'll name this one the stages of boiling
sugar.
| | 01:43 |
And I'll go to my taffy article by
double-clicking on it, and I'll go to page
| | 01:47 |
ten to add a bookmark to this basic taffy
recipe.
| | 01:51 |
And this time, let's say I forgot to
select the article bookmark before
| | 01:54 |
creating the one to the recipe.
So, I'll just click in the panel to
| | 01:57 |
deselect that bookmark.
I'll create my new one.
| | 02:00 |
Basic taffy recipe.
And then I can just click on its name, and
| | 02:06 |
drag it right on top of the article
bookmark to nest it.
| | 02:08 |
And there we go.
Lastly let's go to page 12.
| | 02:14 |
Here's my subscription form, and I'll add
a bookmark for that also.
| | 02:21 |
Now let's export to PDF and check out
these bookmarks.
| | 02:24 |
I'll just export to the desktop, call the
file, Bookmarks.
| | 02:27 |
I'll make sure I'm exporting all pages,
and click OK.
| | 02:35 |
Here's my PDF, I'll open the bookmarks,
and try them out.
| | 02:39 |
(BLANK_AUDIO).
Alright, so in this movie, we saw just how
| | 02:47 |
easy it is to create and edit PDF
bookmarks for our magazine content.
| | 02:52 |
We saw the ones that were created
automatically by the table of contents
| | 02:54 |
feature we used in a previous movie.
And we were able to edit those and add
| | 02:59 |
some more bookmarks manually, before
exporting to PDF.
| | 03:03 |
| | Collapse this transcript |
| Using buttons to show or hide content| 00:00 |
By adding buttons to your PDF magazine you
can give readers control over what they
| | 00:04 |
see on page.
There are lots of uses for this kind of interactivity.
| | 00:08 |
We'll look at one that will let our
readers pick their favorite recipe.
| | 00:11 |
Here in a finished PDF, I have a page
where readers can click or tap on their
| | 00:15 |
favorite type of candy to reveal the
recipe for it.
| | 00:18 |
The advantages here are that we've made
the content more engaging by making it interactive.
| | 00:23 |
And by making it a lot larger since we
don't have to fit all the recipes on the
| | 00:27 |
page at the same time.
Lets switch over to InDesign and see how
| | 00:30 |
to make these buttons.
On the left I have the three placed photos
| | 00:34 |
of different kinds of taffy.
And I have three recipes which are
| | 00:37 |
composed of a text frame grouped with a
rounded corner frame for a background color.
| | 00:42 |
I'll select he raspberry taffy recipe and
use the buttons in Forms panel to make it
| | 00:48 |
into a button.
And I will name it raspberry recipe.
| | 00:54 |
It's a very important to name your buttons
when you are doing something like this.
| | 00:57 |
Because you need to be sure you are
targeting the right buttons to control
| | 01:00 |
their visibility.
And for this technique, it's also
| | 01:03 |
necessary to select Hidden Until
Triggered.
| | 01:06 |
That way none of the recipes will be
visible until someone makes them visible
| | 01:10 |
by clicking or tapping one of the images
on the left.
| | 01:12 |
Alright, let's repeat this process for the
lemon recipe.
| | 01:19 |
Make it into a button.
We'll call it Lemon Recipe.
| | 01:27 |
And select Hidden Until Triggered and do
the same for the walnut recipe.
| | 01:37 |
Next, I'll select the lemon taffy photo
and make it into a button.
| | 01:42 |
And again it's necessary to name it.
I'll call it Lemon Trigger.
| | 01:50 |
And then I'll choose an action.
Show Hide Buttons and Forms.
| | 01:55 |
And I'll use the visibility controls to
determine what will happen when this
| | 01:58 |
button is clicked or tapped.
This button will make the Lemon taffy
| | 02:02 |
recipe visible.
And it will make the walnut taffy recipe
| | 02:06 |
invisible and the raspberry taffy recipe
invisible.
| | 02:10 |
And it will do nothing to the visibility
of itself.
| | 02:15 |
I'll repeat the procedure to made a walnut
trigger button.
| | 02:17 |
So I'll select the photo.
Make it into a button.
| | 02:21 |
Name it Walnut Trigger.
Action, Show Hide Buttons and Forms.
| | 02:30 |
So this one will show the walnut recipe,
hide the lemon recipe and hide the
| | 02:37 |
raspberry recipe.
And repeat one more time for the raspberry taffy.
| | 02:44 |
Call it raspberry trigger.
Show hide buttons and forms.
| | 02:50 |
Show me the raspberry recipe, hide the
lemon and hide the walnut.
| | 02:56 |
And finally I'll align the recipe buttons
so they're stacked one on top of another.
| | 03:01 |
I'll just drag over to select them all,
use the Align panel.
| | 03:06 |
I'll click one more time on the raspberry
recipe to make it the key object.
| | 03:10 |
And we'll align it center and top.
Now, let's export to PDF and test our buttons.
| | 03:16 |
I'll export to the desktop.
I'll just call it buttons.
| | 03:21 |
And we only have to export this one page
right now to test out these buttons.
| | 03:29 |
And as I click, I see each recipe and the
other recipes disappear.
| | 03:34 |
So this was just one way that you can make
your documents interactive, by showing and
| | 03:38 |
hiding content with buttons.
There are tons of other uses including
| | 03:42 |
slideshows, interactive quizzes, where
tapping an icon can reveal the answer to a question.
| | 03:47 |
And using buttons to show and hide image
captions.
| | 03:50 |
So readers can see a full screen image
without a caption until they actually want
| | 03:53 |
to read it.
Note that content and buttons will not
| | 03:56 |
always display as expected on mobile
devices.
| | 03:59 |
Where the support for PDF features varies.
You should definitely test your buttons,
| | 04:03 |
in whatever PDF apps your readers might
use.
| | 04:06 |
In some cases, the text inside a button
might not appear, when it should.
| | 04:10 |
If that happens, you can make it work, by
converting the text to outlines, before
| | 04:15 |
you export to PDF.
That's not an ideal solution, but, in a
| | 04:18 |
pinch, tricks like that can make up for
the lack of full PDF feature support on
| | 04:23 |
mobile devices.
| | 04:24 |
| | Collapse this transcript |
| Placing video in a PDF| 00:00 |
Adding media like audio and video, can
really make your PDF magazine come alive
| | 00:04 |
in ways that print just can't match.
And once you have your video in the right
| | 00:08 |
format, you can work with it quickly and
easily inside InDesign, with the Media panel.
| | 00:14 |
Let's see how it works.
Here on my finished PDF on the table of
| | 00:17 |
contents page, I have a little video.
It's literally raining candy here to get
| | 00:22 |
readers excited about the content in this
issue.
| | 00:26 |
Notice that it started playing right when
I displayed the table of contents page,
| | 00:30 |
and if I mouse over it, I get some
controls.
| | 00:33 |
I can pause it and I can drag the scrubber
to see any other part of the video I want.
| | 00:38 |
When I mouse off, the controls disappear
again.
| | 00:45 |
So, lets see how to add this video to our
magazine.
| | 00:48 |
I'll switch over to InDesign, then I'll
press Cmd or Ctrl+D.
| | 00:53 |
To place the video, I'll go to the Links
folder inside our exercise files.
| | 00:58 |
And I'll select, falling candy.mp4 and
click Open.
| | 01:04 |
I'll click on the page to place the video.
And in the Control panel, I'll add some
| | 01:09 |
text wrap to push the table of contents
away here.
| | 01:12 |
I'll add a stroke of about ten pixels, in
our purple color.
| | 01:18 |
I'll lighten the tint of that a bit to
about 40% and in the Stroke panel, I'll
| | 01:25 |
align the stroke to the outside.
I'll do this because a stroke I apply over
| | 01:29 |
the video area, won't show up in the PDF.
Then I'll open the Media panel, and I can
| | 01:36 |
work with the controls here to set the
options I want for my video.
| | 01:38 |
The first thing I notice is that here on
the page, this isn't a very interesting image.
| | 01:43 |
So, I'd like to choose a different poster.
I'll use the scrubber control and drag
| | 01:48 |
until I find something interesting, right
around here, nine seconds looks good.
| | 01:53 |
So, I'll choose Poster > From Current
Frame.
| | 01:56 |
And click on the curved arrows.
I also want this video to start playing
| | 02:01 |
immediately when the table of contents is
displayed so I'll click on, Play on Page Load.
| | 02:08 |
And for the controller, I'll select Skin
Over Play Seek Stop.
| | 02:13 |
I'll also select Show Controller on
Rollover, so the controls stay out of the
| | 02:17 |
way until someone mouses over the video.
Now let's open the SWF Preview panel and
| | 02:21 |
preview this video.
It starts playing and when I mouse over, I
| | 02:31 |
see my controls and I can use them.
I'll close the SWF preview and I'll go
| | 02:37 |
back to the Media panel just to look at
some of the other options.
| | 02:40 |
Also notice I have the ability to set
navigation points.
| | 02:44 |
These can be useful in a longer video,
when you want to give readers the ability
| | 02:48 |
to jump to a specific point.
What you do is set up a button, and then
| | 02:52 |
give that button an action to play the
video from a specific point.
| | 02:56 |
But since this is really a short video I
don't need it here, so I'll skip it.
| | 03:00 |
Also notice at the bottom of the panel a
button with the Acrobat icon.
| | 03:05 |
This opens a PDF options dialog box, where
I can add a description of the video for
| | 03:09 |
people whose vision is impaired.
And I can also set the video to play in a
| | 03:12 |
floating window.
I can set the initial size of it, and
| | 03:16 |
position on screen.
I'll leave the video as is, and just
| | 03:19 |
cancel out of this dialog box.
Alright, now let's export to PDF and check
| | 03:24 |
out our video.
Press Cmd or Ctrl+E, I'll just save it on
| | 03:27 |
the desktop.
The format will be PDF Interactive, I'll
| | 03:31 |
click Save and OK.
I'll go to the table of contents page, and
| | 03:39 |
the video starts playing as expected.
I can mouse over to see my controls, and
| | 03:47 |
use them.
There's one more thing I want to show you
| | 03:52 |
now that I'm here in Adobe Acrobat.
And that's how you can change some of the
| | 03:56 |
properties of the video, in ways that you
can't in InDesign.
| | 03:59 |
If I go to Tools > Content.
Add or Edit Interactive Object, Select
| | 04:07 |
Object and double-click on my video.
I get the Edit Video dialogue box.
| | 04:14 |
Here I have many of the same controls that
I did in end InDesign for playing the
| | 04:17 |
video and setting its appearance, but I
have even more choices.
| | 04:20 |
Like in the control section, I can choose
a color for the controls.
| | 04:27 |
So, I'll select that, I'll choose other
color.
| | 04:29 |
I'll click on the magnifying glass, and
I'll sample the purple color.
| | 04:35 |
Click OK, and I'll set its Opacity to be
100% and click OK.
| | 04:44 |
Now, I'll switch back to my Select tool,
click on the video and see my new purple controller.
| | 04:54 |
One last point I want to make, and that's
about video formats.
| | 04:57 |
InDesign will let you place a few
different formats for a video, but the
| | 05:01 |
best choice nowadays is usually H264
encoded video, like mp4.
| | 05:06 |
If you need instruction on how to convert
video formats, check out the movie on that
| | 05:11 |
topic in my course, InDesign CC
Interactive Document Fundamentals.
| | 05:15 |
| | Collapse this transcript |
| Working with hyperlinks| 00:00 |
One of the best advantages that digital
publications have over print is the
| | 00:04 |
potential for content to be hyperlinked to
other places, either within the document
| | 00:09 |
or to other documents or to content on the
web.
| | 00:12 |
And for the most part, making hyperlinks
in InDesign is straight forward.
| | 00:15 |
So, let's make some hyperlinks in our
magazine.
| | 00:18 |
Here's my finished PDF.
And on the cover, I have hyperlinks, so
| | 00:22 |
the reader can click on the article titles
and jump directly to the articles.
| | 00:26 |
Then in the article on Mastering the Art
of the Boil, I have a link to the
| | 00:29 |
Wikipedia page on loaf sugar, right here.
And click that and jump to the page.
| | 00:39 |
So, let's see how these links were created
starting with the cover.
| | 00:42 |
I'll go back to InDesign and on the cover
page I can see that each of these article
| | 00:47 |
titles is in their own separate text
frame.
| | 00:50 |
I want to make each of these text frames
into a hyperlink that will take the reader
| | 00:54 |
to the articles.
So first, I have to create a destination.
| | 00:58 |
I'll navigate to the beginning of the
sugar boiling article, and I'll open the
| | 01:03 |
Hyperlinks panel.
From the panel menu, I'll choose New
| | 01:07 |
Hyperlink Destination.
I'll leave the Type as Page, and I'll
| | 01:13 |
change the name to something more
descriptive, like, The Art of the Boil.
| | 01:16 |
And click OK.
Now I'll go back to the cover, select the
| | 01:24 |
text frame, and click the Create new
hyperlink button at the bottom of the
| | 01:29 |
Hyperlinks panel.
I'll choose Link To Shared Destination
| | 01:34 |
with this document.
And the name of the destination we just
| | 01:37 |
created, The Art of the Boil and click OK.
Okay, let's try a slightly different
| | 01:43 |
process for creating the other hyperlinks
on the cover.
| | 01:47 |
Let's go to page six.
And this time we'll select the text Top 10
| | 01:53 |
Caramel Recipes.
I'll double-click, drag over and again
| | 01:58 |
from the Hyperlinks panel menu, I'll
choose New Hyperlink Destination.
| | 02:02 |
And InDesign automatically knew that I
wanted a Text Anchor and it named it with
| | 02:06 |
the text that I selected.
So I'll click OK.
| | 02:10 |
I'll go back to the cover, my selection
tool, I'll select the text frame.
| | 02:18 |
Create a new hyperlink and this time we'll
link to a Text Anchor.
| | 02:22 |
We have this document and here's the Text
Anchor we just created, and I'll click OK
| | 02:27 |
and lets repeat the process for the last
title.
| | 02:31 |
I'll go to page 9, select the text Taffy
Tips, make it a destination, jump back to
| | 02:40 |
the cover, select the text frame and make
it another hyperlink to Taffy Tips and
| | 02:50 |
click OK.
Now there's one other hyperlink I need to
| | 02:59 |
make, and that's on page 5, right here I
want it to be to this text loaf sugar.
| | 03:07 |
So for the destination, I'll switch over
to my web browser.
| | 03:12 |
I'll grab the URL, copy it, switch back to
InDesign and again I'll click on the new
| | 03:18 |
hyperlink button.
And this time we'll link to a URL, paste
| | 03:23 |
it in and I'll deselect Shared Hyperlink
Destination since I know I'm not going to
| | 03:29 |
use this hyperlink in any other issue.
And to indicate that there's a hyperlink
| | 03:34 |
in the text, I can also add a character
style.
| | 03:36 |
So I'll select that.
And I've created this one called URL,
| | 03:40 |
which will underline the text with a blue
underline.
| | 03:44 |
I'll click OK, and deselect.
Okay let's export to PDF and test.
| | 03:52 |
I'll export to the Desktop, let's call it
Hyperlinks and let's try them out.
| | 04:03 |
And there we go.
In this movie, we saw a couple different
| | 04:11 |
ways to create hyperlinks using Pages and
Text Anchors as destinations, and we saw
| | 04:16 |
how to create hyperlinks to web content.
| | 04:18 |
| | Collapse this transcript |
| Creating a PDF form| 00:00 |
When you publish a magazine there are
times when you want to collect information
| | 00:03 |
from your readers.
PDF forms are great for this and they're
| | 00:07 |
easier than ever to make, thanks to the
ability to create form fields right in
| | 00:11 |
your InDesign layout.
So let's take a look at how to make a
| | 00:13 |
subscription form that readers can fill
out and submit.
| | 00:16 |
Here are my finished PDF.
On page 12, I have a subscription form.
| | 00:21 |
And it includes radio buttons for
selecting a one or two year subscription.
| | 00:26 |
Text fields for entering information like
name, address and so on.
| | 00:31 |
List boxes where you can choose a state,
credit card, month and year.
| | 00:35 |
A check box for signing up for emails.
And a button you can use to submit the
| | 00:39 |
form via email.
So let's see how this was created.
| | 00:43 |
I'll switch over to InDesign.
And to add my form elements, I need to use
| | 00:47 |
the Buttons and Forms panel.
So I'll open that.
| | 00:52 |
And I'll start with these buttons for
subscribing.
| | 00:56 |
I'll click the panel menu and choose
Sample Buttons And Forms.
| | 00:59 |
So, rather than creating from scratch I'll
borrow one that it will be provided.
| | 01:03 |
I will choose the number ten, and drag it
out onto the page.
| | 01:07 |
Close the library.
And I'll only need two buttons here, so I
| | 01:11 |
am going to deselect and delete one of
them.
| | 01:15 |
And then move the others into place.
About there.
| | 01:20 |
And about here.
Maybe nudge it over a little bit there.
| | 01:23 |
Okay.
I'll select them both and change the name.
| | 01:31 |
We'll call it subscription and we'll make
it required.
| | 01:39 |
Now, to set up all the text fields, I'm
going to do a little shortcut.
| | 01:42 |
I'm going to Shift click to select them
all.
| | 01:45 |
So, first name, last name, address, zip
code, city, phone, email, and account.
| | 01:52 |
And then, in the Buttons and Forms panel,
I'll choose Type Text Field.
| | 01:57 |
I'll make them all required and I'll
change the font size to 18 points.
| | 02:03 |
Now, I can deselect and go one by one and
give them the correct names.
| | 02:07 |
So, first name, last name, address, city.
Zip code, phone, email, and account.
| | 02:29 |
Next I want to work on the list boxes and
this can be quite a tedious chore in some
| | 02:33 |
cases since InDesign doesn't have a
feature to import a text list into a form field.
| | 02:38 |
So I could find myself typing all 50 state
postal codes in here.
| | 02:42 |
Fortunately there are some great and
generous InDesign scriptors out there who
| | 02:46 |
have created free scripts for you to use
that can automatically populate a list box
| | 02:51 |
form field from a regular text frame.
That's why I copied the postal codes from
| | 02:55 |
elsewhere and just pasted them into this
text frame along with the word choose at
| | 02:59 |
the top.
The script I'm going to use is called
| | 03:02 |
Combo Mombo two and it was written by
Marijan Tompa, also known as Tomaxxi, and
| | 03:08 |
it can be downloaded from his web site at
tomaxxi.com.
| | 03:12 |
To install the script once you downloaded
it, open the Script's panel.
| | 03:16 |
So choose Window.
Utilities, Scripts.
| | 03:19 |
And right click on the user folder, and
choose Reveal in Finder or Reveal in Explorer.
| | 03:25 |
This will show you the folder where you
need to move the script in order to make
| | 03:30 |
it appear in the Scripts panel.
Once you move the script into that folder,
| | 03:33 |
it'll immediately be available inside
InDesign.
| | 03:37 |
To use the script, select a text frame.
So I'll select my state text frame.
| | 03:42 |
And then just double click on the script.
So I'll select List Box, and click, and
| | 03:49 |
it's done.
What would have taken a lot of tedious
| | 03:51 |
typing is done instantly.
So now I have a form field here, it starts
| | 03:56 |
with choose, and the list continues on
with all the postal codes.
| | 04:01 |
So what I need to do is change the font
size to match the others, 18 points.
| | 04:05 |
Make it required and I'll use the Swatches
panel, to set the fill color to black, 10%
| | 04:13 |
to match the other form fields.
And we'll repeat the process for the
| | 04:17 |
credit card information.
So I'll select that text frame.
| | 04:21 |
On the script, choose List Box and we'll
do the same for the expiration month.
| | 04:28 |
And expiration year.
And I can select all three of these form fields.
| | 04:44 |
I'll set the fill color.
I'll make them all required and set the
| | 04:52 |
font size.
And, then, I just have to name them correctly.
| | 04:56 |
So, we'll call them credit card.
Month and year.
| | 05:06 |
And we have to go back and set state as
well.
| | 05:20 |
And lastly, we just need to set up the
check box to sign up for a weekly email.
| | 05:23 |
So for that again, I'll use the buttons in
form sample library.
| | 05:29 |
I'll just take the number one check box
and drag it out.
| | 05:34 |
Move it into position.
And we'll call it Sign Up.
| | 05:45 |
Now the last thing I need to do is to
check, and if necessary fix, the tab order.
| | 05:50 |
I want readers to be able to tab through
these fields in order as they're filling
| | 05:53 |
out the form, so I'll go to the Object
menu and choose Interactive Set Tab Order
| | 05:59 |
and see if it has the order we want.
So it starts out with the two subscription
| | 06:05 |
buttons and it goes to First Name, Last
Name, Address, Zip Code.
| | 06:10 |
I actually want to have City and State
before Zip Code, so I'll move City and State.
| | 06:17 |
Then Zip Code.
Then Phone.
| | 06:21 |
Then Email.
Then we want Sign Up.
| | 06:28 |
Then we want Credit Card, Account, Month,
and Year.
| | 06:33 |
Perfect.
I'll click OK.
| | 06:35 |
And let's export the PDF and check out our
form.
| | 06:40 |
I'll just export it to the desktop.
And let's try it.
| | 06:47 |
We'll try the radio buttons, text fields,
tabbing, lists, check boxes, and so forth
| | 07:03 |
and they all look good.
So in this movie we saw how to convert
| | 07:06 |
regular frames into form fields using the
buttons in Forms panel.
| | 07:10 |
We saw how to set options, like the names
of fields and why it's important for
| | 07:14 |
setting tab order.
And we even saw a really cool and free
| | 07:17 |
script to save a lot of boring effort in
creating long lists or combo boxes.
| | 07:21 |
It's one more thing I want to add, and
that's a button to submit the form via email.
| | 07:26 |
And that'll be the subject of the next
movie.
| | 07:28 |
| | Collapse this transcript |
| Using PDF form actions| 00:00 |
In the previous movie, we added a form
that users can fill out in the PDF to
| | 00:04 |
subscribe to the magazine.
Next, let's create a button they can use
| | 00:08 |
to submit that form.
Here's the form we worked on in the last movie.
| | 00:12 |
It has all the fields set up but it's
lacking one important thing, a way for
| | 00:16 |
readers to submit it to us.
So, for that, we're going to add a Submit
| | 00:20 |
button down here at the bottom.
I could create a button from scratch but
| | 00:25 |
to save some time and effort, I'm going to
use one from the sample buttons and Forms library.
| | 00:29 |
I'll open the library and scroll down a
bit and I'll choose this green button
| | 00:34 |
here, number 105.
And drag it out into my layout, close the
| | 00:40 |
library and I'll give it a name.
Submit.
| | 00:48 |
I'll delete the action that it came in
with.
| | 00:50 |
This go to URL by clicking on the Minus
button.
| | 00:54 |
And I'll add a new action.
Under PDF only, Submit Form.
| | 00:59 |
And in URL I'll add the email address
where I want this form to be submitted to.
| | 01:05 |
So I'll type
mailto:subscribe@candymakermagazine.com.
| | 01:23 |
Then I'll zoom in, and let's add the word
submit here.
| | 01:27 |
I'll take my Type tool and click.
I'll type Submit, center it.
| | 01:38 |
I'll change the font.
Something a little bolder like Myriad Pro semi-bold.
| | 01:46 |
Make it a little bit larger, about 18
points.
| | 01:51 |
And then I'll press Cmd or Ctrl+B to open
Text Frame Options.
| | 01:55 |
And under Vertical Justification, I'll
align it to the center.
| | 01:58 |
Click OK.
And I'll copy that to my clipboard, I'll
| | 02:04 |
press Esc.
So now I can see both the normal and the
| | 02:07 |
rollover states in the Buttons and Forms
panel.
| | 02:10 |
I'll click the Rollover state because I
want to add that word submit to the
| | 02:14 |
rollover state.
I'll press T on the keyboard to get my
| | 02:17 |
Type tool.
Click on the button.
| | 02:21 |
And paste in the word Submit.
And once again, I have to press Cmd or
| | 02:25 |
Ctrl+B and set the vertical justification
to be centered.
| | 02:32 |
Okay.
And I'll press Esc and just check both my
| | 02:36 |
rollover and my normal states.
They both contain the word SUBMIT.
| | 02:40 |
Okay, let's export this to PDF.
I'll just save it on the Desktop.
| | 02:49 |
And we'll hover over our button, and we
can see it's going to send the data to subscribe@candymakermagazine.
| | 02:54 |
I'll click on it.
And Acrobat gives me a choice of how to
| | 02:59 |
send this email.
I can use my desktop mail application or I
| | 03:03 |
can use a web mail service.
And if I continue, a draft email will be
| | 03:07 |
created with the saved, completed form as
an attachment.
| | 03:11 |
Also note that just to simplify this
demonstration, I made all the other form
| | 03:15 |
fields not required.
Otherwise, I'd have to visit each field
| | 03:18 |
before I could submit the form.
Next we'll add one last bit of
| | 03:22 |
interactivity to our magazine.
An index with links that can be clicked to
| | 03:26 |
navigate to content.
| | 03:27 |
| | Collapse this transcript |
| Creating an index| 00:00 |
One feature your readers will definitely
appreciate is an index, especially if your
| | 00:04 |
magazine is lengthy or complex, with lots
of articles, topics and authors.
| | 00:09 |
The hardest part of building a great index
isn't setting up the end design file.
| | 00:13 |
It's choosing the right set of topics from
your magazine's content.
| | 00:17 |
Fortunately, once you've chosen the topics
for your index, you can build it and the
| | 00:21 |
interactivity will be automatically added.
The topic of building an index in InDesign
| | 00:26 |
is one that could take up several movies.
So if you really want an in-depth look at
| | 00:30 |
the indexing process, I recommend you
check out my course on creating long
| | 00:35 |
documents with InDesign.
In it, I have a whole chapter on creating
| | 00:39 |
and formatting index entries and using
some third-party tools to make up for some
| | 00:43 |
of InDesign's indexing limitations.
But for our magazine, I can just
| | 00:48 |
illustrate the interactivity of an index,
by working with one that I'd already
| | 00:51 |
started and then testing it.
So I have the Index panel open here, if
| | 00:56 |
you don't have it, you can choose Window >
Type In Tables > Index.
| | 01:01 |
And I've already added a few topics and
references to this index.
| | 01:04 |
So let's add a few more.
Let's go to page nine.
| | 01:11 |
And I want to add taffy as a first level
index entry.
| | 01:14 |
So I'll select the word.
And in the Index panel I'll click the New
| | 01:21 |
Entry button.
I'll leave it at level one.
| | 01:25 |
And since I want to indicate the range of
pages for the whole Taffy article which is
| | 01:29 |
three pages long.
I'll select Type for next number of pages
| | 01:34 |
and the number will be three.
I'll click OK and now in the Index panel,
| | 01:42 |
I have an entry for Taffy.
That shows pages 9 through 11.
| | 01:48 |
Now I'll go to page 10 and I want to have
an index reference for this basic taffy
| | 01:54 |
recipe and I'd like it to show up under
the main taffy index entry.
| | 01:59 |
So I'll put my cursor right before the
start of the recipe.
| | 02:01 |
And again I'll click the New Entry button.
And to make the recipe a sub topic of the
| | 02:06 |
man topic taffy, I'll tip open the T list
of topics and I'll double click on taffy.
| | 02:12 |
That sets it as the top level, then I'll
click in level two and I'll type in Basic Recipe.
| | 02:20 |
I'll click OK and now under the main entry
Taffy, I have a sub-entry, Basic Recipe on
| | 02:26 |
page 10.
Now I go to page 13 where I want the index
| | 02:30 |
to appear.
And let's generate this index.
| | 02:33 |
I'll click the Generate Index button.
I'll accept the default.
| | 02:39 |
And here's my index.
I have my new entries for taffy on pages 9
| | 02:44 |
through 11 and then my basic recipe on
page 10.
| | 02:48 |
Now let's export to PDF and test that the
links in these index entries are working.
| | 02:52 |
I'll just export to the desktop, I'll call
it index, and in my PDF I'll go to the index.
| | 03:04 |
Here's my taffy.
Here's my basic recipe.
| | 03:07 |
And the taffy entry has a range, pages 9
to 11.
| | 03:10 |
And both ends of the range are separate
links.
| | 03:13 |
So the 9 is a link to page 9 and the 11 is
a link to page 11.
| | 03:18 |
And I'll click on page 10, my basic
recipe.
| | 03:21 |
And there it is.
So here we saw how index entries are
| | 03:24 |
automatically made into hyperlinks in our
interactive PDF.
| | 03:28 |
| | Collapse this transcript |
| Working with interactive PDFs on mobile devices| 00:00 |
One of the biggest challenges of digital
publishing is that you don't have complete
| | 00:04 |
control over the appearance and behavior
of your publication when it's in your
| | 00:08 |
reader's hands.
Unlike print where you knew your magazine
| | 00:11 |
would look the same to everyone, the
appearance and behavior of your digital
| | 00:15 |
magazine can vary depending on the device
the reader is using.
| | 00:18 |
The size of the screen and the application
being used can create widely varying
| | 00:23 |
experiences for readers.
There are several different ways you can
| | 00:27 |
get your PDF magazine onto a device like
an iPad to be viewed.
| | 00:31 |
Here, I'm using the Google Drive app, but
you could use other methods like iTunes or
| | 00:35 |
Drop Box, or even just sending the PDF as
an email attachment provided that it's not
| | 00:40 |
too large.
And I can actually view the PDF right here
| | 00:43 |
in the Google drive app, although most of
the interactivity will be stripped out.
| | 00:47 |
I'll tap on it to open it, and I can see
that my Navigation buttons are gone, as is
| | 00:55 |
my video, and the links of my table of
contents don't work.
| | 00:58 |
But if I go to page five, the hyperlink
out to Wikipedia actually does work.
| | 01:11 |
And on page 11, all of my buttons are
gone, as are my form filds on page 12.
| | 01:22 |
So, let's try a different app.
I'll choose Open In and I'll open it in iBooks.
| | 01:27 |
Here I have controls covering the top and
the bottom of the pages, but I can tap to
| | 01:37 |
make those go away, and tap to make them
come back.
| | 01:42 |
I can also tap the Contents button at the
top left to view all the pages and navigate.
| | 01:46 |
I have page thumbnails I can drag on and
tap to open a specific page.
| | 01:56 |
I can also take advantage of the search
capability.
| | 01:58 |
So, I can tap and hold on the word taffy
and search on it.
| | 02:09 |
In terms of the interactivity we built in
InDesign, iBooks offers some support.
| | 02:14 |
Hyperlinks work, so, I can use my table of
contents to navigate.
| | 02:19 |
I'll scroll over to the table of contents.
Now, we can tap any of the entries to jump
| | 02:24 |
to the article.
And my index page numbers also work, but
| | 02:30 |
on page two my video is gone.
And on page 11, all the buttons are gone.
| | 02:41 |
And so are the Vavigation buttons we put
at the bottom of the page, and the form
| | 02:45 |
objects on page 12.
Okay.
| | 02:48 |
So, let's go back to Google Drive and try
a different app.
| | 02:55 |
This time we'll open it in Adobe Reader.
In Reader, I can tap the icon that looks
| | 03:03 |
like a page at the top of the screen to
choose a document mode.
| | 03:06 |
So, I can choose Continuous where I can
smoothly scroll through the pages
| | 03:10 |
vertically, or I can choose Single Page
where I can swipe or tap to make the pages
| | 03:14 |
snap into view one at a time horizontally.
Reader shows me the whole page, there's
| | 03:20 |
nothing cut off at the top or bottom, but
unfortunately it also shows all my links
| | 03:24 |
with the blue highlighting around them and
as of the time of this recording, there's
| | 03:28 |
no way to turn that highlighting off.
But on the plus side the links do work, on
| | 03:33 |
the cover, on the table of contents in the
index.
| | 03:36 |
And also, the link at the bottom of the
pages to the table of contents works,
| | 03:41 |
although the back and forward buttons
don't.
| | 03:43 |
But with the ability to simply swipe to go
back and forth, you might consider just
| | 03:47 |
skipping the Page Navigation buttons.
Another downside to Reader is that, as of
| | 03:52 |
this recording, it does not support video.
So, well, I can see the poster image of
| | 03:56 |
the video that I've put in InDesign, I
can't play it.
| | 03:59 |
And on page 11, my buttons don't work.
I can't tap on them to reveal the recipes.
| | 04:09 |
And on page 12, I do see my form fields,
but they have some really unattractive
| | 04:13 |
highlighting and some other display
issues.
| | 04:15 |
Now, let's go back to Google Drive one
more time, and this time we'll open our
| | 04:21 |
magazine in the PDF expert app.
In PDF Expert, there's a little content
| | 04:33 |
cutoff at the bottom, but not too much.
Also the links to the articles don't have
| | 04:37 |
that blue highlighting.
This is a preference you can set in PDF
| | 04:40 |
Expert for hyperlinks, buttons and form
fields.
| | 04:44 |
In the magazine, all the links work, as
does the button to navigate to the Table
| | 04:47 |
of Contents.
And on the Table of Contents page, the
| | 04:51 |
video even plays.
Although the controller is different from
| | 04:54 |
what we set inDesign or Acrobat.
Also in PDF Expert, the buttons to go
| | 05:01 |
forward and back one page at a time do
work.
| | 05:09 |
If I scroll to page 11, I see my buttons
but they don't work.
| | 05:19 |
I can tap on them but no recipes appear.
And on page 12, PDF Expert will let me
| | 05:26 |
fill in my form, and it will remember
which fields were required.
| | 05:30 |
Although my Submit button doesn't look
very good, and clicking it will submit the
| | 05:35 |
entire PDF not just the form.
You can get around this in PDF Expert, by
| | 05:40 |
tapping the Pages button, tapping Edit,
selecting the page with the form and then
| | 05:49 |
tapping Mail.
So, here we saw how the support for
| | 05:57 |
interactive PDF varies widely in different
mobile apps for the iPad.
| | 06:01 |
Some like PDF Expert, support most of the
interactive features we've built into our
| | 06:06 |
magazine, including links, forms, simple
buttons and video.
| | 06:10 |
But others like iBooks or Adobe support
fewer features.
| | 06:14 |
Of course the story's always changing and
apps will continue to evolve with new
| | 06:18 |
features and capabilities.
The most important thing to remember is
| | 06:21 |
that you have to view and test your
magazine on a mobile device with the apps
| | 06:25 |
your readers might use in order to tell
what their experience is going to be.
| | 06:29 |
Your testing should guide you on choosing
how to design your pages and what
| | 06:33 |
interactive features to include.
| | 06:34 |
| | Collapse this transcript |
| Fixing interactive PDF problems with Adobe Acrobat| 00:00 |
Although InDesign has a good set of tools
for creating interactive PDFs, it's not perfect.
| | 00:05 |
From time to time, you might encounter
problems such as appearance changes,
| | 00:09 |
bloated file sizes and interactive
elements that just don't work.
| | 00:13 |
The good news is these problems can be
fixed after you export the PDF.
| | 00:17 |
So, let's see how.
One issue that's sometimes a concern for
| | 00:21 |
people making and distributing PDFs from
InDesign is file size.
| | 00:25 |
Occasionally InDesign can create some
inexplicably bloated PDFs from what seems
| | 00:30 |
like a relatively simple layout.
So, let's look at some ways to reduce PDF
| | 00:34 |
file size.
Your first option is to carefully consider
| | 00:38 |
the PDF settings you use when you export
from InDesign.
| | 00:41 |
When I chose to export an interactive PDF,
I only get one dialogue box of settings
| | 00:46 |
here to adjust.
But there are a few things here that you
| | 00:48 |
can tweak to see if they reduce your file
size.
| | 00:51 |
Usually the biggest effect on file size
can be had by adjusting the image handling
| | 00:55 |
settings down here, specifically the JPEG
quality and the resolution.
| | 01:00 |
These can both have a big impact on file
size, but there's a cost.
| | 01:04 |
A PDF that doesn't look very good isn't
worth distributing.
| | 01:07 |
Still if you care about file size it's
worth doing some experiments with your files.
| | 01:12 |
Exporting the same document with different
image settings, and noticing the
| | 01:16 |
difference in file size.
You may be able to get away with a lower
| | 01:19 |
quality resolution without seriously
harming the look of your magazine.
| | 01:24 |
Once you have your PDF in Acrobat, you can
use the PDF optimizer features.
| | 01:29 |
Here I can go to File.
Save As.
| | 01:31 |
Optimized PDF.
In the dialogue box, click Audit Space
| | 01:37 |
Usage to see what exactly is making your
PDF large.
| | 01:40 |
Then you can target that aspect of your
document.
| | 01:43 |
In this case, I can see that almost 90
percent of the file size is coming from
| | 01:47 |
the embedded video.
And the images.
| | 01:49 |
Another common PDF job is to clean up
problems with form fields.
| | 01:57 |
Here in my subscription form I pretty much
have things the way I want them to be.
| | 02:01 |
But Acrobat offers me a lot of options for
tweaking the function and appearance of
| | 02:05 |
form fields.
So I can just go to tools Content, add or
| | 02:11 |
edit interactive object, select object,
and then I see all my form fields with
| | 02:16 |
their names.
I can click and drag over them if I want
| | 02:19 |
to and then right click and choose
Properties.
| | 02:23 |
Here I can set things like whether they
are required or not...
| | 02:27 |
I can change Appearance attributes like
borders and fills.
| | 02:30 |
I can set different font sizes and fonts.
I can even limit the number of characters
| | 02:36 |
I allow in a field, something you can't do
in InDesign and control the alignment of text.
| | 02:44 |
Another thing you can do in Acrobat is to
fix a combo box form field.
| | 02:48 |
A combo box is like a list box, in that it
let's a user pick from a list of choices.
| | 02:52 |
But it's also supposed to allow the user
to enter their own text, like a text field.
| | 02:57 |
Hence the name combo box.
Unfortunately, combo boxes exported from
| | 03:01 |
InDesign don't allow the user to enter
custom text.
| | 03:04 |
This is a bug.
But you can fix this in Acrobat.
| | 03:07 |
With the Select Object tool, you can
double click on a combo box like this
| | 03:11 |
expiration year, and go to Options, and
select allow user to enter custom text.
| | 03:21 |
Links are another thing you can easily fix
in Acrobat.
| | 03:24 |
Again with the Select Object tool I'll go
to the next page, my index, and I can see
| | 03:30 |
all the hyperlinks to my index items.
You can change the destination or you can
| | 03:35 |
simply change the clickable area, so for
example if I wanted this link on chocolate
| | 03:39 |
to encompass the entire word or the page
number, I can set that...
| | 03:46 |
I'll switch back to my Selection tool.
And now I can click the whole word if I
| | 03:49 |
wanted to.
Cleaning up the bookmarks pane is also
| | 03:53 |
something you might want to do.
Removing unwanted bookmarks that snuck in
| | 03:56 |
with the table of contents, that was
created in InDesign.
| | 03:59 |
Or re-arranging or adding new bookmarks.
>>I can open the bookmarks pane and if I
| | 04:05 |
want to get rid of these article subtitle
bookmarks I can just right click on them
| | 04:09 |
and choose delete.
And I can add additional ones.
| | 04:17 |
I'll scroll up to page four.
I'd like to add a bookmark for the
| | 04:21 |
workshop here so I can just press command
or control B.
| | 04:26 |
Add the workshop, and drag it into place,
inside the mastering the art of boiling article.
| | 04:38 |
And actually it should come above, the
stages of sugar boiling.
| | 04:45 |
Sometimes they can be a little tricky to
drag exactly where you want them but keep
| | 04:48 |
at it.
You'll get them.
| | 04:51 |
So here, we saw how to use Adobe Acrobat
to fix issues in your PDF magazine that
| | 04:55 |
are either more difficult or simply not
possible in InDesign including adjusting
| | 05:00 |
the properties of form fields, hyperlinks
and bookmarks.
| | 05:04 |
And we also saw how to use Acrobats PDF
optimizer.
| | 05:07 |
And in design PDF export settings, to
reduce file size.
| | 05:11 |
And there's one last thing to remember if
you don't want to drive yourself crazy
| | 05:15 |
redoing PDF touch up work.
Do as much as possible to be sure your
| | 05:19 |
content and design are finalized before
you export the PDF.
| | 05:24 |
Otherwise you'll find yourself making the
same fixes over and over again in Adobe Acrobat.
| | 05:29 |
| | Collapse this transcript |
|
|
