Discover a way to publish interactive digital documents from InDesign using the Publish Online service.
- [Instructor] Another exciting option that you have with InDesign is the Publish Online service, which allows you to create a rich, interactive document directly from InDesign, possibly even using a print layout as we've got here, and publish it online. I'm going to give you a brief taster of some of the things you can do with that, in fact, just a couple of things, to keep the movie short. It's a big topic, and some things that you could look into here on the library.
So with the layout that we've been working with, what I'm going to do is just switch workspaces here to digital publishing, 'cause this will give me all of the panels that I need. I'm going to click on this logo graphic from the Creative Cloud library and choose animation just here, and then I'm going to choose an animation preset. I'm just going to choose fade in, okay, and the InDesign butterfly shows me what will happen just there. In fact, every time I mouse over, it fades in.
Okay, that's just fine, and it's going to happen when the page loads just there, so an event that triggers it, like so. I'm going to go to page four, so Cmd + J + 4, where I moved all of these images into a grid, and in fact, each one is grouped with a fake caption. I'm going to select all of these things, and by the way, when I dragged across them, that's because the background is locked. When you think you might accidentally interact with something all the time, just go to the objects menu and choose lock to lock something up.
So now I've got all of those selected, I'm going to do something you might think is a bit bonkers, but I'm basically going to align them all to the center, okay, and all to the top, like so. So they're all overlaying one another. I'm then going to get the free transform tool, E will get me that really quickly, if I hold down Shift to constrain, and then I'm just going to drag these out so they're really big, like so. Okay, so everything there gets re-sized, the text as well, I'll then switch back to my selection tool, and just center these up on the layout.
So if I bring them to the middle of the document just there, nice. Now that I've done that, I'm going to come along to this object states panel, and they're all selected, so I'm going to click this convert selection to multi-state object button, like so. And I'm just going to call it therapies there like so, okay, all done. And whichever one of these is highlighted, that's the one you'll see by default here.
Once I've done that, I'm going to get the ellipse frame tool, because these don't have any visual properties on their own, and I think we'll have a bit of fun with pebbles here. What I'm going to do is drag a frame over that pebble there, okay, and I'll drag another frame over this pebble, just here, okay, like so. Okay, couple of empty, invisible frames. If I tap W to go into preview mode, you wouldn't see anything, apart from the bounding box of the one that's still selected.
So now I've done that, I'm going to go to the buttons and forms panel, and I'm going to click this plus, just here, and choose go to next state. Now InDesign will find out which multi-state objects are on the spread, and populate this list, but there's only one, therapies, which is just great. I'll get my selection tool, and I'll click just here and choose go to previous state. Okay, so the one on the right goes to the next state, the one on the left goes to the previous state, like so.
We can even preview this inside of InDesign, there's a small preview window here, which will allow us to preview the interactivity, however, I'm going to push this straight up to InDesign Publish Online. The only thing I need to do here, for the best experience, mind you I suppose we're going to see the big center spread, but for the best experience, I'm' just going to change this in the document setup, I'm just going to deselect facing pages, so they're just individual spreads now.
I'll then click on Publish Online, and I'll get this nice little ad message, I'll just try it now, like so, and then this title will be just fine. You could write a little description in here, export single pages just there, you can allow viewers to download it as a PDF. If I click publish, this will then push this up to INDD.Adobe.com, so it will push all of that information up, it will down sample it as well, so they're not super heavy.
Very, very fast at doing it, as you can see, even though it's only a four page document, there are some big old files in there in use. And once it's done that, it will give me a link that I can then distribute or use in my own browser. So I'll just copy that link, and it so happens that I have a browser parked right behind, into which I'll paste the link URL, very long, difficult to guess, you're not going to Google that, in fact you couldn't anyway, but you're not going to discover that by accident, are you? And just put all that in, there it comes, you saw the fade in of the lila logo just there, as we got to it, I can then move through to the next page, and to the next page, and then to the back here.
If I go to my pebbles, click on this one, and keep clicking through, you'll see that I'm going to each of those states. Something's gone a bit awry with some of the text in there, which I'd need to go in and fix. I have no idea what's happened just there, but I'm sure you get the idea. So there you are, it's another option that's available to you, like I said, I hope I said, not mutually exclusive between that and print, you can use both together. But there is Adobe Publish Online with InDesign.
- The creative process
- Layout and composition
- Transforming images and assets in Photoshop
- Drawing logos in Illustrator
- Designing graphics and documents in InDesign