Effet de pages tournées depuis InDesign (Pages en vis-à-vis)

Posted on 9 Nov 2012 in InDesign, Technique

Bien que cette fonction d’effet de pages tournées date de la version CS4 de InDesign, qu’elle est réalisée en Flash et qu’elle ne sera donc pas visible sur des tablettes numériques, cette fonction est encore très utilisée et très demandée.
Son intérêt se trouve dans le fait que l’animation peut être importée dans un document PDF qui n’a donc pas besoin de lecteur Flash externe (pour les versions 9 et plus de Adobe Reader et Acrobat).

Résultat de ce tutoriel visible ici.

Dans un tutoriel précédent, je montrais comment créer un effet de pages tournées pour un document avec mise en page simple. Dans le cas de documents avec pages en vis-à-vis, un problème apparaît : comment se débarrasser de la page blanche avant et après mes pages de couvertures dans le cas d’exportation d’un document avec pages en vis-à-vis ?


Le problème

Le_probleme.png

Afin de pouvoir conserver l’effet de pages tournées lors de l’exportation au format SWF, le document doit être exporté sans transparence. Ce qui a pour conséquence de créer un bloc blanc à côté des pages de couverture.

Cette page blanche utilise en fait la couleur "Papier".
Nous allons voir ici comment changer cette couleur et importer le fichier SWF dans un autre document.


Changer la couleur "Papier"

Changer_la_couleur_PAPIER.png

Dans le panneau Nuancier (Swatches), double-cliquez sur la couleur Papier.
Cette couleur entre crochets ne peut pas être supprimée, mais peut être modifiée.


Appliquer la couleur "Blanc"

Appliquer_la_couleur_Blanc.png

La nouvelle couleur Papier s’ajoute maintenant par défaut sur toutes les pages du document.

Capture_d_ecran_2012-11-09_a_07.56.09.png
  • Créez une nouvelle couleur blanche
  • Dans les gabarits (masters), ajoutez un rectangle pour recouvrir la page et le remplir avec cette couleur
  • Utilisez cette couleur pour remplacer la couleur Papier qui était utilisée par les différents éléments dans le document (textes, blocs…)

Exportation du document au format SWF

Exportation_du_document_au_format_SWF.png

Vous pouvez maintenant exporter votre document au format SWF.

  • Dans le menu FICHIER, sélectionnez Exporter… puis choisissez le format Flash Player (SWF)
  • Décochez l’option Générer le fichier HTML
  • Gardez coché Couleur du papier
  • Et pour Transitions de page, choisissez Page tournée
  • Enfin, cochez l’option Inclure le coin de page interactif et cliquez sur OK.

Création du document final

Cration_du_document_final.png

Créez un nouveau document plus large que la planche (ensemble des pages en vis-à-vis) exportée précédemment.
Ici, j’ai repris le format de page de mon document précédent, multiplié la largeur par 2 et ajouté 2 pouces en hauteur et en largeur
Par exemple :

  • Largeur : 7,75 po * 2 + 2
  • Hauteur : 11 po + 2

Ajout de l’animation

Ajout_de_l_animation.png
  • Glissez le fichier SWF exporté précédemment sur la page du document pour l’importer à 100%
  • Centrez l’objet sur la page grâce aux options d’alignement qui apparaissent dans la barre de contrôle une fois l’objet sélectionné

Options de lecture

Options_de_lecture.png

Toujours avec l’objet Flash sélectionné, dans le panneau Multimédia (Fenêtre > Objet interactif > Multimédia), cochez l’option Lire au chargement de la page.


Remplissage de l’arrière-plan

Remplissage_de_l_arriere_plan.png

Modifiez la couleur Papier pour la faire correspondre à la couleur Papier du document Flash exporté.


Exportation du document

Exportation_du_document.png

Vous pouvez maintenant exporter le document au format PDF interactif avec les options suivantes :

  • Cochez Afficher après l’exportation
  • Sélectionnez Page entière pour l’affichage
  • Une seule page pour la mise en page
  • et cliquez sur OK

Modifications des propriétés du document PDF

Modifications_des_proprits_du_document_PDF.png

Dans Acrobat, vous pouvez maintenant afficher les propriétés du document (Fichier > Propriétés) pour modifier ses options d’ouverture, sa description et ses options de sécurité.

media_1352470661057.png

Vous pouvez visualiser le résultat final ici.
Ce document n’a pas été protégé pour vous permettre d’explorer son contenu.

%d blogueurs aiment cette page :