Publish from InDesign to your iPad Wirelessly

[♪♪] [Adobe Creative Suite] [Podcast] [♪♪] [Learn CS5] [♪♪] [with your host] [♪♪] [Terry White] [♪♪] Hello and welcome to another episode of the Adobe Creative Suite Podcast. My name is Terry White. In this episode I finally get to show you how to create your own .folio files for your tablet devices, whether it be an iPad or an Android tablet. So when I last showed you the Digital Publishing Suite, it wasn't quite finished yet. It hadn't shipped, it was kind of still in the beta stages. But now I get to show you how all the final tools work and how they look. So let's dive in and take a look. The first thing I just want to recap real quick is that both the Overlay Creator panel and the new Folio Builder panel are now built in to the InDesign application. So that means that you no longer have to run separate utilities to do these functions. You will find them, as they always are, under the Window menu in their respective categories. Since these are extensions, they will be in the Extensions category. So you'll find your Overlay Creator and your Folio Builder. If you're installing InDesign CS5.5 for the first time, the Folio Builder panel will most likely be blank, but there will be a link right on the panel to go download your copy of the Folio Builder tools and the updated tools to create your folios. If you're an InDesign CS5 user, you will be able to go to the adobe.com Updates page and again find your Folio tools for InDesign CS5. All right. So now that we've covered that, just real quick the Overlay Creator panel allows you to create the things that are interactive in your particular folio file for your tablet. So you can do hyperlinks, slideshows, image sequences, audio and video, panorama views, and web content. And again, these are context-sensitive, so if I just draw a frame out, notice it highlighted the ones that I can do with an empty image frame. So for example, I can do an image sequence, panorama, or web content. If I highlight some text, for example, then it will highlight or activate the things that I can do with text. It looks like that is locked. So let's go find some text here. There we go. So I would be able to add a hyperlink where I want to add hyperlinks into for my text. In this particular case, we have an object here that's an image sequence, and again, it just drilled down to that image sequence to show me what's there. Now I'd be able to manipulate the controls for that image sequence. So you might remember this is the bike that spins or rotates 360 degrees, and it's just linking to a folder of images that are taken at each angle as the bike was rotated, and then InDesign will turn that into an image sequence that a user will be able to just tap and play or swipe to spin the image around. So now that we've covered that, let's step back a moment. Let's close this document. We're not going to make any saves here. We're going to just start off with our cover. So we have a cover for our Local Magazine Fall, and I have both the vertical and the horizontal versions of that. If I want the user to be able to turn their device and see both versions, I have to create both versions, and therefore, I have to put things on the respective versions or orientations where they would look best. In this case I had to make the masthead a little bit bigger for the wider display versus smaller for the taller display. So you will have to do some tweaking on your own. Now that I've got both of those versions, let's start the folio building process. I'm going to go to my Folio Builder panel. I am already signed in using my Adobe ID, my acrobat.com ID, if you will. And what I'm going to do is go ahead and create a brand new folio. I have two existing ones here that we'll take a look at the final one, which is the Local Magazine Fall on the device, but I'm going to show you how to create one from scratch. Let's go ahead and create a new folio. We'll call this one, just so we'll know the difference, Local Mag Fall Creative Suite Podcast, so CSP so we'll know which one that is. And notice that it's got the defaults for the iPad display, so 1024x768. It's going to do an automatic image format, it's going to do a high quality JPEG when it needs to. So we'll click OK, and it just drilled down into the folio. So it created it and now it's in the Articles area of the Folio panel waiting for us to create new articles. Articles are what we used to call stacks in the old beta and previous versions of the folio building tools. So we're going to create a new article for the cover. It comes up and it says, "What do we want to call this one?" I think Cover will be sufficient. So we'll do Cover and it will automatically assume that you want to import the current document that's open. So not only did it create the cover article, it is now importing and uploading the article cover that we just had open here. So now if I drill down into that cover, we will see the portrait layout. Before, you used to have to name your documents underscore V for vertical or underscore H for horizontal. That doesn't matter anymore. It will just take the document that's open, and it knows to make that one a portrait one. If you do still have them named the old way, that's fine. That still works too. Of course that's just the portrait layout. I still have the horizontal layout over here that I would like to incorporate as well. So we'll just go ahead and just switch to that document and click New. And then that will go ahead and upload the landscape view of the cover as well. And just a second there. So now both versions of that one article have been uploaded. I can go back a level. I can go back to the Local Magazine Fall folio, and I will see the Cover article, and of course I get the ability to create new articles. So now I'm going to do an import. We created a new one based on the documents that were open, but what if I want to add documents that I don't currently have open as a new article? And that's exactly what I want to do. So I'm going to go ahead and create an import. It's going to ask me do I want a single article or a folder with multiple articles in it. I'm going to go ahead and stick to a single article for now. We're going to call this one the Campus Ad. This is going to be an advertisement. The same image quality settings, but it's going to ask me now, "Where are these InDesign files?" because it doesn't see them or I'm not choosing ones that are open, so it wants to know where I have them located. I have them located in the University Ad folder. Once again, there is the horizontal and vertical versions there with the links and document fonts and everything, just as you would get it if you packaged up the InDesign files. So now that I've selected that folder-- again, I don't have to drill down any further; it knows to pick up any InDesign files in that folder--we'll go ahead and click Open, click OK, and it will just go into that folder--it does not have to open them up in InDesign-- and it will go ahead and begin the uploading process. It's already done. So I can go ahead and drill down on Campus, and I can see both the landscape and portrait layouts that it auto detected and imported as well. One more thing before we leave InDesign and head over to the Folio Builder or the Folio Producer on the Web. I just want to point out what if you made some changes to your documents? For example, let's say I saw something now on the cover that I want to tweak or change. How do I do that? Let's go here and let's say I wanted to move that up just ever so slightly using my arrow keys. And now I've got that cover that's been updated. I can go into the flyout menu, and I can just say Update and it knows to pick up the document that I currently have open and update the one that's already been uploaded. So I don't have to delete it and re-upload it. It will just allow me to upload it, rename it, as well as getting into the properties. So let's do that. Let's go into the Properties for this one article. The Properties is basically where you go in and you start naming each of your articles and giving it a little bit more metadata. So in this case we're going to call this one Cover. It's the Fall Cover. We can do the byline if we want, and we can call this one-- the kicker will be Creative Suite Podcast (CSP). There we go. So click OK, and now that's done. So we'll do the Campus Ad. We'll go into the Properties for it with the flyout menu from the Folio Builder panel. Once again we'll call this one--actually it's the University Ad. And it's an ad, and we want to make sure that we check off Advertisement. This is one of those features that was kind of hidden before where this keeps it out of the table of contents in your folio. So we'll just say that this is by the university. Okay. And again, we'll make that the Creative Suite Podcast (CSP) on the kicker. So we'll click OK. At this point we can continue adding more articles, whether we have open documents or ones that are already in InDesign. But that procedure would be exactly the same, so I don't need to keep going through it over and over and over again. Let's head over to our web browser. In my web browser I'm already logged in to the new website. The new website is called digitalpublishing.acrobat.com Again, you're going to log in to this with your same Adobe user ID. This is where you will get your Folio Producer, and this Folio Producer is where it will show you all the folios that you've uploaded so far. So we'll see the two that I had there already, and we'll see the new one that we just uploaded, which is the Local Magazine Fall Creative Suite Podcast. That's the one we just put there. So we can go ahead and give this a name, Local Magazine Fall. We can give it a folio number. Let's give it Folio Number 4. We can give it a description, For the Creative Suite Podcast. And here's something a little bit different here. We have to give it a preview file, or basically a thumbnail. So these thumbnails now, you get thumbnails automatically generated for each article, but this is the one that will show up in the device that you're going to view this on. So we're just going to pick a file. Again, you create these ahead of time. They could be JPEGs or PNGs or whatever you want. I'm going to grab the one that I created earlier, which is just a screenshot of that Local magazine as a PNG file, just using the System Screenshot feature, and we'll just go ahead and grab that one. It will upload it, and once that's uploaded we'll grab the horizontal one as well. It takes a second or two to do that. There it goes. It's done. Let's grab the horizontal one. It even lets you grab them from different sources, so you can grab it from Flickr or grab it from Google, grab it from the Web or your computer. I'm going to go ahead and grab the horizontal one. Those were just my simple screenshots of what the covers look like in InDesign. At this point I could open it and I could drill down further. I could do any testing I want. What's nice about this is this is, if you remember, the old Builder tool that was an AIR application. This is kind of that workflow where you see your builder, you can rearrange your files. You can't do any rearranging of your articles in InDesign because it's treating them article by article. But this is where you're actually building the full folio. So I can drag and drop around to move around. I can also preview the landscape versus horizontal. I can increase or decrease my thumbnail size. And if I had multiple folios, this is where I would do all my sorting and any extra properties that I forgot to add. So just a quick way of checking your work just to make sure it's organized the way you want before you send it off. At this point it is ready to go. When I say ready to go, that means that as long as I'm logged in with my same account on my iPad or my Android device, I will now be able to see that folio in the free Adobe Content Viewer. But let's take it one step further, and this is the question I get a lot. What if you now want to share this folio with others? Here's how it works. This is all tied to acrobat.com We're just in digitalpublishing.acrobat.com But if you go to the regular acrobat.com account, you will see your folio as a workspace. I just created this, and it's already updated. It shows me as the Local Magazine Fall Creative Suite Podcast workspace. With your free acrobat.com account, you get one workspace. So you will be able to share one folio at a time with as many people as you want. There's no limit on the number of people you share it with, but you'll only get one folio per free account. If you want to do more folios and share multiple ones with multiple people, then you will have to sign up for a subscription to acrobat.com So there are two subscription levels, or actually three if you count free. There's the Basic one and the Plus version. So here is the difference. The basic one will give you 20 shared folders. Those are your workspaces. And the Plus one will give you unlimited, so that means you can create as many folios as you want and share them freely amongst your friends and colleagues and whoever you want. So again, it's a monthly or annual fee for the hosting of those folios. And of course you can use all the other benefits of acrobat.com, including your meeting rooms and sharing files and creating PDFs and so forth and so on, including CS Review. Now let's go ahead and take a look at sharing that workspace. I'm just going to go ahead and say Share Workspace, and it shows me the articles that are in that folio. I'm just going to go ahead and share the entire workspace. This is where I would either type in the email addresses of all my friends or I would just paste in a list. Once I have the list of friends ready to go, I can then just give a message, "Hey, check out my new interactive publication," and I'll hit Share. Of course all the people I share this with will get an email, and then they'll be able to go check it out either online in acrobat.com or, more importantly, on their iPads or Android devices by signing in to the free viewer. So now what we're going to do is we're going to head over to the devices and take a look at all of what we just did. So let's do that. Let's head over to the panel here where I've got an iPad 2. The iPad 2 is just sitting here waiting to go. I'm in a folder where I have the free Adobe Viewer, which is available on the App Store today. So we'll go ahead and tap it. Notice it's updating the library. That means it's looking at my account and seeing if there's anything new. And there it is. A new Local Magazine Fall 4 is now available. That's the one we just created. So at this point I'll go ahead and download it. It's bringing it in wirelessly over the Web, so that's tying in to my acrobat.com account, it's going to download that file, and I'll then be able to navigate and view it and do any other interactivity that that particular file has. So it's here. I can go ahead and view it now. There it is. I can go ahead and go between the two articles that we created. And of course it works in both portrait and landscape view, as you might expect, because we created both versions of it. So we have both versions available for the user to check out. If I get out of that real quick--let's go here, let's go home--I have the original one. Let's go ahead and download that one. The original one is the one that I created earlier. It's got the same two articles we just did, plus it's got the larger article that's got all the interactivity that I started off showing in the first place. Let's go ahead and wait a second for that to download. Of course that new one also has a video in it. Okay. Now that that's downloaded, we'll go ahead and just tap the View on it. Again, same publication we saw earlier with the same two articles but with the additional article that we saw when I first opened up InDesign. And again, this is the one with the bike that is an image sequence that rotates as well as an Internet file that will show me the latest version of that web stream video that can play fullscreen or inline--our choice-- and all of the other benefits of the Digital Publishing Suite, including slideshows, pinch and zoom, pan and zoom images, and image stacks that will change or update based on what we choose. We've seen this on the iPad a few times. Are there any other devices it works on? The answer is absolutely yes. So we'll just slide the iPad out for a second and we'll slide in a Motorola Xoom. The Motorola Xoom has the same folio file in it, again with the same interactivity, which means I create it once and I can deploy it multiple platforms just by creating the folio file to start with. So we'll go back. Same experience. Okay. So now that begs the question, "What about the one we shared?" "What does that experience look like?" Let's take the Motorola Xoom out and let's bring in another iPad. This is an iPad 1. The other one was an iPad 2 that we were looking at. We're going to go into the Adobe Viewer. But in this one I am logged in as the other user I shared it with, as my personal account. So this one is going to not show the exact same folios because I'm not logged in to the exact same account. This would be assuming that this person doesn't even have InDesign. This person doesn't know anything about InDesign. They just downloaded the free viewer, and you shared your workspaces with them, and therefore, the files will now show up. So there's the one we just created. We can go ahead and download it. It's downloading it to my friend's iPad or my colleague's iPad or my client's iPad or prospective client if I wanted to show off my portfolio or show off my work. So it's there and I can view it just like we did before, and the user gets the same experience. This is the one we just created with the two articles. And there you have it. We're looking at this portrait or landscape on an iPad 1 versus the iPad 2 that we looked at earlier, and this one is logged in with the account that I shared the folio to. There you have it, a quick look at using the new Folio Builder tools, how they work, how you can share your folios with others. And it's all wireless now. There's no need to plug it in and sideload the files on. All the users have to do is have the free Adobe Viewer, and you can also view files on the desktop as well with the Desktop Viewer that is a part of the DPS solution for InDesign CS5.5 and InDesign CS5. So that's it for this week. Take care.