Reviews: Animation Programs for Digital Publishing

A few notes from a review on the best programs to use for digital publishing jobs. I was hunting to see if I was using the most streamlined and easiest method for the work I was doing:

 Adobe Edge uses a robust Flash-like UI and friendly Adobe controls (including jQuery integration), allowing you to add click-and-touch events much more easily. The JavaScript itself output is mostly clean and easy to tweak, if needed.

 We really wanted Edge to be our choice. With a rich user interface, intuitive Adobe controls and easy to navigate tools, we were disappointed the generated HTML was incompatible with the XHTML required for our enhanced epubs.  We also found the resulting output heavy and a bit extraneous, which made adding multiple animations to a page cumbersome creating load time issues as users paginated through the eBook.”

 InDesign CS6: Interactive Documents

Some interesting apps created using a similar method to me:

Adobe indesign CS5 interactive shortcuts guide, Tomaxxi

Swf file exported from InDesign. Create object states for relevant objects

“The Magic of Reality” app. Keep image while swiping multiple text paragraphs. (Have now worked out how to do this by setting up a ‘pin’ box, and grouping objects. Then applying the scrollable text function in InDesign (Folio Overlay palette).

Recommended Preferences to set up before interactive document set up

Ctrl+K or Indesign>preferences. Interface – turn off “enable multi-touch gestures” if an issue. However, enables pinch and zoom for tablets. ‘highlight object under selection tool’ – shows frame if hover. Live screen drawing – delayed (not fully rendered when moving). Type – ‘apply leading to entire paragraphs”.

Window>application frame (keeps all tools and palettes within the contained window). Declare intended output to digital publishing (sets preferences to suit output). Digital publishing option new for CS6. Sets as RGB with transparency option – can select ipad and set to landscape. View>proof colours – see print settings for CMYK/RGB and transparency. Edit>transparency blend space>CMYK/RGB. Ctrl+e – export as Adobe PDF (interactive).

Warning comes up of CMYK (will convert to RGB) – InDesign automatically converting will give a false impression of output. Important to change transparency blend space first.

Folio Builder panel – can preview output

Installing scripts. Window/utilities/scripts

Stacks error when trying to preview folio 

This is a problem I have hit when trying to preview my folio using the Adobe Content Viewer.

stacks error

Bringing everything to InDesign was fine (set publishing presets to interactive etc)

SWF preview panel (TV with play symbol)

Troubleshooting list

Adobe Content Viewer: Stacks error

  • What is a ‘PDF stack’? – another name for an ‘article’
  • What is the difference between an iOS viewer and the Adobe Content Viewer?

The Content Bundler exports a .folio file (previously called a .issue file) that can be up- loaded to the iPad or, in the future, to another mobile device.

In order to communicate with InDesign, the Content Bundler requires an InDesign plugin file to be installed.

Adobe Content Viewer

The Adobe Content Viewer displays the .folio files on the iPad. Add the Adobe Content Viewer to iTunes, and then add the .folio file you created to the Content Viewer.Each publication requires its own custom Viewer. Publishers can create single-folio View- ers in which the .folio file and Viewer are combined into a single app or multiple-folio Viewers with a library that allows customers to purchase and download issues as they become available.

Possibly useful later if arrangment is wrong: