01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 1/18

Accueil

Débuter avec …

Illustrator

Indesign

Photoshop

Devenir membre

Forum

Newsletter

Tutos exclusifGuide gratuit 100 liens

ILLUSTRATOR Tutos exclusifs

INDESIGN Tutos exclusifs

PHOTOSHOP Tutos exclusifs

Tuto PDF

A propos

Contact

« [tuto Indesign] Texte en forme de drapeau

Le voleur de couleurs à l’honneur »

[tuto Indesign] Réaliser un book interactif PDFavec Indesign

Publié le 22 octobre 2012

Si vous travaillez dans un milieu artistique, ou que vous menez des études dans ce domaine, vous avez

surement déjà eu besoin de présenter un book. Si la version papier est indispensable pour les entretiens, il

peut être également intéressant d’en posséder une version numérique pour les envois par mail. Or cette

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 2/18

version numérique peut s’avérer bien plus amusante à réaliser si vous décidez de la rendre un peu plus

attrayante. Un petit aperçu du résultat final avec mon portfolio, consultable ici.Bien entendu vous pensez que vous allez devoir maitriser Flash pour cela, et bien je vous rassure pas du tout,

Indesign va amplement bous suffire pour cette tache, et s’avèrera un compagnon idéal et facilement à prendre

en main qui plus est. C’est parti !

Ouvrez notre logiciel de mise en page favori : Indesign. Vous arrivez alors sur la page d’accueil, on ne va pas

chercher plus loin et simplement choisir « document ». Une nouvelle fenêtre s’ouvre alors, et c’est celle-ci qui

nous intéresse le plus pour l’instant. Aussi étrange que cela puisse paraitre je laisse en « impression » dans le

mode, ainsi je reste sur du A4. Pour le nombre de pages je mets 10, je vous conseille également de ne pas

trop dépasser ce chiffre (gardez à l’esprit que les personnes à qui vous enverrez ce book n’ont pas

énormément de temps). Pour le format on reste sur du A4, l’orientation c’est comme vous préférez, pour ma

part j’ai plus d’illustrations à la française qu’à l’italienne, du coup je prends portait. Pour des paysages,

décors et autres on prendra plus paysage. Laissez 1 colonne et passez la gouttière à 0,5 mm. Et enfin, mettezdes marges de 10 mm. Et enfin, faites « ok ».

Vous voici sur votre document, avant toute chose nous allons procéder à un changement des outils de travail

en passant en mode « objet interactif », pour cela cliquez en haut et choisissez l’option que vous désirez dansle menu déroulant.

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 3/18

Vous avez pu vous apercevoir que les outils proposés ont alors changé. Vous avez maintenant la possibilitéd’utiliser des objets multimédias et des animations.

Je vous laisse remplir la page de garde comme bon vous semble, il ne s’agit que d’import d’images et de la

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 4/18

pose de textes. Voici un exemple de possibilité, tiré de mon ancien book.

Le nouveau est plus soft, ça donne ça (la première page comporte une animation swf).

Imaginons maintenant que vous mettiez du texte sur la première page, pour par exemple décrire vosexpériences, indiquer les logiciels que vous maitrisez, etc. Tout d’abord, vous allez ajouter du texte en

cliquant sur l’outil « texte », puis en créant une zone de texte dans laquelle vous allez déposer votre texte.

Faites de même pour d’autres pavés textes que vous souhaiteriez intégrer.

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 5/18

Je vous ai fait créer plusieurs pavés afin que vous puissiez comparer les différents effets. Sélectionnez lepremier pavé, puis sur la fenêtre « animation ». Ensuite, cliquez sur le menu déroulant « animation prédéf. » et

choisissez la première « apparition ». Le petit papillon au dessus joue l’animation afin de vous donner une

idée.

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 6/18

Maintenant cliquez sur le petit bouton en bas à gauche nommez « aperçu de la planche ». Une nouvelle

fenêtre s’ouvre sur un aperçu de votre page (double chez nous). Cliquez alors sur le triangle en bas à gauche

pour lancer l’animation et ainsi vérifiez, sans créer de document si celle-ci vous convient.

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 7/18

Sur la page de droite, importez quelques images, et de nouveau appliquez plusieurs effets différents afin de les

tester.

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 8/18

Malheureusement, la fonction aperçu n’est pas très concluante vous aurez surement besoin de tester votre

book en vrai. Maintenant nous allons voir comment ajouter une vidéo ou de la musique. Revenez sur votre

première page et ouvrez la fenêtre multimédia et cliquez sur l’icône « importez un fichier vidéo ou audio ».

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 9/18

