Adobe DIGITAL PUBLISHING SUITE Manuel utilisateur

Didacticiels
ADOBE® DIGITAL PUBLISHING SUITE
Mentions légales
Mentions légales
Pour en savoir plus sur les mentions légales, consultez http://help.adobe.com/fr_FR/legalnotices/index.html.
Dernière mise à jour le 7/9/2011
iii
Sommaire
Didacticiels de création
Configuration des didacticiels
......................................................................................... 1
Didacticiel 1 : didacticiel rapide pour utilisateurs expérimentés de Digital Publishing Suite
Didacticiel 2 : création d’un folio simple
Didacticiel 3 : ajout d’éléments interactifs
............................... 1
................................................................................ 6
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Dernière mise à jour le 7/9/2011
1
Didacticiels de création
Configuration des didacticiels
Ces didacticiels expliquent comment convertir des documents InDesign au format numérique, de manière à pouvoir
les lire sur des périphériques mobiles tels que l’iPad. Si vous connaissez déjà les outils de publication numérique, suivez
la première leçon. Si le processus de publication numérique est nouveau pour vous, ignorez le premier didacticiel.
Pour suivre les étapes de ces didacticiels, vous devez disposer de l’application InDesign CS5 ou InDesign CS5.5 avec
une version mise à jour des outils Folio Producer.
Cliquez sur le lien suivant pour télécharger les fichiers source des didacticiels :
Télécharger TutorialAssets.zip
Didacticiel 1 : didacticiel rapide pour utilisateurs
expérimentés de Digital Publishing Suite
Si vous avez créé des folios à l’aide des outils de la version bêta de Digital Publishing Suite, suivez ce didacticiel. Si votre
expérience des outils Digital Publishing Suite est limitée, passez au didacticiel suivant pour apprendre les bases.
Création d’un folio et d’un article
Avec les précédents outils, il était possible de créer un dossier de folios contenant des sous-dossiers de « pile ».
L’utilisation d’une structure de dossiers et des conventions d’appellation des fichiers adéquates était obligatoire pour
créer un folio. Avec ce nouveau flux de travaux, la structure des dossiers a uniquement de l’importance lors de
l’importation des folios. Vous pouvez désormais ajouter des articles à un folio, même lorsqu’ils sont stockés à différents
emplacements, voire sur des ordinateurs différents. Les folios et articles sont téléchargés sur un espace de travail sur
Internet.
1 Installez les outils Folio Producer compatibles avec InDesign CS5 ou InDesign CS5.5.
2 Dans InDesign, choisissez la commande Fenêtre > Extensions > Folio Builder.
Le panneau Folio Builder remplace Content Bundler.
3 Cliquez sur Se connecter, puis utilisez un ID Adobe vérifié pour vous connecter.
Le compte que vous utilisez pour vous connecter détermine les fonctions disponibles. Si vous n’avez pas de compte
d’entreprise ou professionnel, vous ne pouvez créer qu’un seul folio. (Si vous supprimez le folio, vous pouvez en
créer un nouveau.) Vous pouvez également accéder à tous les folios qu’un éditeur partage avec vous.
4 Cliquez sur Nouveau pour créer un folio. Indiquez un nom de folio tel que « Didacticiel », puis cliquez sur OK.
Dernière mise à jour le 7/9/2011
2
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Création d’un folio
Ensuite, créez un nouveau document et ajoutez-le en tant qu’article.
5 Créez un nouveau document au format paysage 1024 x 768, puis enregistrez-le sous « test wide.indd ». Insérez du
texte ou des images.
Il n’est pas nécessaire d’ajouter les suffixes _h et _v au nom des documents lorsque vous les enregistrez, sauf si vous
souhaitez les importer.
6 Dans le panneau Folio Builder, cliquez sur Nouveau pour créer un article. Indiquez le nom de l’article, tel que
« test », puis cliquez sur OK.
L’article est téléchargé sur l’espace de travail du folio sur Internet.
7 Double-cliquez sur l’article « test ».
Notez que seule la mise en forme paysage apparaît.
Vue paysage du panneau Folio Builder
Dernière mise à jour le 7/9/2011
3
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
8 Créez un nouveau document au format portrait 1024 x 768, puis enregistrez-le sous « test tall.indd ». Insérez du
texte ou des images.
9 Dans le panneau Folio Builder, vérifiez que vous êtes dans la vue de la mise en page, puis cliquez sur Nouveau pour
ajouter la mise en forme portrait.
La vue de la mise en page doit maintenant inclure à la fois les mises en page portrait et paysage.
Modification des propriétés du folio et des articles
Le panneau Folio Builder inclut trois vues : vue du folio, vue des articles et vue de la mise en page.
1 Testez la navigation dans les trois vues du panneau.
Cliquez sur les éléments situés en-dessous de l’onglet Folio Builder pour naviguer dans le panneau. Dans la vue de
la mise en page, cliquez sur la flèche pour revenir à la vue du folio, ou cliquez sur le nom du folio pour revenir à la
vue des articles.
Double-cliquez sur le nom du folio et des articles pour les détailler en cascade.
2 Cliquez sur la flèche pour revenir à la vue du folio. Sélectionnez le folio, puis sélectionnez Propriétés dans le
panneau Folio Builder.
3 Indiquez un nom de publication, tel que « Exemple de folio ».
Le nom de la publication est différent du nom du folio. Le nom de la publication s’affiche dans le lecteur de contenu.
Le nom du folio s’affiche dans le panneau Folio Builder et dans Folio Producer.
Boîte de dialogue Propriétés du folio.
4 Indiquez les images destinées à l’aperçu de la couverture, puis cliquez sur OK.
L’aperçu de la couverture s’affiche dans la bibliothèque du lecteur de contenu. Avec les outils précédents, Content
Bundler générait la couverture à partir de la première page de la première pile. Dans le nouveau flux de travaux,
vous indiquez les images de couverture. L’aperçu de la couverture est obligatoire afin de publier l’application.
5 Dans le panneau Folio Builder, double-cliquez sur le folio. Sélectionnez l’article « test », puis sélectionnez
Propriétés dans le menu du panneau Folio Builder.
Dernière mise à jour le 7/9/2011
4
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Notez que la boîte de dialogue Propriétés de l’article inclut un champ Titre. Le titre de l’article s’affiche dans le
lecteur de contenu. Le nom de l’article apparaît dans le panneau Folio Builder et dans Folio Producer. Lorsque vous
créez des liens vers d’autres articles, utilisez le nom de l’article, et non le titre de l’article.
Boîte de dialogue Propriétés de l’article
6 Spécifiez les propriétés de l’article, puis cliquez sur OK.
Aperçu d’un article
Vous pouvez prévisualiser des articles et des folios, à l’aide de Desktop Viewer ou d’Adobe Content Viewer sur un
périphérique mobile.
1 Sélectionnez l’article « test », puis cliquez sur Aperçu.
Desktop Viewer affiche l’article. Appuyez sur Ctrl/Commande + R pour effectuer une rotation.
2 Quittez Desktop Viewer.
3 Pour prévisualiser le folio sur un périphérique mobile comme l’iPad, installez Adobe Content Viewer sur l’appareil,
puis connectez-vous à l’aide de l’ID Adobe que vous avez utilisé pour vous connecter au panneau Folio Builder.
Vérifiez que le périphérique mobile utilisé est connecté à Internet.
Importation d’articles
Vous venez de créer un article en ouvrant le document source et en cliquant sur Nouveau. Une meilleure méthode
consiste à importer des articles. Vous pouvez importer un seul ou plusieurs articles si vous utilisez la structure de
dossiers et les conventions d’appellation des fichiers obligatoires. En vue de l’importation, chaque dossier d’articles
doit comporter des documents InDesign avec les suffixes _v ou _h, afin d’indiquer s’ils sont à la verticale ou à
l’horizontale.
Lorsque vous importez un article, désignez un dossier d’articles. Lorsque vous importez plusieurs articles, désignez le
dossier du folio.
Dernière mise à jour le 7/9/2011
5
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Remarque : avant d’importer des articles, ouvrez les documents source dans le dossier TutorialAssets pour vérifier que
tous les liens sont mis à jour et que les fichiers sont enregistrés. Voir « Configuration des didacticiels » à la page 1.
1 Dans la vue de l’article, sélectionnez l’option Importer dans le menu du panneau Folio Builder.
2 Dans le champ Nom de l’article, saisissez Publicité Meridien.
3 Cliquez sur l’icône du dossier Emplacement, puis naviguez jusqu’au dossier situé sous TutorialAssets >
Meridien_Folio > WiFi_Ad. Cliquez sur Ouvrir.
Importation d’un seul article
4 Cliquez sur OK pour importer et télécharger l’article.
Ensuite, importez l’intégralité d’un folio. Lorsque vous importez un folio complet, chaque sous-dossier du dossier
du folio est importé en tant qu'article distinct.
5 Dans la vue de l’article, sélectionnez l’option Importer dans le menu du panneau Folio Builder.
6 Sélectionnez Importer plusieurs articles.
7 Cliquez sur l’icône du dossier Emplacement, puis naviguez jusqu’au dossier situé sous TutorialAssets >
CityGuide_Folio. Cliquez sur Ouvrir.
8 Cliquez sur OK pour importer les articles dans le dossier du folio.
Dernière mise à jour le 7/9/2011
6
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Panneau Folio Builder après l’importation d’articles
Les articles sont importés. Si le dossier du folio contient un fichier sidecar.xml, les propriétés de l’article sont
remplies.
9 Naviguez jusqu’à la vue du folio, sélectionnez le folio du didacticiel, puis cliquez sur Aperçu.
Si vous modifiez le document source d’un article, vous devez mettre à jour l’article pour que les modifications soient
reflétées dans l’aperçu. Sélectionnez l’article, puis sélectionnez Mettre à jour dans le panneau Folio Builder.
Pour modifier des folios, connectez-vous au client Web à l’adresse http://digitalpublishing.acrobat.com/fr. Si vous
disposez d’un abonnement à Digital Publishing Suite, vous pouvez utiliser Folio Producer pour publier des folios et
utiliser Viewer Builder pour créer des lecteurs de contenu personnalisés.
Pour supprimer le folio et tous ses articles, sélectionnez-le dans le panneau Folio Builder, puis cliquez sur le bouton de
la corbeille.
Didacticiel 2 : création d’un folio simple
Ce didacticiel va vous permettre de créer un folio et un article et de les prévisualiser sur un ordinateur, puis sur un iPad.
A la fin de cette leçon, voici ce à quoi votre fichier d’une page ressemblera sur l’iPad.
Dernière mise à jour le 7/9/2011
7
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
A
B
Folio terminé affiché sur l’iPad
A. Vue en format paysage (horizontale) B. Vue au format portrait (verticale)
Création d’un folio et d’un article
Un folio se définit comme une collection d’articles de publication numérique. Lorsque vous créez un folio, un espace
de travail est créé sur le Web.
Dans ce didacticiel, vous allez ouvrir des documents distincts conçus pour une mise en page verticale et horizontale.
La création de deux mises en page différentes pour chaque article permet aux utilisateurs de faire pivoter l’iPad pour
afficher un contenu similaire orienté différemment.
1 Choisissez Fenêtre > Extensions > Folio Builder.
2 Cliquez sur Se connecter, puis utilisez un ID Adobe vérifié pour vous connecter.
Si vous n’avez pas d’ID Adobe, vous pouvez en créer un à l’adresse
https://www.adobe.com/cfusion/membership/index.cfm?loc=fr_fr&nl=1.
3 Cliquez sur Nouveau pour créer un folio. Dans le champ Nom du folio, saisissez Guide de la ville, puis cliquez sur OK.
Dernière mise à jour le 7/9/2011
8
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Création d’un folio
Vous allez ensuite créer un article à partir d’un document InDesign ouvert.
4 Si cela n’est pas déjà fait, décompressez le fichier TutorialAssets (au format .zip), puis naviguez jusqu’au dossier
Meridien_Folio. Voir « Configuration des didacticiels » à la page 1.
5 Dans InDesign, ouvrez les fichiers WiFi_h.indd et WiFi_v.indd situés dans le dossier WiFi_Article. Si vous y êtes
invité, mettez à jour les liens et enregistrez les fichiers.
Ces deux documents sont les fichiers source qui vous serviront à créer les mises en page horizontale et verticale.
6 Dans le panneau Folio Builder, cliquez sur Nouveau pour créer un nouvel article. Dans le champ Nom de l’article,
saisissez Publicité WiFi, puis cliquez sur OK.
Ajout d’un article à un folio
Le nom de l’article apparaît dans le panneau Folio Builder. Les informations sur l’article sont téléchargées sur
l’espace de travail du folio sur Internet.
7 Dans le panneau Folio Builder, double-cliquez sur l’article « Publicité WiFi ».
Notez qu’une seule mise en page s’affiche dans la vue de la mise en page. Vous devez ajouter la deuxième mise en page.
8 Activez l’autre document « WiFi », puis cliquez sur Nouveau dans la vue de la mise en page pour ajouter une
deuxième mise en page.
Dernière mise à jour le 7/9/2011
9
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Deux documents, horizontal et vertical, ajoutés comme mise en page
9 Fermez les fichiers « WiFi » dans InDesign.
Modification des propriétés de l’article
Le panneau Folio Builder inclut trois vues : vue du folio, vue des articles et vue de la mise en page.
Dernière mise à jour le 7/9/2011
10
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Vue du folio (à gauche), vue des articles (au centre) et vue de la mise en page (à droite)
1 Testez la navigation dans les trois vues du panneau Folio Builder.
Cliquez sur les éléments situés en-dessous de l’onglet Folio Builder pour naviguer dans le panneau. Dans la vue de
la mise en page, cliquez sur la flèche pour revenir à la vue du folio, ou cliquez sur le nom du folio pour revenir à la
vue des articles.
Double-cliquez sur le nom du folio et des articles pour les détailler en cascade.
2 Dans le panneau Folio Builder, double-cliquez sur le folio « Guide de la ville ». Sélectionnez l’article
« Publicité WiFi », puis sélectionnez Propriétés dans le menu du panneau Folio Builder.
Lorsque vous modifiez les propriétés de l’article, cela détermine l’aspect de l’article dans le lecteur de contenu.
Notez que la boîte de dialogue Propriétés de l’article inclut un champ Titre. Le titre de l’article s’affiche dans le
lecteur de contenu. Le nom de l’article apparaît dans le panneau Folio Builder et dans Folio Producer. Lorsque vous
créez des liens vers d’autres articles, utilisez le nom de l’article, et non le titre de l’article.
Dernière mise à jour le 7/9/2011
11
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Boîte de dialogue Propriétés de l’article
3 Dans le champ Titre, saisissez Publicité Meridien, cochez la case Publicité, indiquez d’autres métadonnées, puis
cliquez sur OK.
Lorsque vous cochez la case Publicité, l’article n’apparaît pas dans la table des matières du lecteur de contenu.
Aperçu de l’article avec Desktop Viewer
Vous avez la possibilité d’afficher un aperçu des articles et des folios sur un périphérique mobile avec Adobe
Content Viewer for the Desktop (également appelé Desktop Viewer).
1 Sélectionnez l’article « test », puis cliquez sur Aperçu.
2 Appuyez sur Ctrl/Commande + R pour modifier l’orientation.
Article affiché sur Desktop Viewer
Dernière mise à jour le 7/9/2011
12
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
3 Quittez Adobe Content Viewer.
Vous pouvez également afficher un aperçu du folio sur un périphérique mobile tel qu’un iPad, en vous connectant à
Adobe Content Viewer à l’aide de l’ID Adobe que vous avez utilisé pour vous connecter au panneau Folio Builder. Cela
est abordé dans la leçon suivante.
Didacticiel 3 : ajout d’éléments interactifs
Dans ce didacticiel, vous utiliserez le dossier CityGuide_Folio du dossier TutorialAssets. Vous allez créer des objets
interactifs directement dans InDesign. A la fin de cette leçon, voici ce à quoi la première page de votre article principal
devrait ressembler sur l’iPad.
A
C
D
B
Folio terminé affiché sur l’iPad
A. Vue en format paysage (horizontale) B. Vue au format portrait (verticale) C. Hyperliens D. Vidéos en incrustation
Si cela n’est pas déjà fait, téléchargez les fichiers du didacticiel. Voir « Configuration des didacticiels » à la page 1.
Importation d’articles
Au cours de la leçon précédente, vous avez créé un article en ouvrant le document source et en cliquant sur Nouveau.
Une meilleure méthode consiste à importer des articles. Si vous utilisez la structure de dossiers et les conventions
d’appellation des fichiers adéquates, vous avez la possibilité d’importer un seul ou plusieurs articles.
Dernière mise à jour le 7/9/2011
13
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Lorsque vous importez un article, désignez un dossier d’articles. Lorsque vous importez plusieurs articles, désignez le
dossier du folio.
1 Avant d’importer des articles, ouvrez les documents source InDesign dans le dossier TutorialAssets >
CityGuide_Folio pour vérifier que tous les liens sont mis à jour et que les fichiers sont enregistrés.
2 Naviguez dans la vue de l’article et sélectionnez Importer dans le menu du panneau Folio Builder.
3 Sélectionnez Importer plusieurs articles.
4 Cliquez sur l’icône du dossier Emplacement, puis naviguez jusqu’au dossier situé sous TutorialAssets >
CityGuide_Folio. Cliquez sur Ouvrir.
Sélectionnez le dossier CityGuide_Folio, pas un sous-dossier.
5 Cliquez sur OK pour importer les articles dans le dossier CityGuide_Folio et les télécharger vers le serveur.
Panneau Folio Builder après l’importation d’articles
Modification des propriétés du folio
1 Dans le panneau Folio Builder, cliquez sur l’icône en forme de flèche pour revenir à la vue du folio. Sélectionnez le
folio « Guide de la ville », puis sélectionnez Propriétés dans le panneau Folio Builder.
2 Dans le champ Nom de la publication, saisissez Guide de la ville mensuel.
Le nom de la publication est différent du nom du folio. Le nom de la publication s’affiche dans le lecteur de contenu.
Le nom du folio apparaît dans le panneau Folio Builder et dans le client Web Folio Producer.
3 Pour les images d’aperçu de la couverture, indiquez Cover_v.jpg pour l’image à la verticale et Cover_h.jpg pour
l’image à l’horizontale, puis cliquez sur OK. Ces images de couverture apparaissent dans le dossier
CityGuide_Folio.
L’aperçu de la couverture s’affiche dans la bibliothèque du lecteur de contenu. L’aperçu de la couverture est
obligatoire afin de publier l’application.
Dernière mise à jour le 7/9/2011
14
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Boîte de dialogue Propriétés du folio
Ajout d’un hyperlien interactif
Vous allez à présent modifier les documents Enjoy pour y inclure des objets interactifs.
InDesign comporte de nombreuses fonctions d’interactivité. Cependant, seulement quelques-unes de ces fonctions
peuvent être utilisées avec les outils de publication numérique. Outre les fonctions natives prises en charge, le panneau
Overlay Creator inclut des incrustations interactives qui fonctionnent uniquement avec les outils de publication
numérique.
Dans un premier temps, créez un objet hyperlien pour le logo « D. I. Y. Meet ».
1 Dans le panneau Folio Builder, naviguez vers la vue de la mise en page de l’article Enjoy_Article, puis double-
cliquez sur Mise en forme portrait pour ouvrir le document Enjoy_v.indd.
2 Sélectionnez l’outil Rectangle dans la barre d’outils, puis faites glisser un rectangle au-dessus du logo « D. I. Y.
Meet » sur la première page. Assurez-vous que le rectangle ne possède pas de contour ni de fond.
3 Ouvrez le panneau Hyperliens (Fenêtre > Objet interactif > Hyperliens), puis choisissez la commande Nouvel
hyperlien dans le menu du panneau.
4 Sélectionnez l’URL dans le menu Lien vers, puis saisissez une adresse URL dans le champ URL (nous avons utilisé
http://www.bikeworks.org/). Décochez la case Cible d’hyperlien partagée. Dans la zone Aspect, laissez Rectangle
invisible et Aucun sélectionnés. Cliquez sur le bouton OK.
Dernière mise à jour le 7/9/2011
15
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Application d’un hyperlien à un bloc rectangulaire
5 Dans le panneau Folio Builder, double-cliquez sur Mise en forme paysage pour ouvrir le document Enjoy_h.indd.
Copiez et collez l’objet hyperlien du fichier Enjoy_v.indd dans le fichier Enjoy_h.indd. Déplacez l’objet sur le logo
« D. I. Y. Meet ».
6 Pour prévisualiser rapidement le document, enregistrez-le puis choisissez la commande Fichier > Aperçu du folio.
Cliquez sur l’hyperlien. Quittez ensuite Adobe Content Viewer.
Par défaut, les hyperliens s’ouvrent dans un lecteur de contenu « in-app », pas dans le navigateur mobile. Vous pouvez
utiliser le panneau Overlay Creator afin de modifier les paramètres pour que cela ouvre une page Web dans Safari
mobile. Vous trouverez plus d’informations sur le panneau Overlay Creator dans les pages qui suivent.
Création d’une incrustation de séquence
Les séquences que vous ajoutez à un document InDesign deviennent interactives lorsque vous regroupez les fichiers.
Vous allez ajouter la vidéo puis utiliser le panneau Overlay Creator pour modifier les paramètres. Nous allons ajouter
une séquence sur le vélo.
1 Dans le fichier Enjoy_h.indd, choisissez la commande Fichier > Importer, naviguez jusqu’au dossier sous
CityGuide_Folio > Enjoy_Article > Links, puis double-cliquez sur le fichier cycling_432x234.mpg. Importez le
fichier de la séquence dans l’angle supérieur droit.
Les concepteurs ont créé une image vidéo avec une icône de séquence pour indiquer que l’objet est interactif. Vous
utiliserez ensuite cette image en tant qu’affiche.
2 Dans le panneau Multimédia (Fenêtre > Objet interactif > Multimédia), choisissez l’option Sélectionner une image
dans le menu contextuel Affiche. Double-cliquez sur le fichier cyclist.jpg dans le dossier CityGuide_Folio >
Enjoy_Article > Links.
La nouvelle image d’affiche apparaît. Utilisons maintenant le panneau Overlay Creator pour déterminer la lecture
de la séquence.
3 Sélectionnez Fenêtre > Extensions > Overlay Creator pour ouvrir le panneau Overlay Creator.
Dernière mise à jour le 7/9/2011
16
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
4 Alors que l’objet de la séquence est toujours sélectionné, choisissez l’option Tapoter pour afficher la barre de
contrôle, dans le panneau Overlay Creator.
Utilisation du panneau Overlay Creator pour modifier les paramètres d’une séquence
5 A l’aide de l’outil Sélection, copiez l’image, passez dans le document Enjoy_v.indd, puis collez-la. Déplacez-la vers
la zone vide de la première page, puis alignez-la avec les objets qui l’entourent.
6 Pour prévisualiser la séquence, enregistrez le document puis choisissez la commande Fichier > Aperçu du folio.
Cliquez sur la séquence pour la lire. Quittez ensuite Adobe Content Viewer.
Création d’une incrustation de diaporama
Nous allons maintenant créer un diaporama interactif à l’aide du panneau Etats d’objet. Nous avons déjà ajouté les
images sur la seconde page du fichier « Enjoy ». Vous allez les disposer sous forme de pile, les convertir en objet à états
multiples et créer des boutons pour naviguer entre les diapositives.
1 Ouvrez Enjoy_v.indd dans InDesign et passez à la page 2.
2 Sélectionnez les sept images entre les flèches rouges, puis cliquez sur les boutons Aligner les centres dans le sens
horizontal et Aligner les centres dans le sens vertical dans le panneau Contrôle. Centrez les images entre les flèches.
3 Avec les images encore sélectionnées, choisissez Fenêtre > Objet interactif > Etats d’objet pour afficher le panneau
Etats d’objet. Cliquez ensuite sur le bouton Convertir la sélection en objet à états multiples.
Dernière mise à jour le 7/9/2011
17
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Images combinées en objet à états multiples
Chaque image s’affiche comme un état distinct dans le panneau Etats d’objet.
4 Dans le panneau Etats d’objet, modifiez le nom de l’objet en Limaces de mer.
Quand vos objets à états multiples issus des documents à l’horizontale et à la verticale ont un nom d’objet identique,
l’état est mémorisé lorsque vous faites pivoter l’iPad. Maintenant que vous avez créé l’objet à états multiples, vous
devez permettre aux utilisateurs de passer d’un état à l’autre.
5 Choisissez la commande Fenêtre > Objet interactif > Boutons pour afficher le panneau correspondant, puis
sélectionnez la flèche rouge sur la gauche.
6 Cliquez sur le bouton Convertir l’objet en bouton, puis choisissez Atteindre l’état précédent à partir de l’icône Plus
en regard de Scripts.
Dernière mise à jour le 7/9/2011
18
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Création de boutons de navigation
Nous allons maintenant faire changer légèrement d’apparence le bouton lorsque l’utilisateur le touche.
7 Cliquez sur [Clic] dans le panneau Boutons, puis cliquez sur l’icône Ombre portée du panneau de contrôle.
8 Sélectionnez la flèche rouge sur la droite, convertissez-la en bouton, puis appliquez l’action Atteindre l’état suivant.
Appliquez une ombre portée à l’aspect [Clic].
Les boutons permettent aux utilisateurs de se déplacer d’une image à l’autre. Nous allons également leur permettre
d’effectuer un glissement pour faire avancer les diapositives.
9 Sélectionnez l’objet à états multiples. Dans le panneau Overlay Creator, sélectionnez Faire glisser pour modifier
l’état.
Dernière mise à jour le 7/9/2011
19
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Glissement activé pour le diaporama
10 Copiez et collez les flèches et l’objet à états multiples du fichier Enjoy_v.indd sur la page 2 du fichier Enjoy_h.indd.
Déplacez les flèches sous l’objet à états multiples pour optimiser l’ajustement.
11 Pour prévisualiser le diaporama, enregistrez le document puis choisissez la commande Fichier > Aperçu du folio.
Cliquez sur les boutons de navigation pour vous déplacer dans les diapositives. Quittez ensuite Adobe
Content Viewer.
Création d’une incrustation en panorama
Les panoramas nécessitent six images représentant les côtés d’un cube.
1 Ouvrez Enjoy_v.indd et passez à la page 3.
2 Sélectionnez l’outil Bloc rectangulaire dans la boîte à outils, puis faites-le glisser pour créer un rectangle de
n’importe quelle taille.
3 Dans le panneau Overlay Creator, sélectionnez Panorama.
4 Cliquez sur le dossier Source, puis sélectionnez le dossier CourtyardPano sous CityGuide_Folio > Enjoy_Article >
Links. Cliquez sur Ouvrir.
Le rectangle de substitution suppose la forme des images du panorama, mais nous cherchons à réduire la taille de
la zone de clic.
5 En maintenant les touches Ctrl + Maj. (Windows) ou Commande + Maj. (Mac OS) enfoncées, faites glisser la
poignée de sélection afin de redimensionner l’objet panorama pour que sa taille soit d’environ 400 x 400 pixels.
Dernière mise à jour le 7/9/2011
20
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
Création d’une incrustation en panorama
Utilisons les paramètres par défaut du panorama pour offrir une vaste marge de manœuvre.
6 Copiez et collez l’objet panorama du fichier Enjoy_v.indd sur la page 3 du fichier Enjoy_h.indd.
7 Enregistrez et fermez les fichiers InDesign.
Mise à jour et aperçu des fichiers
Maintenant que vous avez ajouté des incrustations interactives aux documents source InDesign, vous êtes prêt à
afficher un aperçu des fichiers sur un périphérique mobile. Avant de prévisualiser les fichiers sur votre iPad,
téléchargez les articles.
1 Dans Folio Builder, naviguez vers la vue des articles et sélectionnez Enjoy_Article. Choisissez l’option Mettre à jour
dans le menu du panneau Folio Builder.
Les fichiers des objets interactifs sont téléchargés sur le serveur.
2 Si vous ne l’avez pas déjà fait, installez Adobe Content Viewer depuis l’App Store sur votre iPad ou à partir de
l’iTunes Store.
Remarque : si vous possédez un périphérique mobile différent, tel qu’une tablette Android ou un BlackBerry
PlayBook, vous pouvez télécharger Adobe Content Viewer à partir de l’Android Market ou de la boutique App World.
3 Connectez votre iPad à l’ordinateur et synchronisez-le pour vérifier que l’application Adobe Content Viewer
apparaît à la fois sur iTunes et sur votre iPad.
Dernière mise à jour le 7/9/2011
21
DIDACTICIELS DIGITAL PUBLISHING SUITE
Didacticiels de création
L’application apparaît sur votre iPad comme « Adobe Viewer ».
4 Sur l’iPad, démarrez Adobe Viewer.
Votre iPad doit être connecté à Internet pour télécharger le folio.
5 Si vous n’êtes pas encore connecté, touchez le bouton Se connecter. Si vous ne parvenez pas à voir le bouton Se
connecter, touchez le folio, puis le bouton Origine situé dans l’angle supérieur gauche pour afficher la bibliothèque.
Connectez-vous avec le même ID Adobe que pour accéder au Content Bundler.
Votre iPad doit être connecté à Internet pour que vous puissiez vous connecter.
6 Lorsque vous y êtes invité, téléchargez et affichez le folio « Guide de la ville mensuel ».
• Tournez l’iPad de manière à visualiser les versions horizontale et verticale du fichier.
• Glissez vers la gauche et vers la droite pour afficher différents articles. Faites glisser vers le haut et vers le bas
pour lire un article.
• Recherchez l’article Enjoy. Vérifiez que les incrustations interactives fonctionnent.
• Touchez une zone non interactive afin d’afficher les barres de navigation et touchez le bouton Origine pour
revenir au début du folio. Touchez le bouton Table des matières situé dans l’angle supérieur gauche, afin de
visualiser le contenu de la table des matières et les vignettes. Touchez le bouton Parcourir situé dans l’angle
supérieur droit pour afficher une vue en plongée du folio, avec les descriptions de métadonnées ajoutées. Faites
glisser la barre de défilement pour faire défiler les aperçus d’article.
A
B
C
D
E
Adobe Viewer
A. Bouton Accueil B. Bouton Précédent C. Bouton Table des matières D. Bouton Parcourir E. Barre de défilement
Dernière mise à jour le 7/9/2011
">