Click on any phrase to play the video from that point.
[Learn - The How To series from Adobe]
[video2brain - World-Class Training]
In a typical DPS layout, you're going to build your documents
to match the dimensions of the device.
But when you work with multiple pages in this situation, you get a page quality,
you get a snap to each one of those pages as your readers go through the article.
We're going to take a look at a slightly different approach to that,
something called a smooth scrolling article.
I'm going to go into the Digital Publishing folder, Articles Start,
Pages, Smooth Scroll,
and I want you to notice that I have 2 InDesign files here with the file suffix _h and _v.
That's the horizontal and the vertical.
Those are the layouts that are part of this article,
and they're all sitting in a parent folder.
This is the article folder, and that's going to be important in a few minutes.
I'm going to open both the _h and _v layouts, and let's take a look at these.
What you're going to notice right off the bat is these documents
were not built at your standard 1024x768 dimension,
which is what I typically use when I design for an iPad in DPS.
Instead, these 2 files have been built so that the width of the file
matches one of the dimensions of the iPad.
If we take a look at my _h or the horizontal document,
when we take a look at the document setup, we're going to see the width
matches the width of the iPad when it's held horizontally.
The height could be just about anything you want.
Of course, if you make it really huge, your files are going to be really huge too.
So work within a little bit of control here.
This is the horizontal layout, and when I say horizontal
I'm talking about the orientation of the device when I read it.
Let's take a look at the other document.
If we look at the vertical document and look at Document Setup,
we're going to notice the width matches the width of the iPad when it's held vertically.
And then the height can be whatever I want.
The designs for these 2 layouts might be similar; they might be very different.
They could be completely different if you really wanted.
The cool thing about a smooth scroll experience is it's a different way of telling the story
that you'd find in an article.
It's a continuous experience as opposed to a snapped page type of an experience.
So let's go ahead and build the folio.
I'm going to go to the Folio Builder panel.
I'm going to build a new folio. I'm going to call this one Smooth Scroll.
The size of this folio is going to be 1024x768.
That's the dimensions of the device that I'm targeting.
I'm going to go with the default options for the others.
And now it's important to note that in the articles level if I attempted
to add this current active document as an article, the Folio Builder wouldn't let me,
and that's because the aspect ratio of this file does not match the 4x3 aspect ratio of an iPad,
and that's the basis of this folio.
So the way you bring smooth scrolling content in is by importing.
I'm going to go ahead and close both of these files so it's really clean and clear
that we're now going to go and import an article.
Let's call this one Smooth Scroll.
And we're bringing in a single article. Let's talk about the location.
Now I go to the desktop on my machine, Digital Publishing, Articles Start, Pages,
and I select that Smooth Scroll article folder.
We can see the _h and _v inside.
Those suffixes are critical for the import.
That way, the Folio Builder knows which file to use for which orientation.
I click Open and OK and now the contents of those 2 files
is being uploaded into the DPS system,
the folio is being built, the articles are being built,
and because of the dimension matching one of the dimensions of the folio
and the _h and _v, we're going to get the right layout when the device is oriented
1 particular way.
I'm going to go ahead and click the Preview button here,
and we're going to take a look at this in the Desktop Content Viewer.
In the Content Viewer we're going to see a different experience in the page.
Instead of snapping and jumping to a page, we get this nice smooth scrolling experience.
I'm going to scroll all the way back up to the top,
and now when I press R on the keyboard, I see the other orientation
and again I get this nice smooth experience as I move down through the content
and read the article.
That's what smooth scrolling does for you, and that's how you build the documents
and import them, add them to a folio.
It's also important to note that if I come back to the Folio Builder
and select that Smooth Scroll article, I can go take a look at the properties for it.
Of course, this is where I could add the title, but the thing that I want you to notice
is there's a smooth scrolling option here.
The Folio Builder was smart enough to realize that because the dimensions,
the horizontals and verticals, had 1 dimension that matched the qualities of the iPad
that I was designing for, it's decided to smooth scroll in both dimensions.
But you could design it so that you only get smooth scrolling
when the device is held horizontally or only vertically,
and it's important to note that the directions referred to in this drop-down menu
are the orientation of the device, not the document.
So if you were to choose horizontal only, that would only give you smooth scrolling
when a device was being held horizontally.
So there you go. That's how you can work with a different type of page construction.
Instead of multiple pages that snap, you use a single page that's long,
and you tell the story in a different way using smooth scrolling systems.
Give it a whirl.
It's really sort of fun to work with, and the key is the naming structure
and using the import feature in the Folio Builder.
