Hi there in this video, we're going to look at what published online is basically it takes your in design document. You get to add all sorts of lovely interactive features. Like I've added some animation to our navigation there and this logo plus lots of other things. Then you click on this big button here says publish online, It publishes online. You click on view document and this opens and here's my page. I'm going to reload it and you're gonna watch the logo fade in and then that's the logo fade in and then the terrible timing on my navigation. Look how slowly that comes in. That is totally my fault. But this is a web hosted solution. Okay, so Doby hosts that everything works in here. The navigation works eventually when it loads bad then. But you can do all sorts of things in here and it's hosted, people can click on it, you can embed it in your own website. It is probably by far the best option for distributing in design documents, I feel at the moment, let's go and learn how to ...

do this and make terrible timing with my navigation together. Let's go do that. Okay, so make the animation happen. Okay, what we're gonna do is we're going to click on a bit of text from page one and we're going to go to our animation panel. Now, I've switched from interactive pdf to digital publishing. Okay. Along the top of you might be on essentials. So switch to digital publishing and along here you can go to animation if you can't find any of those, you can go to window and go to interactive and hear out all those same panels on animation and with the selected I'm going to say a preset please. Of a fade in. Cool. And it's just gonna fade in now to preview this. Okay, the easiest way is there's an option down the bottom here says e pub interactivity, click on this now by default, it's quite small like this. Small, it's nice just to grab the bottom left corner and just make it a little bit bigger just so you can see it, make sure you're on this first option here, preview just the one page and let's click the play button and watch this little guy fade in. Ready Play give a second as it loads. That thing fades in. Cool. So that's one of the perks for using published online. You could use animation now we've done a fade. Let's do one more. Okay, I'm gonna select on the logo here. I'm going to go to animation and I'm going to use choose and I'll go fly in from the not the top. I used to fly in from the right. Cool. And there's a bunch of things you can change, you can make it take a longer duration. Okay, you can get it to play a couple of times. You can get a loop forever speed. Okay, It's easing in and out by default. Okay. I like it the way it defaults in. There's a few other things you get to change, but we'll just leave it as default. You'll notice there's a little green line kind of indicating its animation if you can't see it, you might have the W key selected. Okay. And you can't see any of that sort of stuff. So w again, mm hmm. Let's go back to our e pub interactivity preview. You've got to keep clicking play to kind of get it to reset. So watch fade in and this should slide in, fade in, slide in. Ah so good. Okay, so once you've got your animation working, you can start playing around with the timing. Let's say I want these little navigation bars to start. I want to get them to slide in. These little tabs here, but maybe one after each other. So what we can do is we can go to our A Master let's click on tables and I'm going to do the same animation. I'm going to get it to slide in from the right, okay. I'm going to do that for all of them. Okay, So I'm gonna get you and you you can select more than one. Okay? And I'm gonna say you slide in from the right as well. Where are you flying from? The right, cool. Now has to do with the timing. Okay. So I've got these three options here. I'm going to go to timing. Okay. And that is called group group group that's the first one. That's the second one. That's the third one. That's on this page is only looking at what page we have opened this first one here. I'm going to say you my friend load maybe after one second. Okay. That'll give the title Time to appear and the little slide in from the logo. Okay. And this one here is going to be 1.5 and then this last one is going to be two seconds. Just so there's a bit of staggered loading. Let's give it a preview. So I'm going to go back to page one of my e pub interactivity hit play, kick back, relax, be amazed you appear you appear and then the navigation appears and the delay be amazed. But my terrible timing. Okay, so you might have to go and speed that timing up. I'd probably do something a lot faster than that. So, but let's just say that's okay. Now to publish this online, you can click this button up here in the top right? Or there's another option file published online. It doesn't matter which one he went up at the same place. Now, what we'll do is we'll just quickly cover this one. And so this is going to be M F furniture MF catalog catalog 2019 and this title actually gets seen by people. So MF is not the best acronym as you've probably worked out so many furniture, man, I can't spell. And so people see this will go through the more advanced stuff later on in the next video. Okay? But let's just go through the general stuff and let's click publish. Okay, so this can take a little while, I'll get the editors speed it up and I'll meet you at the other end. Okay? So that didn't take very long at all. So what we've got now is our web hosted version of our document. So let's click on view documents. Okay, I'm going to refresh this so you can see my amazing timing. He fades in, He slides in, he comes in and then oh my goodness, A million years later, the slide in. Okay, so and the cool thing about this is you get to do this animations okay. Which is it can't be done in an interactive pdf. It can be done in the pub and but what's really nice is that? It appears in a website. Okay, And you can link to this, you can embed it on your sites will go through a few more details, but this is published online and it just adobe hosted. It all works. All the interactivity works. Oh my dear, navigation is on every page. Okay, so I might have to fix that. You can use the navigation as long as you're prepared to wait for it then. Okay, so yes, preview online. Published online. It's just an adobe hosted website version of your end design document and the cool thing about it is everything just works Alright. So let's go back into in design now and look at all the different things we get to do inside the publish online feature. Okay, So it's not just animation like we did, there's lots more to do. Let's go do it now.

