How to Create an Animated Web Banner with InDesign & in5

The banner above this text was made with Adobe InDesign.

Yes, InDesign. The page layout tool.

InDesign Hidden Gems

While InDesign is known for print layout, it also has extensive interactive capabilities, including:

  • An Easy-to-use Animation Panel
  • A Timing Panel to create sequenced animation
  • The ability to create different Object States that change with interaction
  • Interactive actions for Buttons and Form Elements

Just because InDesign was originally conceived as a page layout tool, doesn’t mean you have to create things that look like books.

In this article, I’ll show you how use InDesign’s interactive features and the in5 HTML5 export to create a web banner.

(more…)

Instant Publishing from InDesign and in5 with WordPress Plugin

InDesign to in5 to WordPress

in5 (InDesign to HTML5) makes it easy to create HTML from InDesign. You can take the HTML right to the web, or convert it into a mobile app.

The new WordPress plugin makes the publishing part just as easy!

(more…)

Link from one document to another with InDesign and in5

image for linked documents

Creating hyperlinks from one InDesign page to another or to an outside site is one thing…but what if you’ve exported multiple documents from InDesign and want to connect them together? Is it possible?

Yes! It’s easy to connect multiple documents that you’ve exported to HTML using in5.

The key is using relative URLS, meaning that their paths are related to each other.

(more…)

How to Create a Simple Entry Password for Your App with in5

Easy way to lock an app image

This tutorial will show you how to add a simple password to your app or Web App created with InDesign and in5 (InDesign to HTML5).

(more…)

How to Create a Looping HTML Slideshow with InDesign and in5

Update: 
You can still use the techniques in this article, but it much easier to create a looping slideshow from InDesign using in5’s Presentation Mode
(no coding required…not even copying and pasting). Shown in the video below.

In this article, I’m going to show you how to create a self-running slideshow using Adobe InDesign and in5 (InDesign to HTML5).

This will let you create animated slideshows that will run in any browser, using content you’ve created in InDesign.

This type of slideshow has many possible uses, including

  • web banners
  • tradeshow presentations
  • animated info graphics

There are only a few steps to creating a self-running slideshow…

(more…)