FlyingButtons: a Script to Automate PDF Portfolios
March 24, 2010 | Snippets | en | fr
As demonstrated on BlogNot! (June 2008), it is possible to make very sophisticated interactive buttons with InDesign. For example, we can prepare a PDF so that it simulates a sequence of image popups as found in artist portfolios. However, this requires a complex set of operations in InDesign. We first must create a number of small frames containing the thumbnails, and a generic placeholder frame, then convert all this stuff into buttons, then import full-size images one by one into a copy of the placeholder and turn it into button, then create and manage the button states and behaviors . . . Whew! It's so exhausting that we can no more focus on the layout.
The script FlyingButtons for InDesign CS4 —currently in beta,— comes to the rescue to facilitate these tasks. Create your thumbnail frames, import the images within, create an empty ‘placeholder’ frame, select the thumbnails and the placeholder, then run FlyingButtons.js. The script builds and connects all the required buttons, before producing the final PDF.
Advanced style settings
By default, FlyingButtons preserves the object style of each component while turning it into a button. It does not create specific button states for the mouse over and the mouse click event. But the user can specify alternative appearances in creating one or several Object Styles according to the following conventions:
STYLE NAME | EXAMPLE | DESCRIPTION |
---|---|---|
Any term used as the default root style name. | THUMB | Default style applied to the thumbnail frame when no button is required. |
Root name +" _off". | THUMB_off | Applied to the thumbnail frame when the button is in Normal (inactive) state. |
Root name + "_over". | THUMB_over | Applied to the thumbnail frame on ‘mouse over’ event. |
Root name + "_click". | THUMB_click | Applied to the thumbnail frame on ‘mouse down’ event. |
Root name+ "_img_off". | THUMB_img_off | Applied to the thumbnail image when the button is in Normal (inactive) state. |
Root name + "_img_over". | THUMB_img_over | Applied to the thumbnail image on ‘mouse over’ event. |
Root name + "_img_click". | THUMB_img_click | Applied to the thumbnail image on ‘mouse down’ event. |
The most important point to remember is that you must re-apply your default root style to all the thumbnails before running the script.
Comments
PDF pas mort…!!! Loin de là…
Serait-ce le premier d'une longue série pour PDF interactif ? J'ai hâte de tester.
> [...] J'ai hâte de tester.
J'ai hâte aussi, car c'est une version préliminaire « ultra-beta » que nous avons là. Un script écrit à l'arrache en quelques heures, juste pour apprécier la viabilité du principe. Mais ce qui marche chez moi marche-t-il chez vous? Pochette-surprise!
Ahhhhhhhhhh…! Marche super bien… Pré requis InDesign et PDF nécessaires…
Je vais me permettre de t'expédier un essai tout simple avec des petites images…
Marc, je vais retoucher encore un poil ma petite maquette d'essai expédiée hier…
Il y avait longtemps que je ne m'étais pas autant amusé…
Mais j'en ai une autre en préparation plus amusante…
Merci JC!
Résultat à déguster sur Urbanbike:
http://www.urbanbike.com/index.php/...
Tout bon ce script ! Impeccable pour pallier la ridicule palette de boutons d'InDesign.
Je sens qu'il va trouver sa place dans notre studio …
@ Vincent
N'hésitez pas à m'envoyer des exemples de réalisations motorisées par FlyingButtons, je compte en faire une petite galerie.
Marc, un dispositif additionnel qui permettrait de disposer les vignettes sur un calque tiroir (que l'on pourrait fermer et ouvrir dans le pdf affiché via un icône "poignée" :-) + du multi-pages et cela se nomme FlyingButtons Pro…!
"Éclate totale" en ce moment… Vivement que j'ai un iPad pour tester si le PDF généré est correctement interprété mais j'imagine bien FlyingButtons en adéquation avec un iPad pour une manière différente de construire une narration (technique comme de voyage :-)…
10542 fois et demi merci :-)
This would be amazing to help the college kids I teach build their portfolios. Unfortunately the school is moving to CS5 for the Fall semester. Any chance this will be CS5 compatible soon?
Hi Michael,
Thank you for your comment. I put your query on record ;-) I plan to update the script on September.
@+
Marc
Hi Marc - I'd like to have more than one page in my PDF with this functionality. For example a page for website examples and another page for logos. Is this possible and if not do you have any suggestions.
Cheers
Ben