Class Materials

Bonus Materials with Purchase

Completed files

Exercise Files

buy this class

$00

Buy Class

Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

79.7K Students

99% Recommend this Class

00 Student Work

0 Video lessons in HD
00h 00m of class content
Exclusive bonus content
Lifetime access, anywhere, anytime
Streaming access on desktop and mobile browsers
Download and offline access with class purchase
Offline sync with our iPhone & iPad apps
100% satisfaction guarantee

Daniel Walter Scott

Multi-award winning, influential media designer & Adobe Certified Instructor with 15+ yrs of experience.

2,000+ classes ranging from fundamentals to advanced techniques.

What Is Publish Online In Adobe InDesign CC

What Is Publish Online In Adobe InDesign CC

Lesson Info

40. What Is Publish Online In Adobe InDesign CC

Lessons

Introduction To Adobe InDesign CC Advanced

Getting Started With The Adobe InDesign CC Advanced Class

Adjusting Your Workspace For Maximum Amazingness

Setting The Default Font Size For New Documents Adobe InDesign

Special Features For Typekit & Open Type Fonts

Where To Get Great Free Fonts For Use In InDesign

Mastering Your Fonts In Adobe InDesign CC

What The Font - Font Guess In Adobe InDesign CC

How To Pick Beautiful Font Pairings In Adobe InDesign CC

Quiz - Fonts

Free Icons Using Adobe Market In InDesign CC

How To Use The Color Theme Tool In Adobe InDesign CC

Using Color Modes In Adobe InDesign CC

Importing Colors & Setting Default Colors In Adobe InDesign CC

Finding Great Colours Using Adobe Color For Use In Adobe InDesign CC

Appearance Of Black & Proofing Colours

Draw Lot Of Shapes At Once InDesign Gridify Live Distribute

Quiz - Color

How To Make Arrows In Adobe InDesign CC

How To Draw Complex Flowers In Adobe InDesign CC

Quiz - Drawing

How Text Boxes Can Auto-Expand In Adobe InDesign CC With Auto Size

Placeholder Text Alternatives In Adobe InDesign CC

How To Add Paragraph Borders & Shading In Adobe InDesign CC

Paragraph Vs Single Line Composer In Adobe InDesign CC

How To Make Paragraphs Span 2 Columns In Adobe InDesign CC

Mastering Justification In Adobe InDesign CC

Mastering Hyphenation Options Using Adobe InDesign CC

Optical Margin Alignment In Adobe InDesign CC

The Secret Power Of Keep Options In Adobe InDesign CC

Advanced Anchored Objects In Adobe InDesign CC

How To Use Conditional Text In Adobe InDesign CC

Quiz - Paragraph Goodness

How To Create Pie Charts & Bar Graphs In Adobe InDesign CC

Quiz - Charts & Infographics

The Pros & Cons Of The Various Interactive Types In InDesign CC

How To Create An Interactive PDF In Adobe InDesign CC

How To Add Interactive Page Transitions In Adobe InDesign CC

How To Add Navigation To An Interactive PDF In Adobe InDesign CC

What Is Publish Online In Adobe InDesign CC

How To Publish Your Adobe InDesign Publish Online Documents

How To Add Video To Adobe InDesign CC Documents

How To Create Interactive Button Triggered Animations In InDesign CC

How To Make A Multi State Object In Adobe InDesign CC

How To Add Adobe Animate CC To InDesign CC Files

Adding Maps & Calendars To Interactive Documents In InDesign CC

How To Create QR Codes In Adobe InDesign CC

Quiz - Interactive Documents

Keyboard Shortcuts In Adobe InDesign CC That Will Change Your Life

Keyboard Shortcuts

How To Automatically Place Lots Of Text Onto Multiple Pages In InDesign CC

How To Make A Cross Reference In Adobe InDesign CC

How To Create An Index In Adobe InDesign CC

Add Document Name Automatically To The Page In InDesign Using Text Variables

How To Use The Adobe InDesign CC Book Feature

Quiz - Long Documents

Changing Preferences For Advanced InDesign Users

How To Speed Up Your Workflow For Advanced InDesign CC Users Styles

Why Should I Use Character Styles In Adobe InDesign CC

Advanced Paragraph Styles In Adobe InDesign CC

How To Use & Map Word Styles In With Adobe InDesign Styles

How To Create Nested Styles In Adobe InDesign CC

How To Create A Grep Style In Adobe InDesign CC

How To Use A Next Style In Adobe InDesign CC

Advanced Object Styles In Adobe InDesign CC

Quiz - Styles

Best Practices For Working Across Multiple Documents In Adobe InDesign

How To Use Adobe Stock With Adobe InDesign CC

How To Crop Images Inside Of Text In Adobe InDesign CC

Using Adobe Comp CC To Make InDesign Layouts On Your Mobile Phone Or Ipad

Quiz - Images

Advanced Use Of CC Libraries In Adobe InDesign CC

How To Get The Most Of Photoshop & Illustrator In Adobe InDesign CC

How To Create A PDF Form Using Adobe InDesign CC