P i e r r e L a b b e

InDesign CS5.5Pour PC et Mac

Avec un chapitre

sur la Digital

Publishing Suite !

InD

esig

n CS

5.5

P. L

abbe

Auteur de nombreux livres sur InDesign, Photoshop, Illustrator et XPress, Pierre Labbe (pierrelabbe@yahoo.com ; http://pierrelabbe.com) est l’un des formateurs les plus réputés dans le monde de l’infographie. Il participe également au site Wisibility.com, blog de formation en ligne sur Photoshop et les logiciels des métiers de l’image, qui présente gratuitement des trucs et astuces sous forme de séquences vidéo. Il réalise en outre des vidéos de formation pour Video2Brain et AdobeTV.

La bible sur InDesign CS5 et CS5.5Véritable mine de conseils pratiques et d’astuces de travail, cet ouvrage richement illustré dresse un pano-rama complet d’InDesign pour PC et Mac, des acquis fondamentaux jusqu’aux fonctions les plus poin-tues. Couvrant les versions CS5 et CS5.5, il en détaille notamment toutes les nouveautés (gestion d’objets facilitée, formats multiples de pages, import d’images avec Mini Bridge, légendes dynamiques, travail en colonnes de texte, ancrage des blocs…), en consacrant un chapitre entier à la Digital Publishing Suite, qui permet de créer, distribuer et monétiser des publications pour tablettes (iPad, Android TM, BlackBerry PlayBook…). Nourri par la très grande expérience de l’auteur, cet ouvrage constituera un excellent manuel d’apprentissage pour les débutants comme pour les professionnels.

Au sommaireInterface et gestion du travail • Outils et palettes • Environnement de travail • Mise en place du document • Travail avec les calques • Gestion et enrichissement des objets • Dessin des objets • Remplissage des blocs • Manipulations d’objets • Objets imbriqués et ancrés • Colorations • Transparences et effets • Styles d’objet • Gestion des textes • Saisie et position du texte • Importation du texte • Chaînage de blocs • Composition en colonnes • Textes sur des tracés • Gestion des images • Types d’images • Préparation des images • Importations • Traitements d’images • Légendes et métadonnées • Habillages • Typographie des textes • Sélection du texte • Attributs et styles de caractère • Attributs et styles de paragraphe • Listes et lettrines • Filets de paragraphe • Textes tabulés • Tableaux • Fonctions éditoriales • Fonction Rechercher/Remplacer • Recherches de type GREP, Glyphe ou Objet • Texte dynamique croisé • Notes et suivi des modifications • Notes de renvoi et notes de bas de page • Textes conditionnels • Vérification de l’orthographe • Gestion des pages et des fichiers • Gestion des pages • Gabarits • Numérotation des pages • Transferts de pages et d’objets • Fusion de données • Bibliothèque • Impression d’un fichier • Préparation pour l’impression • Impression d’un document • Distribution classique des fichiers • Export au format PDF • Documents inte-ractifs • Digital Publishing Suite et ePub • Fichiers folio • Création d’ePub.

Sur le site de l’auteur, www.experts-graphiques.com• Retrouvez les ressources du livre• Dialoguez avec l’auteur

Code

édi

teur

: G

1339

5IS

BN

: 97

8-2-

212-

1339

5-0

Conc

epti

on N

ord

Com

po

39,90 e

et CS5

© Groupe Eyrolles, 2011,

Pi

er

re

L

ab

be

InDesign CS5.5

Pour PC et M

ac

Avec un chapitre

sur la Digital

Publishing S

uite !

InDesign CS5.5 P. Labbe

Auteur de nom

breux livres sur InDesign, P

hotoshop, Illustrator et XPress, P

ierre Labbe (pierrelabbe@

yahoo.com ; http://pierrelabbe.com

) est l’un des formateurs les plus réputés

dans le monde de l’infographie. Il participe égalem

ent au site Wisibility.com

, blog de formation

en ligne sur Photoshop et les logiciels des m

étiers de l’image, qui présente gratuitem

ent des trucs et astuces sous form

e de séquences vidéo. Il réalise en outre des vidéos de formation

pour Video2B

rain et AdobeTV.

La bible sur InDesign CS

5 et CS5.5

Véritable m

ine de conseils pratiques et d’astuces de travail, cet ouvrage richement illustré dresse un pano-

rama com

plet d’InDesign pour PC et M

ac, des acquis fondamentaux jusqu’aux fonctions les plus poin-

tues. Couvrant les versions CS5 et CS5.5, il en détaille notamm

ent toutes les nouveautés (gestion d’objets facilitée, form

ats multiples de pages, im

port d’images avec M

ini Bridge, légendes dynam

iques, travail en colonnes de texte, ancrage des blocs…

), en consacrant un chapitre entier à la Digital Publishing Suite,

qui permet de créer, distribuer et m

onétiser des publications pour tablettes (iPad, Android TM, BlackB

erry PlayB

ook…). N

ourri par la très grande expérience de l’auteur, cet ouvrage constituera un excellent manuel

d’apprentissage pour les débutants comm

e pour les professionnels.

Au som

maire

Interface et gestion du travail • Outils et palettes • Environnem

ent de travail • Mise en place du docum

ent • Travail avec les calques • G

estion et enrichissement des objets • D

essin des objets • Remplissage des blocs

• Manipulations d’objets • O

bjets imbriqués et ancrés • Colorations • Transparences et effets • Styles d’objet

• Gestion des textes • Saisie et position du texte • Im

portation du texte • Chaînage de blocs • Composition

en colonnes • Textes sur des tracés • Gestion des im

ages • Types d’images • Préparation des im

ages • Im

portations • Traitements d’im

ages • Légendes et métadonnées • H

abillages • Typographie des textes • Sélection du texte • Attributs et styles de caractère • Attributs et styles de paragraphe • Listes et lettrines • Filets de paragraphe • Textes tabulés • Tableaux • Fonctions éditoriales • Fonction Rechercher/Rem

placer • Recherches de type G

REP, G

lyphe ou Objet • Texte dynam

ique croisé • Notes et suivi des m

odifications • N

otes de renvoi et notes de bas de page • Textes conditionnels • Vérification de l’orthographe • G

estion des pages et des fi

chiers • Gestion des pages • G

abarits • Num

érotation des pages • Transferts de pages et d’objets • Fusion de données • B

ibliothèque • Impression d’un fi

chier • Préparation pour l’impression •

Impression d’un docum

ent • Distribution classique des fi

chiers • Export au format PD

F • Docum

ents inte-ractifs • D

igital Publishing Suite et ePub • Fichiers folio • Création d’ePub.

Sur le site de l’auteur, w

ww

.experts-graphiques.com•

Retrouvez les ressources du livre•

Dialoguez avec l’auteur

Code éditeur : G13395ISBN : 978-2-212-13395-0

Conception Nord Compo

39,90 e

et CS5

Extrait 4 : partie7_chap3.pdf (interactivité dans le Folio).

527

DIgItal publIshIng suIte (Dps) et epub Les fIchIers foLIo

Avant de définir la mise en pages réalisée comme compo-sant d’un article (lui-même constituant d’un folio) et d’éla-borer une version avec l’autre orientation, nous allons voir comment ajouter des éléments interactifs (incrustations interactives) qui figureront dans les deux versions portrait et paysage de l’article.

L’interactivité avec Overlay Creator

la présentatIon Des InCrustatIons InteraCtIVes

C’est à l’aide du panneau Overlay Creator (affiché par le menu Fenêtre, puis Extensions) que vous aller créer ou modifier des objets interactifs. En fonction de la sélection, celui-ci détectera automatiquement le type d’incrustation réalisable. Le panneau présente un bouton Aperçu qui permettra de visualiser l’incrustation sur le Bureau dans le panneau Content Viewer.

Le panneau Overlay Creator et ses sept incrustations.

Dans un folio, InDesign parle d’incrustations interactives. En effet, tous les objets interactifs sont placés (inscrutés) au-dessus du reste de la page convertie en une seule image composée de tous les éléments non interactifs compressés. (cette image est au format PDF, JPG ou PNG en fonction des paramètres d’exportation de l’article). Si vous essayez de masquer ou recouvrir une incrustation interactive par des éléments, elle apparaîtra quand même au premier plan de la mise en pages dans le folio. Une incrustation ne peut être masquée que par une autre incrustation (c’est ce qui per-mettra de réaliser un contenu à défilement).

Parmi les inscrustations interactives, on distingue :

– l’hyperlien ;

– le diaporama ;

– la séquence d’images ;

– l’audio et la vidéo ;

– le panorama ;

– le contenu Web ;

– le pan et zoom ;

– le contenu à défilement.

l’InsCrustatIon D’hyperlIen

Les hyperliens

En utilisant des hyperliens d’URL, vous pourrez afficher une page Web avec le protocole http://, une application App Store avec itms:// ou Android Market avec market://, une messagerie électronique avec mailto: ou un autre article avec navto:// (nous détaillerons ce cas plus loin).

Pour ajouter un hyperlien, sélectionnez un bloc de texte ou d’image (il n’est pas possible de créer un hyperlien sur une sélection de texte), affichez le panneau Hyperliens et préci-sez l’adresse de la page Web dans le champ URL prévu à cet effet. Vous pouvez également sélectionner le bloc, le défi-nir en tant que bouton par clic sur l’icône du panneau Boutons et lui affecter un script d’action du type Atteindre URL (il est inutile de lui ajouter un second état, il ne sera pas visible dans le folio). L’avantage de cette méthode réside dans le fait que le bloc défini en bouton présente une icône

qui indique son état de bouton et le rend plus facile-ment repérable sur la page, ce qui n’est pas le cas du bloc qui possède un hyperlien.

On sélectionne le bloc et on crée le lien par ce panneau ou celui-ci.

Le bouton présente une icône qui le rend facilement identifiable

Quand le lien URL est défini, le panneau Overlay Creator active automatiquement l’onglet Hyperlien et propose deux options : l’une pour ouvrir le lien dans le folio (un bou-ton Terminer permettra de revenir à ce dernier), l’autre pour l’ouvrir dans le navigateur de la tablette (ou du Bureau en cas de test avec le Content Viewer).

InDesIgn Cs5 et Cs5.5 La préparatIon et L a dIstrIbutIon des fIchIers

528

Ne choisissez pas l’option Ouvrir dans le folio si vous créez des hyperliens vers des URL iTunes itms://, market:// ou de messagerie.

Cette rubrique s’active automatiquement et propose deux options d’ouverture du lien.

En cliquant sur ce lien, on affiche la page Web dans le folio.

Le retour au folio s’obtient par ce bouton.

Les liens de navigation dans le folio

Quand vous créez un folio comportant des articles, les fichiers sont stockés sur un serveur mais il est possible de créer des liens entre ces différents articles. Pour cela, vous devez utiliser le protocole navto:// pour créer un lien vers d’autres articles du folio. Quand vous créez le bouton ou l’hyperlien, dans le champ URL, remplacez le protocole http:// par navto:// et faite-le suivre du nom de l’article ciblé tel qu’il apparaît dans le panneau Folio Builder quand vous l’avez ajouté ou importé. La syntaxe de ces liens est du genre  : navto://nom_article ou navto://nom_article#n. Le suffixe #n permet de préciser un numéro de page mais attention, la première page d’un document (page 1) corres-pond à #0 (tapez #3 pour un lien vers la page 4).

Ce lien enverra le lecteur à la page 3 de cet article. Il a été réalisé sur une des pages de celui-ci.

Vous ne pourrez tester les liens de type navto, entre diffé-rentes pages d’article, que lorsque le folio sera créé et les fichiers téléchargés sur le serveur (c’est-à-dire après une mise à jour des articles en place).

Des hyperliens pour une table de matières

Les hyperliens ne peuvent se réaliser qu’à partir d’un bloc (de texte ou d’image) et non pas à partir d’une séletion de texte (comme dans une page PDF). Si vous souhaitez réali-ser une table des matières qui permettrait de naviguer dans les pages d’un article, vous devez avoir recours à l’astuce suivante :

1. En utilisant la commande Table des matières du menu Édition, créez une table des matières à partir d’un style de paragraphe correspondant à des titres de page.

On a créé cette table des matières dans ce bloc en utilisant cette commande.

2. Quand la table est prête sur la première page, dessinez un bloc d’image (donc sans fond ni contour) et conver-tissez-le en bouton.

3. Affectez-lui un lien (navto) vers la page correspondant au titre sur lequel se situe le bouton (attention au déca-lage des numéros de page : #1 = page 2).

On dessine un bloc que l’on convertit en bouton avec ce lien vers une page de l’article.

4. Par glissement avec les touches Ó∏ [ÓAlt] enfoncées et en tapant plusieurs fois la touche Flèche vers le bas, dupliquez le bouton autant de fois qu’il y a de lignes dans la table des matières.

5. Dans le panneau Boutons, rectifiez les liens URL des dif-férents boutons en ajustant le numéro de page.

529

DIgItal publIshIng suIte (Dps) et epub Les fIchIers foLIo

On a réalisé des copies multiples par glissement, puis ajusté les liens dans le panneau Boutons.

l’InsCrustatIon D’un DIaporama

La création du diaporama s’effectue en deux étapes : la pre-mière consiste à définir un objet à états multiples à partir du panneau États d’objet, la seconde à définir les options du diaporama dans le panneau Overlay Creator.

La création d’un objet à états multiples

Pour obtenir ce type d’objet, importez une série d’images, alignez-les dans la mise en pages, puis convertissez la sélec-tion de l’ensemble en un objet à états multiples par clic sur le bouton du bas du panneau États d’objet (renommez l’état d’objet pour que le nom ne comporte aucun accent).

On a importé une série d’images.

On a aligné les images et créé l’état d’objet (que l’on a renommé).

Les options du diaporama

Dans le cas d’un diaporama simple, il n’est pas indispen-sable d’ajouter des boutons pour passer d’un état à l’autre. Des options, disponibles dans le panneau Overlay Creator, permettront d’automatiser le diaporama et de passer d’une image à l’autre par glissement.

On peut obtenir une lecture automatique avec une temporisation ou lecture manuelle par glissement.

AttentiOn Si vous copiez le diaporama dans un autre document d’orientation différente, l’objet à états multiples y apparaît renommé (le chiffre 2 est ajouté). Pour assurer la continuité quand l’orientation de la tablette est modifiée, attribuez des noms d’objets identiques dans les documents horizontaux et verticaux.

On voit ici l’aperçu dans le Content Viewer. On a copié le diaporama dans le document avec l’autre orientation et renommé l’état d’objet.

l’InsCrustatIon D’une séquenCe D’Images

L’incrustation d’une séquence d’images permet de créer une transition douce en utilisant le passage d’une image à une autre dans un ensemble d’images.