Vous êtes sur la page 1sur 18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Accueil Dbuter avec Illustrator Indesign Photoshop Devenir membre Forum Newsletter Tutos exclusif Guide 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 lhonneur

[tuto Indesign] Raliser un book interactif PDF avec 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 dj eu besoin de prsenter un book. Si la version papier est indispensable pour les entretiens, il peut tre galement intressant den possder une version numrique pour les envois par mail. Or cette
vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 1/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

version numrique peut savrer bien plus amusante raliser si vous dcidez de la rendre un peu plus attrayante. Un petit aperu du rsultat 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 savrera un compagnon idal et facilement prendre en main qui plus est. Cest parti ! Ouvrez notre logiciel de mise en page favori : Indesign. Vous arrivez alors sur la page daccueil, on ne va pas chercher plus loin et simplement choisir document . Une nouvelle fentre souvre alors, et cest celle-ci qui nous intresse le plus pour linstant. 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 dpasser ce chiffre (gardez lesprit que les personnes qui vous enverrez ce book nont pas normment de temps). Pour le format on reste sur du A4, lorientation cest comme vous prfrez, pour ma part jai plus dillustrations la franaise qu litalienne, du coup je prends portait. Pour des paysages, dcors et autres on prendra plus paysage. Laissez 1 colonne et passez la gouttire 0,5 mm. Et enfin, mettez des marges de 10 mm. Et enfin, faites ok .

Vous voici sur votre document, avant toute chose nous allons procder un changement des outils de travail en passant en mode objet interactif , pour cela cliquez en haut et choisissez loption que vous dsirez dans le menu droulant.

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

2/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Vous avez pu vous apercevoir que les outils proposs ont alors chang. Vous avez maintenant la possibilit dutiliser des objets multimdias et des animations.

Je vous laisse remplir la page de garde comme bon vous semble, il ne sagit que dimport dimages et de la
vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 3/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

pose de textes. Voici un exemple de possibilit, tir de mon ancien book. Le nouveau est plus soft, a donne a (la premire page comporte une animation swf).

Imaginons maintenant que vous mettiez du texte sur la premire page, pour par exemple dcrire vos expriences, indiquer les logiciels que vous maitrisez, etc. Tout dabord, vous allez ajouter du texte en cliquant sur loutil texte , puis en crant une zone de texte dans laquelle vous allez dposer votre texte.

Faites de mme pour dautres pavs textes que vous souhaiteriez intgrer.
vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 4/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Je vous ai fait crer plusieurs pavs afin que vous puissiez comparer les diffrents effets. Slectionnez le premier pav, puis sur la fentre animation . Ensuite, cliquez sur le menu droulant animation prdf. et choisissez la premire apparition . Le petit papillon au dessus joue lanimation afin de vous donner une ide.

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

5/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Maintenant cliquez sur le petit bouton en bas gauche nommez aperu de la planche . Une nouvelle fentre souvre sur un aperu de votre page (double chez nous). Cliquez alors sur le triangle en bas gauche pour lancer lanimation et ainsi vrifiez, sans crer de document si celle-ci vous convient.

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

6/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Sur la page de droite, importez quelques images, et de nouveau appliquez plusieurs effets diffrents afin de les tester.

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

7/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Malheureusement, la fonction aperu nest pas trs concluante vous aurez surement besoin de tester votre book en vrai. Maintenant nous allons voir comment ajouter une vido ou de la musique. Revenez sur votre premire page et ouvrez la fentre multimdia et cliquez sur licne importez un fichier vido ou audio .

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

8/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Une nouvelle fentre souvre alors. Vous navez plus qu choisir votre vido (je vous conseille fortement le format flv ou autre trs lger, afin de ne pas alourdir votre fichier final) ou votre fichier audio. Moi je choisis une musique. Une fois slectionne, une petite icne en forme denceinte apparait au bout de votre souris cliquer alors sur votre premire page. La fentre multimdia qui tait alors vide se remplit.

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

9/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Nous pouvons alors choisir entre deux options principales : lire ou arrter 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 licne de son ou bien une image. Pour une vido cest sensiblement pareil, sauf que vous pouvez ajouter une image fixe pour la prsenter, en lieu et place de licone play.

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

10/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Voil vous avez rempli votre book, il est beau, il vous plait, alors il est temps de passer ltape finale : la publication. Noubliez pas nous avons dbut notre document en temps que fichier imprimable or nous voulons de linteractif. Allez dans fichier>exporter ou Ctrl+E. Une nouvelle fentre souvre. Donnez un nom votre fichier puis dans le menu droulant en dessous choisissez SWF sinon certaines animations ne passeront pas.

Cliquez sur enregistrer , une nouvelle fentre remplace alors lautre. Dans celle-ci cochez les deux premires cases : gnrer le fichier HTML et afficher le fichier SWF aprs exportation, ainsi vous pourrez vrifier si tout correspond bien. Le fichier HTML vous servira mettre votre book sur internet et le rendre consultable aux autres. Pour le reste, laissez les paramtres par dfaut, je vous conseille de laisser inclure el coin de page interactif , cest plus sympa. Il vous suffit alors de cliquer sur ok.

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

11/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Une fois vos fichiers dfinitifs en main, il ne vous reste plus qu transfrer vos fichiers par FTP sur votre serveur.
Evaluez cet article : Rating: 0.0/10 (0 votes cast)
Pinterest

Join the forum discussion on this post Articles en relation : 1. 2. 3. 4. 5. [tuto Indesign] Insrer une vido dans un PDF [tuto Indesign] Dcouvrir et utiliser les gabarits [tuto indesign] Les bases dIndesign 1 les blocs [tuto exclusif] Texte en spirale sous Indesign [tuto Indesign] Texte en forme de drapeau

