Click on any phrase to play the video from that point.
[Adobe Digital Publishing Suite] [Previewing on Devices]
[Terry White] [Principal Evangelist] Hello, my name is Terry White,
Worldwide Design Evangelist for Adobe Systems,
and I'm here to kind of solve some of the mystery behind creating, viewing,
and sharing your folio files from InDesign using Adobe's Digital Publishing Suite.
Now, of course, the Digital Publishing Suite is designed for larger publishers
or medium-sized publishers that want to create publications
and distribute them and monetize them.
However, that doesn't stop the individual user from creating a single folio file
as a test or as a demo or their own personal portfolio
and sharing it with others.
So, I'm going to show you exactly the steps to do that once you've got
your InDesign files built right here in InDesign without having to buy anything,
without having to leave really InDesign other than to look at it on your device.
So, let's go ahead and take a look.
So, I'm not going to spend any time today showing the process of building the actual files
because we've done that before in several other tutorials.
This is more about getting your folio uploaded and viewing it on your device.
So, in this case, I have 2 InDesign documents open.
I have the cover, which is an InDesign document all by itself,
just one page in a vertical landscape and a horizontal view as well.
So, I have both views ready to go.
Now, I'm going to head over to my Folio Builder panel,
and that is available in InDesign CS5 and CS5.5, and it's under your Extensions menu.
So, if you go to Window, Extensions, you'll see the Folio Builder there.
So, you're going to go ahead and bring up the panel, and in my case,
since I am provisioned on the publishing server, I have multiple folios available
that I've created in the past.
But without having to be provisioned, without having to do anything extra,
you can build one folio, and we're going to do that right now from scratch.
So, I'm going to go ahead and say "Create New Folio File"
right here at the bottom of the panel.
And when I do that, it's going to ask me the folio name,
and this is the name that I'm going to see inside the panel itself.
So that we know which one it is, I'm just going to call it "Adobe TV Folio Builder Demo."
That way we're clear on which one it is.
And it will automatically default to 1024 x 768, which is great for the iPad,
and we'll click "Okay" and that will not only build our folio, or take us into our blank folio,
and the other folios are over to the left.
So, it's taken us in, and it's ready to go.
So, think of the folio as the container for your InDesign files,
so we built the container, and now we're going to go ahead and load it up
with the files that we want people to be able to thumb through and read.
So of course, we want to start with our cover, and that's important
when I say "start with the cover" because you want to build these
in the order of your publication.
So, as you add different articles, which are your InDesign files,
you want to add them in the order that people will be viewing them,
so of course, I want to start with the cover.
I'm going to come down and click the "New Article" button.
So first, we did new folio. Now, we're doing new article.
And when I create the new article, I can give it a name.
Of course, this is going to be just so I can know which one's which.
I'm going to call it "Cover," and we'll click "Okay."
And it will automatically assume that you want to load
the document you currently have in view.
So, it's going to take the vertical version of my cover and upload it to the Adobe cloud.
Now, of course, that will depend on the speed of your internet connection
and the size of your files and graphics and everything that you have loaded in it.
So, it's taken me in, and it's created this cover article,
and you'll notice to the right there's a little arrow to drill down into that cover
because although we uploaded the vertical version,
we still haven't uploaded the horizontal version, and I just want to make that point clear
is that--I had a customer ask me "Well, do I really need to create both versions?"
Or "I thought it would automatically rotate."
And that person was actually confusing it with ePubs.
EPubs, it is one version. Your device will rotate, the text will expand.
But for a digital magazine or a digital publication,
you don't want things shifting around when the person turns the screen.
So in this case, you would create both versions, the horizontal and vertical version.
Now, you don't have to create 2 versions.
If you want a strictly vertical publication or a strictly landscape or horizontal publication,
you would just create all the files in one orientation or the other.
But if you want someone to be able to turn one page,
then you have to be able to turn all the pages, and therefore, you have to create
all your articles both horizontally and vertically.
So, you have the option. You can do either/or, but you can't mix.
It has to be one or the other.
I'm going to go ahead and drill down into the cover,
and we will see the portrait layout.
Now, at this point in InDesign, I can switch to the horizontal view,
and I can go ahead and just say "New Layout."
So since I--first we were doing new folio, then new article,
now we're in an article, so it would be a new layout.
And again, it will automatically start the upload process,
and now it's got both the portrait and landscape views ready to go.
So at that point, we've created our first article, horizontal and vertical,
for our Adobe TV folio.
We're going to go back one level back to the level of articles,
and I can click on this, and I can actually also go in and give it properties.
So, if I go up to the flyout menu here, I can go to Properties,
and I can actually give it the name that people would see in the publication itself.
So in this case, maybe I'll just call this one "Cover,"
and this would be what they would see in the table of contents, for example,
on their device.
And you can put in whatever description you want.
"This is the cover."
And it will automatically generate thumbnails, but you can pick a different thumbnail
if you want something--a better graphic that you created
maybe that looks better smaller for your previews.
And by the way, if this were an advertisement,
you might want to check off that it's an advertisement
so that it doesn't show in the table of contents.
You just want people to see all your articles, and they will flip through and see the ads.
But it's your choice.
So, we'll click "Okay," and now that article is done.
Now I want to load the next article, and this is another point of confusion
that people had in the past is do I need to open up those files now?
Or can I just--they're already done, they're on the hard drive.
Can I just load them in?
And the answer is, you don't have to open them first.
If you go up to your flyout menu once again, you can do an import.
This means that the InDesign files are done.
They're ready to go. They're sitting on the hard drive.
I have both the vertical and horizontal layouts.They're in a folder.
All I have to do now is just go find that folder and load them in.
So, I'm going to say "Import Article."
I can do a single article or multiple articles.
We'll do a single article, and this is going to be the "2 Wheels Good" article.
And now it's just asking me where's the location of those files, those InDesign files?
So, I'll pick the location, and I want to point something out here that's very important.
Now, this folder containing my "2 Wheels Good" article
is buried or nested in several folders.
So, you want to make sure that when you select the folder that contains your article
that you don't go any further.
You're not trying to actually select the InDesign file itself or the Links folder.
You're selecting the main folder that contains that horizontal
and vertical view of your document.
Also, you'll note that the file name ends in _h and _v for horizontal and vertical.
That's important, because InDesign knows what the orientation is
when you're doing it with the InDesign document open.
But if you're importing it, it's best to have those last parts of the file name on there
so it knows which one's which.
Also, you'll notice little PNG files here, or PNG graphics.
These are the little thumbnails that, again, the person would see in their device.
So, we're going to go ahead and just say "Open" that.
And then once we click "Okay," what InDesign will do is it will start the upload process
just like we did before when we were uploading manually from the documents that were open.
But now, it's going to the folder, grabbing those 2 files,
uploading them both at the same time, and again, this is going to be dependent on
speed of your internet connection, size of the files, how many pages,
what kind of graphics you put in it, did you put in movies,
all of that is going to impact how long this upload takes.
So, to be realistic, give yourself some time if you're trying to upload
a large folio or large articles that have movies or other items in it
that are interactive that may take a while to upload.
All right. So, once your folio is uploaded,
there are a couple more things I want to check
before we head over to your device to check it out.
So, we uploaded this "2 Wheels Good" spread or article
from a folder that was on the hard drive.
So again, I'm just going to select, just one quick check of the properties, and again, same thing.
We're going to put in a title.
This will be the title that it actually shows on the device for the table of contents,
"2 Wheels Good" article--or let's call it the "Meridian City Article."
Okay. And again, you can put your byline in, so who is this by?
[Terry White]
And that's it. It's not an advertisement, so we're good to go.
Now, the next thing we need to do is I'm going to back out one more level,
and that will again show us our list of folios, and you're only going to have the one for free,
so you're only going to see the one listed there.
And I'm going to go ahead and select that.
And again, we'll do properties on the actual folio itself
because we have to give the publication a name.
And again, we'll just call this the "Adobe TV Folio."
And last but not least, since we started this kind of from scratch,
there were no thumbnails that it can pick up from, so we're going to go ahead and load in
kind of the same thumbnails that we used for the cover, and these are just the .PNG files,
the little 70 x 70 pixel files or small files that you want to use as your thumbnails,
and you can make those in Photoshop, you can use screen captures,
you can do whatever you want.
So, I'm going to grab the vertical one,
and this is just the visual representation of it so that when you're looking at it on your device,
you'll know which publication is which.
And then we'll grab the horizontal view of it.
And they can be any graphics you want, doesn't have to be the actual cover,
but of course, the cover would probably make sense.
And we'll click "Okay," and now, everything is in the Adobe cloud.
So, that means that I don't have to plug in any wires.
I don't have to do any kind of weird transfers.
It's all there. The folio is built. You've done it all.
So, once you've got your folio uploaded to the Adobe cloud,
then we can head over to your device to actually take a look at it
in the free Adobe Content Viewer.
And it could be any one of these devices.
It could be an Apple iPad.
It could be a BlackBerry PlayBook.
It could be an Android tablet such as the Motorola Xoom.
And the Adobe Content Viewer is available on all the platforms that I just mentioned natively,
so you would just head over to your platform's app store
and download the free Adobe Content Viewer 1.8 or higher
to be able to be compatible with the folios we just built.
So, from that, we can just go ahead and head over to the device.
And as you can see, I have the Adobe Content Viewer here,
the icon here for it, 1.8 or higher.
We'll just go ahead and tap, and it's going to ask you to sign in
with the same Adobe ID that you signed in with your folio builder.
And since I'm already signed in, it says there's an Adobe TV folio now available.
So, when I click "Okay," it lists it there in the upper left-hand corner
as my new folio, and it says that I can download it, because again,
it logged into the cloud using the same Adobe ID, which is free,
that you logged in with your folio builder, same one you logged in
with the Adobe Content Viewer app.
So, it sees the folio you uploaded, and now you can go ahead and start the download process
onto your device of choice, so this could be an iPad, again,
an Android tablet, or a BlackBerry PlayBook.
Now, of course, just like it took time to upload the folios and the articles
and things that you created, it's going to also take time to download that onto the device.
So, depending on how big your folio is, how many articles you have,
how many movies you have, it will take that much time and that much space also
depending on the speed of your internet connection.
Okay. So, our folio is downloaded.
I'm here on the Apple iPad using, once again, the free Adobe Content Viewer 1.8 or higher.
And I'm going to go ahead and tap "View" to view the folio,
and it's the exact InDesign document, the exact folio that we built
using the folio builder on the computer,
and we're looking at the vertical view, but at any point,
we can go ahead and turn the device horizontally and see the horizontal view.
And the important part to note here is that the reason why you have to build those 2 views
is because the layout is so different going from tall to wide.
You want things to be where you want them to be.
You don't want the computer trying to figure out by reflowing the text where things would go.
So, that's why we do both layouts, so if we go back horizontal,
remember, we also uploaded a second InDesign document,
a second article, and you go from article to article, left to right.
So, we just swipe over, and there's our second article.
Now, if that article has multiple pages--in the case of this InDesign document,
the cover was just one page, but this one has multiple pages--
then it's up and down to go between the pages.
So, I can go to the third page here. The third page has some interactive elements on it.
I can swipe to turn that bicycle 360 degrees.
I can go--there's a movie I can play.
That movie will start playing.
And again, if I had set that movie to go full screen, it can go full screen automatically,
or I can make it go full screen whenever I want.
So, tap "Done," and we can go ahead and keep swiping, and you get the idea.
We have our slideshows that we can tap to play.
We have our photo that we can pinch and zoom and pan around in.
These are all examples that I've shown in the past of interactive elements
that you can do using the Overlay Creator that's in InDesign CS5 and CS5.5.
So, with that, what about sharing?
We've got this on our device.
We've got it on our Apple iPad, our BlackBerry PlayBook,
or our Motorola Xoom or other Android tablet.
But now, what if I want someone else to be able to look at this on their device?
So, let's head back over to InDesign and take a look at how we'll share it.
So, here I am, back in the Folio Builder panel.
This is where all the action happens.
And I'm satisfied with the folio, the way it looks on my device,
but now I want other people to be able to look at it on theirs.
And the beauty of this is although I can only create one folio for free,
I can share it with an unlimited number of people.
So, if I create, for example, my portfolio,
and I want to share it with customers or clients or potential clients,
I can go ahead and share it with as many people as I want.
The way I do this is with the folio selected, go to that same flyout menu,
and there's a Share option.
And once I click "Share," I get the ability to key in as many e-mail addresses as I want,
type in my message or my title and my message and off it goes.
They will get a link in an e-mail letting them click to go look at your folio file.
Now, it's important that they also have--if they're going to look at it on a device--
the free Adobe Content Viewer.
So, that's the best way to do it so that they see the exact same experience
that you did, but again, they don't have to have the exact same device
because this works across all the platforms I mentioned, Apple iPad,
Android tablets, including the Motorola Xoom,
and of course, the BlackBerry PlayBook.
So, with that, I hope you can now go out, create folios,
create your own folio, share it with as many people as you want,
look at it and show it off on your own device, and then,
if you're really interested in this technology, head over to our Digital Publishing Suite page
where you can find out more about creating your own digital magazines
and monetizing them and getting them on app stores to be able to be sold.
So, with that, once again, my name's Terry White.
Thanks for watching this video and take care.