Une nouvelle fenêtre s’ouvre alors. Vous n’avez plus qu’à choisir votre vidéo (je vous conseille fortement le

format flv ou autre très léger, afin de ne pas alourdir votre fichier final) ou votre fichier audio. Moi je choisis

une musique. Une fois sélectionnée, une petite icône en forme d’enceinte apparait au bout de votre souris

cliquer alors sur votre première page. La fenêtre « multimédia » qui était alors vide se remplit.

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 10/18

Nous pouvons alors choisir entre deux options principales : lire ou arrêter au chargement de la page et lire en

boucle ou non. Je vous conseille de la lire au chargement de la page et pas en boucle pour en pas agacer la

personne en face. Vous pouvez également afficher l’icône de son ou bien une image. Pour une vidéo c’est

sensiblement pareil, sauf que vous pouvez ajouter une image fixe pour la présenter, en lieu et place de l’icone

play.

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 11/18

Voilà vous avez rempli votre book, il est beau, il vous plait, alors il est temps de passer à l’étape finale : la

publication. N’oubliez pas nous avons débuté notre document en temps que fichier imprimable or nous

voulons de l’interactif. Allez dans fichier>exporter ou Ctrl+E. Une nouvelle fenêtre s’ouvre. Donnez un nom à

votre fichier puis dans le menu déroulant en dessous choisissez « SWF » sinon certaines animations ne

passeront pas.

Cliquez sur « enregistrer », une nouvelle fenêtre remplace alors l’autre. Dans celle-ci cochez les deuxpremières cases : générer le fichier HTML et afficher le fichier SWF après exportation, ainsi vous pourrez

vérifier si tout correspond bien. Le fichier HTML vous servira à mettre votre book sur internet et à le rendreconsultable aux autres. Pour le reste, laissez les paramètres par défaut, je vous conseille de laisser « inclure el

coin de page interactif », c’est plus sympa. Il vous suffit alors de cliquer sur ok.

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 12/18

Une fois vos fichiers définitifs en main, il ne vous reste plus qu’à transférer vos fichiers par FTP sur votre

serveur.

Evaluez cet article :

Rating: 0.0/10 (0 votes cast)

Join the forum discussion on this post

Articles en relation :

1. [tuto Indesign] Insérer une vidéo dans un PDF

2. [tuto Indesign] Découvrir et utiliser les gabarits3. [tuto indesign] Les bases d’Indesign 1 – les blocs -

4. [tuto exclusif] Texte en spirale sous Indesign5. [tuto Indesign] Texte en forme de drapeau

Publié dans Tuto Indesign

8 réponses à [tuto Indesign] Réaliser un book interactif PDF avec Indesign

Pinterest

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 13/18

vinciane dit :25 novembre 2012 à 10:38

Salut,

Ce tuto est juste génial, je viens de découvrir tout un aspect d’indesign que je ne connaissais pas. Parcontre j’ai une question : Est-ce qu’il est possible de créer un pdf interactif avec ces animations ? parce

que toi tu l’exportes en SWF, mais moi, j’aurais besoin d’un pdf comme format final, comment je doism’y prendre?

Merci!

Vinciane

Rating: 0.0/5 (0 votes cast)

Vianney Carvalho dit :

26 novembre 2012 à 7:09

Si c’est ajouter de la vidéo ou de la musique oui c’est faisable, si c’est pour importer la rotation des

pages c’est non. Je sais que cela est très étrange, mais Adobe n’a pas poussé le concept plus loin etc’est fort dommage.

Le PDF reste assez limité, c’est dommage car c’est un format très répandu.

Malheureusement il n’y a pas d’autre solutions que le SWF car les animations sont trop complexespour un PDF.

Rating: 0.0/5 (0 votes cast)

domidom1 dit :14 décembre 2012 à 12:37

Bravo … moi je ne connaissais pas cette méthode. Avant je traitais mes pages dans Photoshop, je les

enregistrais en jpeg et je les assemblais pour flashplayer. Ta methode me semble plus cool ! Merci !

Rating: 0.0/5 (0 votes cast)

Ggmb dit :

28 janvier 2013 à 8:23

Merci, j’adore Indesign mais je ne pensais pas que cette option était possible.

Mille mercis pour tes tutos.

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 14/18

Geraldine

Rating: 0.0/5 (0 votes cast)

ik dit :

6 février 2013 à 3:26

Comment fais-tu pour avoir le contenu centré dans le swf ? Tout le contenu est décaler à droite… Jeparle du swf pas du html qui lui est bien centré…

Sinon cool … je ne connaissais pas ce truc….