Publi dans Tuto Indesign 8 rponses [tuto Indesign] Raliser un book interactif PDF avec Indesign

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

12/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

vinciane dit : 25 novembre 2012 10:38 Salut, Ce tuto est juste gnial, je viens de dcouvrir tout un aspect dindesign que je ne connaissais pas. Par contre jai une question : Est-ce quil est possible de crer un pdf interactif avec ces animations ? parce que toi tu lexportes en SWF, mais moi, jaurais besoin dun pdf comme format final, comment je dois my prendre? Merci! Vinciane
Rating: 0.0/5 (0 votes cast)

Vianney Carvalho dit : 26 novembre 2012 7:09 Si cest ajouter de la vido ou de la musique oui cest faisable, si cest pour importer la rotation des pages cest non. Je sais que cela est trs trange, mais Adobe na pas pouss le concept plus loin et cest fort dommage. Le PDF reste assez limit, cest dommage car cest un format trs rpandu. Malheureusement il ny a pas dautre solutions que le SWF car les animations sont trop complexes pour un PDF.
Rating: 0.0/5 (0 votes cast)

domidom1 dit : 14 dcembre 2012 12:37 Bravo moi je ne connaissais pas cette mthode. 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, jadore Indesign mais je ne pensais pas que cette option tait possible. Mille mercis pour tes tutos.
vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 13/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Geraldine
Rating: 0.0/5 (0 votes cast)

ik dit : 6 fvrier 2013 3:26 Comment fais-tu pour avoir le contenu centr dans le swf ? Tout le contenu est dcaler droite Je parle 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 fvrier 2013 9:19 Il faut le centrer au moment de la cration du fichier. Ensuite si cest centr sur la page web, l cest dans el HTML avec une balise center.
Rating: 0.0/5 (0 votes cast)

Dam dit : 20 mars 2013 1:43 Bonjour, tutoriel trs complet et clair. merci! cependant, jaurais la mme remarque que Vinciane. Tu parles dun PDF interactif mais le format dextraction 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 trs simples: ce sont juste des liens hypertextes entre les pages qui permettent de revenir 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 jexporte en pdf interactif, la rsolution de mes images est trs mauvaise. et si jexporte en pdf normal pour avoir une bonne qualit, je nai plus mes liens interactifs. Aurais-tu une solution? Merci pour ton aide.
Rating: 0.0/5 (0 votes cast)
vianney.fr/artbooktuto/tuto-indesign-realiser-un-book-interactif-pdf-avec-indesign/comment-page-1/#comment-4350 14/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Vianney Carvalho dit : 22 mars 2013 7:01 Bonjour Le PDF reste assez limit si vous insrez des animations le PDF ne pourra le grer. Le PDF interactif ne fonctionne que si vous mettez de la musique ou des vidos a sarrte l, aprs cest du SWF, ce sont des animations donc des lments 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 publie. Les champs obligatoires sont indiqus avec * Nom * Adresse de contact * Site web

Commentaire Vous pouvez utiliser ces balises et attributs HTML : < ah r e f = " "t i t l e = " " >< a b b rt i t l e = " " >
< a c r o n y mt i t l e = " " >< b >< b l o c k q u o t ec i t e = " " >< c i t e >< c o d e >< d e ld a t e t i m e = " " >< e m > < i >< qc i t e = " " >< s t r i k e >< s t r o n g > Laisser un commentaire

Me notifier des commentaires par mail. Me notifier des commentaires venir par mail. Articles les mieux nots

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

[tuto photoshop] Crer un cube en pixel art (4 votes)

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

15/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

25 logos au look rtro (4 votes)

Dessiner une fleur (paquerette) (4 votes)

Bouton flash mailto (3 votes)

[tlchargement] Pack 8 textures plastique (3 votes)

Habillage de texte (3 votes)

[tuto photoshop] 5 mthodes pour crer un fond original (7 votes)

20 logos d'inspiration Steampunk (6 votes)

30 photos sur le thme du feu (6 votes) messages rcents du forum SPIRALE ... envoy dans le forum Prsentation 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 Prsentation par jeplor le 16 fvrier 2013 4:12 Odentium envoy dans le forum Prsentation par Odentium le 15 fvrier 2013 9:40 [tuto Illustrator] Dessiner dans un style cartoon envoy dans le forum Illustrator par Vianney Carvalho le 11 fvrier 2013 10:02 Rechercher

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

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Catgories Articles et dossiers Articles stars Tlchargements et ressources Tuto Artrage Tuto Flash Tuto Illustrator Tuto Indesign Tuto Photoshop Archives
Choisir un mois

Abonnez vous au blog


Votre email Votre nom S'abonner

Blogroll .Dot-Design A Do Be GFX Advanced Graphics Annuaire.pro Tuto Arthelius's Book Artstutos Graph-city Igloops Le blog de tantoine Motion design No shade Tuto Photoshop Tutopad Commentaires rcents fafa dans [tuto Illustrator] Poster psychdlique Attard dans Devenir membre Vianney Carvalho dans [tuto Indesign] Raliser un book interactif PDF avec Indesign Canu dans 10 trucs et astuces pour Indesign Dam dans [tuto Indesign] Raliser un book interactif PDF avec Indesign Nuages de mots 3D

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

17/18

01/04/13

[tuto Indesign] Raliser un book interactif PDF avec Indesign | Artbooktuto

Dbuter avec

Ebook

Partenaires

Page facebook
Retrouvez-nous sur Facebook Artbooktuto
Jaime 382 personnes aiment Artbooktuto.

M odule social F acebook

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

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

18/18