is now part of CreativePro.com!

Publish Online Project of the Month: Irish Landscapes

14

One of the most interesting developments regarding InDesign in 2015 has been the emergence of an entirely new option for publishing your documents, called simply Publish Online. This “technology preview” allows you to put a document online (on Adobe’s servers), with your entire layout and interactivity preserved, with literally the push of a button.

If you’re using InDesign CC 2015, you’ll see the button in the Application Bar.

20151221pubon-1

In the latest CC 2015.2 update, Adobe added the button to the Print dialog box and most of the Export (PDF, EPUB, etc.) dialog boxes as well. If you don’t see the Publish Online button, check the Technology Preview pane in your Preferences to make sure it’s enabled.

When you publish a document this way, you get a URL you can distribute, as well as code to embed your document in web pages (as I’ve done below!), and the option to let your viewers download it as a PDF.

We’ve written a few posts on Publish Online here at InDesignSecrets, and an in depth article by Diane Burns is coming soon in the January 2016 issue of InDesign Magazine. But I think the best way to grasp what you can do with Publish Online is seeing (and interacting with) the cool stuff that others have done so far. So to that end, we’re starting a new feature: the Publish Online Project of the Month.

To kick things off, let’s take a look at an art catalog showcasing the Irish landscape paintings of John Kelly.

Produced by Spark+ in New York City, this 18-page catalog features a cover with a slow horizontal animation that serves two purposes: it reveals more of the beautiful Irish landscape that inspires the artist, and it draws your eye to a button you can click to view the catalog. The button itself features a rollover state where the text becomes bold when you move your cursor over it.

The presentation of the paintings on the interior pages of the catalog is clever too. The paintings were photographed in tastefully decorated settings where they blend in perfectly.

20151221-pubon2

On top of each photograph are interactive buttons you can use to open separate, larger views of the paintings with accompanying details. The buttons are also animated, quickly growing and shrinking in size to draw your attention to them when you first view the page.

20151221-pubon3

Each close-up view also features a close box you can click to go back to viewing the full photograph.

Overall, the interactivity strikes a nice balance. It’s useful and inviting, but it doesn’t overwhelm or distract from the photography—or the painting themselves. It comes across as refined and subtle, a great fit for a fine art publication, and a nice example of the virtues of Publish Online.

Submit Your Projects!

We’re on the hunt for interesting Publish Online projects we can spotlight in this new monthly feature. If you’ve created one for yourself, your company, or your client, we’d love to see it! Please email [email protected] with the URL and a few details about the publication, and include “Publish Online Project” in the Subject line. We can’t promise anything, but we will personally respond to every email submittal.

Editor in Chief of CreativePro. Instructor at LinkedIn Learning with courses on InDesign, Illustrator, Photoshop, GIMP, Inkscape, and Affinity Publisher. Co-author of The Photoshop Visual Quickstart Guide with Nigel French.
  • Tim Hughes says:

    Another cool new Indesign feature, I am so hyped on how Indesign is evolving. Becoming the multi-platform publishing tool I’ve always wanted.

  • Tim Hughes says:

    I am going to turn my digital portfolio into an interactive online project.

  • Eugene Tyson says:

    Ah – my beautiful land. Great to see Ireland getting some profile abroad…!

  • Krystal says:

    This is an exciting feature. I can use this to display my portfolio on my website!

  • MP Singh says:

    After publishing online, I am trying to insert the code into my website page, once inserted it also shows “ID Publish Online” icon on top left and “Read Now” text in the middle. Anyone knows how to get rid of that.
    I want my users to my website to have my brand experience.

  • Tabby says:

    That is very cool. I wonder, though…if I publish an document online, how long will the contents remain on Adobe servers? Indefinitely as long as I have CC membership, right?

  • MP Singh says:

    Another question,I could not make “Web Content” overlay work with it. Any suggestions ?
    Thanks.

    • MP Singh: Do you mean the Web Content from the Overlay panel? Overlays are for DPS, and were created by the DPS team. They are not supported by InDesign for anything except DPS. (Tho the folks who make the in5 HTML5 plug-in figured out how to take advantage of them.) So, no, that doesn’t work with PubOnline.

      • MP Singh says:

        got it. Thanks David,much appreciated.
        Also inserting tode in my website (for the content created with PubOnline)is not working for me for some reason. it shows “ID Publish Online” logo on top left and “Read Now” sign in the middle. NOt sure how to get rid of that.

      • Oh, sorry, I missed that comment earlier. I don’t think Adobe has offered any way to customize the embed experience yet. I agree that it would be great if they let people “white label” it.

    • MP, Diane Burns wrote up instructions on how to edit the code in your web page to remove the Read Now button in embedded PubOnline docs.

      It’s on page 13 of the latest issue of InDesign Magazine, inside her cover story on Publish Online.

      https://creativepro.com/issues/issue-81-publish-online

  • >