Rating: 0.0/5 (0 votes cast)

Vianney Carvalho dit :

13 février 2013 à 9:19

Il faut le centrer au moment de la création du fichier. Ensuite si c’est centré sur la page web, là c’est

dans el HTML avec une balise “center”.

Rating: 0.0/5 (0 votes cast)

Dam dit :20 mars 2013 à 1:43

Bonjour,

tutoriel très complet et clair. merci!

cependant, j’aurais la même remarque que Vinciane. Tu parles d’un PDF interactif mais le formatd’extraction final est un SWF.Pour ma part je souhaite avoir un PDF que je puisse envoyer par mail notamment. Les animations que

je souhaite faire sont très simples: ce sont juste des liens hypertextes entre les pages qui permettent derevenir au sommaire, ce sont des renvoies de page. Cela évite de devoir parcourir tout le pdf pour

revenir à un projet voulu. Cela permet également de mettre des liens internets et adresses mails.

Cependant quand j’exporte en pdf interactif, la résolution de mes images est très mauvaise. et si

j’exporte en pdf “normal” pour avoir une bonne qualité, je n’ai plus mes liens interactifs.

Aurais-tu une solution?

Merci pour ton aide.

Rating: 0.0/5 (0 votes cast)

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 15/18

Vianney Carvalho dit :

22 mars 2013 à 7:01

Bonjour

Le PDF reste assez limité si vous insérez des animations le PDF ne pourra le gérer. Le PDF interactifne fonctionne que si vous mettez de la musique ou des vidéos ça s’arrête là, après c’est du SWF, cesont des animations donc des éléments flash, il est donc normal que le fichier final soit du SWF.

Rating: 0.0/5 (0 votes cast)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Nom *

Adresse de contact *

Site web

Commentaire

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""><acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em><i> <q cite=""> <strike> <strong>

Laisser un commentaire

Me notifier des commentaires par mail.

Me notifier des commentaires à venir par mail.

Articles les mieux notés

[tuto photoshop] Ajouter de la pluie sur une photo (4 votes)

[tuto photoshop] Créer un cube en pixel art (4 votes)

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 16/18

25 logos au look rétro (4 votes)

Dessiner une fleur (paquerette) (4 votes)

Bouton flash mailto (3 votes)

[téléchargement] Pack 8 textures plastique (3 votes)

Habillage de texte (3 votes)

[tuto photoshop] 5 méthodes pour créer un fond original (7 votes)

20 logos d'inspiration Steampunk (6 votes)

30 photos sur le thème du feu (6 votes)

messages récents du forum

SPIRALE ...

envoyé dans le forum Présentation par sofilub le 20 mars 2013 à 10:15

[tuto Photoshop] Ajouter des coins ou angles à vos photos

envoyé dans le forum Photoshop par Vianney Carvalho le 11 mars 2013 à 8:42

Bonjour à Tous,

envoyé dans le forum Présentation par jeplor le 16 février 2013 à 4:12

Odentium

envoyé dans le forum Présentation par Odentium le 15 février 2013 à 9:40

[tuto Illustrator] Dessiner dans un style cartoon

envoyé dans le forum Illustrator par Vianney Carvalho le 11 février 2013 à 10:02

Rechercher

Devenir membre

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 17/18

Catégories

Articles et dossiers

Articles starsTéléchargements et ressources

Tuto ArtrageTuto FlashTuto Illustrator

Tuto IndesignTuto Photoshop

Archives

Choisir un mois

Abonnez vous au blog

Blogroll

.Dot-Design

A Do Be GFXAdvanced Graphics

Annuaire.pro TutoArthelius's BookArtstutos

Graph-cityIgloops

Le blog de tantoineMotion design

No shadeTuto PhotoshopTutopad

Commentaires récents

fafa dans [tuto Illustrator] Poster psychédélique

Attard dans Devenir membreVianney Carvalho dans [tuto Indesign] Réaliser un book interactif PDF avec Indesign

Canu dans 10 trucs et astuces pour IndesignDam dans [tuto Indesign] Réaliser un book interactif PDF avec Indesign

Nuages de mots 3D

Votre email

Votre nom

S'abonner

01/04/13 [tuto Indesign] Réaliser un book interactif PDF avec Indesign | Artbooktuto

vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 18/18

Débuter avec …

Ebook

Partenaires

Page facebook

Retrouvez-nous surFacebook

Artbooktuto

J’aime

382 personnes aiment

Artbooktuto.

Module social F acebook

copyright© 2012, Vianney Carvalho pour el blog Artbooktuto. All Rights Reserved.

Designed by Vianney Carvalho.