Publish Online with Adobe® InDesign® CC®


Lesson Info

How to Publish Online

So, I'm gonna call this, let's call this Publish Online, there you go. Publish Online with Tony Harmer, there we are, excellent. So if I was actually publishing that, a description would be really good in this, I'm just gonna copy the title, okay, and drop the description in there. So, I'm gonna put learn how to, my typing's so good today. Learn how to publish online from InDesign with Tony Harmer in, during a CreativeLive class. There we go, okay. Just putting that in so you know where you are. Now I can determine that which pages output here, so whether it's all of the pages or a specific range of pages. Outputting as a single document or spread, so if you've got a print document, so good poster earlier was asking about their print document. If they've got it in spreads, they can actually still preserve that. Although, it's something you can override in Publish Online as well, if you want to. Spreads for me are a desktop thing and I'm always thinking about people consuming this stuff...

online or on a device. They probably don't want a spread 'cause it involves, first of all, seeing the thing on their own, having to zoom into it, so I generally tend to do mine as pages just there, okay. More importantly just for a second, because we're publishing this early, is this option here to update the existing document. So when we've added in the stuff that we're gonna do after this segment, we can update that just there. You can allow the viewers to download the document as a PDF for print, bear in mind that some of the things, like multi-state objects, they won't represent terribly well inside of that PDF, but you might want to do that. And you can hide the share and embed options in the published document if you want to 'cause that's one of the things you can do from Publish Online, but you're gonna see that in a moment. I'll just quickly show you the advanced options here. Okay, so you get a thumbnail, so this appears in your own library of documents and you see a little thumbnail also in the entirely separate navigation inside of Publish Online. Okay, so we've got a little cover thumbnail there, but you can also change that, you can choose which page it is, here it's the cover by default or the first page. And it also tells you there that if it's shared socially, that's the thing you see, so if you share it on Facebook, or Twitter, or whatever that's what, or by email, that's the cover you'll see there. Or you can choose an entirely separate poster or image for that too. You can do things like change the format of how images are made, I always leave that to automatic, it's really good at picking which format to use. If it's got solid colors, it will swap it out to get a full PNG from there, if it's got continuous tones it will swap it out to JPEG. Resolution standard 96 PPI you can go for higher res than that, it will take longer, so if your doing a high DPI at 144, but it will take longer for the content to load. These days really, not really a concern. JPEG image quality you're almost always gonna go for high or maximum here and how it deals with GIF if it needs to. Okay, so I'm now going to hit publish. This should be super, super fast, it uses a separate pipe up to the Adobe service, similar to the one used by the broadcast funnel that is used to work with broadcast products. So, let's just see, we should get. Right it's preparing it, and let's see how quickly it uploads. This is in realtime, I'm talking while this is going on and you know full well that this is, those of you watching right now know this is live and that's why it's uploading that movie content, all of the images, all of the other stuff just there. And that's it, it's there, it really is fast, it's got a completely separate channel to go from. And you've got your little bit at the end, your little tiny bubble, once it gets past that, really good and boom off it goes, fantastic. So, I could view the document from here, or I could click that, I could copy this URL just by clicking this button here and I could share the fact that I've done this here. Again, just in catalog production and those kind of things, marketing communications, it's all the rage these days to do sneaks, you do a sneak of something to kind of generate interest in the content before it's published. So think about that, you're working on a document that may come out in a digital or a print format later on, but you want to start getting that interest going. Let's think of, I don't know, fashion's a good example for this. New season stuff coming along, right? You're working on the catalog for that, let's sneak a couple of pages from the catalog so people start talking about it and using it. This is a great way to choose a segment of that, just a few pages, publish that online to help generate that interest. Good marketing skills there, I think. Okay, so I'm gonna copy that URL just here, in fact I'll click view document and it will take me out to a browser and load it. This is where it's hosted Starts playing straight away, see nice and smooth. This will play on a phone, it will play on a tablet, it's entirely standards compliant stuff in there. No plugin dependencies whatsoever. Okay, so pretty much any modern browser will play it. Now I didn't give myself any way to navigate away from this page. I put no element on this page that actually takes me out to the next page, but I can move around and in fact, I get this little overlay just here, which allows me to move onto the next page. And I'll show you another way of navigating in a moment, it would have been a good idea for me to put one on there, by the way. But you see I can click through to that, let's test out these things, I know we we're going to test. There's still an alignment things, did you see that jump? It's there, I've not quite got something aligned there, but I can work through all of those things. That wasn't me zooming it was, I'm just gonna change the zoom level, just here, just to come back out to that, something you can do in the control bar at the bottom here. Something extra going on there. Let's try our little hot dog menu. So we can come up to that, let's click on the page for video, so it takes us out to that. Okay, so we've got a standard play icon there, no controller so my theory was pretty much on the money. It's me zooming, by the way, like that with the mouse. I'm just tremble clicking over the top of the mouse. So, I'm just gonna avoid for the moment. So, I can click on the dialogue here, like so. Arr, I be Gold Beard, I be stuck here on this island. I used to teach all about this-- Yup, that's quite enough of that. So you can see, those things there working really, really well. Let's just have a quick examination before we go onto the next segment here of the other options that we have on the bottom here. So we've got this grid, this is where we get our little page thumbnails here, they're drawn automatically for us by InDesign when it creates the documents, some zoom in controls, we can go all full screen about that, imagine you're a member of a field sales team and you've got an actual presentation built into this, with rich media content, you could go along armed with the bookmark for this URL, provided you've got a good connection, and I would suggest that before you went into the meeting to try and make sure that it was loaded into the browser for the best experience. You could hook up to whatever projection mechanism you're using, bring the browser to the front, go full screen and you've got a nice experience like this. And then you could work through that, present all of your content, and a great experience to have, and people will see things that are kind of difficult to do in some presentation softwares these days, and just get all of those elements on nicely. I've done that myself, so I know that it works. You've got a share icon just here, if I click on that, then a little dialogue pops up saying you can share this particular thing. Here's the URL, you're not gonna discover that by randomly typing, it's a really, really long string on the end. You've got some options here for Facebook and Twitter and email, as I mentioned a little while ago. If you're looking at content marketer's public and you find it to be iffy, you've got a report abuse option there and your language. It doesn't translate your document at the moment, but who knows, well actually let's test, just in case Sensei's been up to anything just there. Nope, there you go, one von three, so it's actually changed the UI into German. Be nice though, and I can imagine that Adobe Sensei at some point will go, do you want me to translate that into whatever. Yup, yes I do. And then a little ellipses just here for how you can control these things, or embed the media, in which case, you get a full iframe there, that's a particular HTML element that sits the contents from another page inside of a page, there like so, and you can embed that, you can change the control. If you've ever brought down a map from Google Maps to use in a project, then it's the same deal.

The InDesign® Publish Online service allows you to create rich documents that can be viewed in any standards-compliant browser (including those on devices) and all it takes is a little simple enhancing of your existing layout skills, and 100% no coding—promise! In Publish Online with Adobe® InDesign® CC® Tony Harmer will give you all components and workflows needed in order to create beautiful online documents.

You'll Learn:

  • Document & workspace setup
  • Animation basics
  • Events and triggers
  • Combining interaction and animation
  • Sending to Publish Online
  • Exporting for iBooks

Don't be fearful of needing to know any code or anything other than your existing InDesign layout skills. In Publish Online with Adobe® InDesign® CC® Tony will show you how to Increase your reach and publish to a wider audience.