Connaissances intermédiaires dans la conception et la mise en page dans InDesign CS4
Exportation d’InDesign CS4 vers Flash CS4 Professional (XFL)
En utilisant Adobe® InDesign® CS4, vous pouvez non seulement produire des mises en page pour créer des documents imprimés, mais vous pouvez également créer des documents interactifs Adobe Flash® pour le Web et périphériques mobiles. Dans ce tutoriel, vous apprendrez à exporter des fichiers InDesign CS4 vers Flash CS4 Professional.
Exportation de fichiers InDesign CS4 vers le format XFL
Flash est compatible avec le format XFL, qui sont des fichiers au format archive contenant les informations de mise en page et de contenu. Pour exporter un document InDesign vers un fichier XFL :
Ouvrez un document InDesign.
Choisissez Ficher > Exporter.
Image 1: La boîte de dialogue d’Exportation
Choisissez Adobe Flash CS4 Pro (XFL) depuis le menu Type de la boîte de dialogue.
Entrez le nom du fichier dans le champ Nom du Fichier en haut de la boîte de dialogue.
Cliquez sur Enregistrer. La boîte de dialogue Exporter au format Adobe Flash CS4 Professional (XFL) s’ouvre.
Image 2: La boîte de dialogue Exporter au format Adobe Flash CS4 Professionnal (XFL)
Choisissez l’Echelle à 100%.
Ajustez le document à une dimension ou spécifiez la dimension en pixels à laquelle vous voulez exporter le document.
Choisissez l’étendue des pages. Vous pouvez également exporter toutes les pages du document.
Laissez l’option Planches sélectionnée et Pixelliser les planches désélectionné. Sélectionnez Aplatir la transparence.
Cliquez sur le champ Texte situé dans le bas de la boîte de dialogue. Vous avez trois options pour exporter le texte. Puisque ce document est destiné à Flash, choisissez Texte InDesign en texte Flash.
Cliquez sur OK pour fermer la boîte de dialogue Exporter au format Adobe Flash CS4 Professionnal XFL et exporter le fichier XFL.
Ouvrir un fichier XFL dans Flash
Une fois que vous avez exporté votre document InDesign comme un document XFL, vous pouvez ouvrir le document dans Flash. Pour ouvrir un document XFL :
Dans Flash, choisissez Fichier > Ouvrir. Quand la boîte de dialogue apparaît, parcourez vos fichiers pour sélectionner le fichier XFL. Le fichier XFL s’ouvre sur la Scène.
Si nécessaire, modifiez la vue pour visualiser la totalité de votre document. Choisissez Affichage > Zoom > Ajuster à la fenêtre. La mise en page du document InDesign est préservée dans Flash (plutôt que d’importer le fichier natif InDesign, Flash utilise les informations du fichier XFL pour créer un nouveau fichier Flash Sans-nom).
Image 3: Visualisation du document en entier
Observez la le panneau Bibliothèque accroché dans la partie droite de l’interface de Flash. Le panneau Bibliothèque affiche les éléments que vous avez utilisé dans InDesign. Remarquez également qu’un MovieClip a été créé pour chacune des pages exportées.
Image 4: Le panneau Bibliothèque
Parce que Flash utilise le fichier XFL pour créer un nouveau fichier FLA, vous devez enregistrer le nouveau fichier. Choisissez Fichier > Enregistrer sous. Quand la boîte de dialogue Enregistrer sous apparaît, donnez un nom dans le champ Enregistrer sous. Cliquez sur Enregistrer.
Ajouter de l’interactivité au fichier FLA
Une fois que vous avez enregistré le fichier FLA, vous pouvez ajouter des éléments interactifs dans Flash, telles que des animations et du code ActionScript. Pour ajouter des éléments interactifs :
Double-cliquez sur la Scène pour accéder au scénario du MovieClip Spread.
Depuis le scénario, le texte est toujours modifiable, comme dans InDesign. Pour modifier le texte, cliquez simplement sur l’élément texte avec l’outil Texte pour le sélectionner et faîtes les modifications désirées.
Vous pouvez également grouper les éléments texte en une seule instance, pour l’animer plus tard ou simplement pour réunir les blocs de texte. Pour créer un symbole à partir d’un ou plusieurs éléments, choisissez l’outil de sélection, puis avec Majuscule enfoncé, cliquez pour sélectionner les éléments texte du fichier FLA.
Quand la boîte de dialogue Convertir en symbole s’ouvre, donnez un nom au symbole. Choisissez Clip pour le type symbole. Cliquez sur OK.
Définir une animation à un MovieClip
Pour définir une animation au MovieClip que vous venez de créer, commencez par positionner le MovieClip sur un calque séparé. Pour déplacer le MovieClip sur un autre calque, sélectionnez-le et choisissez Modifier > Couper. Le MovieClip est supprimé du calque 1.
Cliquez sur l’icône Nouveau calque en bas du panneau Scénario.
Sélectionnez le nouveau calque dans le panneau Scénario. Donnez au nouveau calque un nom descriptif qui reflète son contenu ou sa fonction.
Image 5: Création d’un nouveau calque
Choisissez Modifier > Coller en place pour coller le MovieClip du premier calque sur le nouveau calque.
Pour appliquer une présélection de mouvement à votre MovieClip, choisissez Fenêtre > Présélections de mouvement. Le panneau Présélections de mouvement s’ouvre.
Vous pouvez sélectionner parmi les réglages par défaut ou créer et importer des présélections personnalisées que vous appliquez à votre animation. Sélectionnez votre présélection depuis le panneau Présélections de mouvement et cliquez sur Appliquer.
Fermez le panneau Présélections de mouvement.
Etendez le scénario du calque 1 jusqu’à l’image 12 en sélectionnant l’image 12 et en appuyant sur la touche F5 du clavier ou en choisissant Insertion > Scénario > Image. Flash insère automatiquement le nombre d’images requises dans le scénario.
Cliquez et déplacez la tête de lecture pour avoir un aperçu de l’animation.
Ajouter du code ActionScript
ActionScript vous permet d’ajouter des actions personnalisées telles qu’une action Stop à votre projet. Pour ajouter une action Stop à votre animation avec ActionScript :
Cliquez sur l’icône Nouveau calque dans le Scénario. Nommez le calque Actions.
Sélectionnez l’image 12 du calque Actions. Appuyez sur la touche F7 pour créer une image-clé vide.
Ouvrez le panneau Actions en appuyant sur les touches Option+F9 (Mac OS)/F9 (Windows).
Image 6: Le panneau Actions
Sur la première ligne du panneau Action, tapez stop(); Ce code stoppe la tête de lecture à la fin de votre animation.
Fermez le panneau Actions.
Pour tester le fichier et voir l’animation complète, choisissez Contrôle > Tester l’animation.