Refining Animation in InDesign

Technical hitch #1: Animations the wrong size and position

Animation of school bell imported to InDesign as OAM. All looks good but when you click on the animation on the ipad the poster image gives way to the animation and it reveals that the animation is in a different position. The final result ends with the animation fading out and the bottom segment of the original poster image remaining.  Hmmmm…. Poster size is not the same as animation size (resized original image in preparation for animation). Have fixed poster size so it’s the same size as the animation. I unticked ‘scale content to fit’ option in folio overlay panel which has done the trick.

Technical hitch #2: Images doubling up (poster image and animation)

photo (1)

The issue remaining here is that the poster image stays behind the animation, resulting in a darkening of the bell (because it is a little transparent so the two images add together) and you can see the image behind as the bell shakes. I need to look into whether it’s worth getting rid of a poster image altogether. http://forums.adobe.com/message/5234893 One user says to open the poster image again in Photoshop and delete all content from the PNG (leaving you with just a blank PNG file). Presumably this will fix the doubling up problem. Will it mean the picture of the bell isn’t on the page to start with though?? Yes. That’s exactly what has just happened. No longer any doubling up but you have to click the blank spot to bring up the image. I’d prefer to have the image there to start with (partly just for the balance of the page).

Technical Hitch #3: Problems with transparency

Screen shot 2013-06-19 at 9.35.38 PM

More issues: transparent backgrounds are still appearing on the .oam files (not on the poster files) as white backgrounds. I read in the forum below that this is a bug and importing the html file of the animation will fix the transparency and make it easier overall. http://forums.adobe.com/message/4946853 Trial 1 was a fail – no transparency (except in poster file). (File resized incorrectly again also) Create new dedicated layer for each animation. Use folio builder and upload article. Make sure you select png for animations especially with transparent background. http://creativedroplets.com/edge-animations-and-dps/ Manually took the RGBA channels on the stage in Edge Animate down to zero (the slider took the A down, but to cover myself I set RGB to zero). After following these instructions a grey background appears instead of a white one. I opened the poster image in Photoshop and used the magic wand to delete the grey background. After this I saved it as a PNG 24 with transparency and relinked the poster image to the animation in Edge Animate. I then relinked the animation in InDesign and updated the preview. Things are looking good – no grey square and no white square this time! Animation is not working properly but will address this in a moment. To test the transparency issue I’ll fix the bell too and that will settle it! Confirmed: Success with the transparency issue.

Screen shot 2013-06-19 at 8.42.09 PM

 

Technical hitch #4: Finding out how to create horizontal page swipe

Using the article panel – create a separate article for each page. Drag and drop the articles to the Folio Builder panel. This gives you the option of selecting “horizontal swipe only” and previewing it on the desktop only. However, it will not swipe horizontally. This may happen later – when uploading the app?? Haven’t got time to finetune this tonight – will have to put this on the ‘further investigation’ list!