M2 Caweb 2014-2015 Enseignant : Boris Epp Adobe Indesign L art de la mise en page CHAPITRE 2
Sommaire 1. Les blocs a. Types de blocs b. Manipuler les blocs c. Interactions entre les blocs d. Appliquer un style à un bloc 2. Second projet : créer une carte de visite 3. Liens utiles
1. Les blocs Les blocs sont la base de tout dans Indesign. De la même façon que tout est calque dans Photoshop, chaque objet créé est un bloc dans Indesign. a. Types de blocs Les principaux types de blocs sont les blocs vides, les blocs de texte, les blocs de forme et les blocs contenant une image. On utilise aussi régulièrement les traits, qui sont aussi contenus dans un type de bloc qui leur est propre. Un bloc vide, créé avec l outil bloc peut avoir un style (une couleur de fond, un contour, une opacité, etc...), et peut donc être utilisé tout seul en tant que forme. Mais il est surtout utilisé pour y insérer une image. Un bloc de texte est créé avec l outil texte. Il peut évidemment contenir du texte, mais aussi un tableau, et peut aussi avoir un style. Un bloc de forme est créé avec l outil rectangle et ses variantes (ellipse et polygone). Il sert de bloc de couleur et peut devenir un bloc de texte en cliquant dessus avec l outil texte ou contenir une image. On peut aussi créer des blocs de forme aux contours personnalisés avec l outil plume et crayon (très peu utilisé). L outil trait crée un trait contenu dans un bloc, mais ce bloc-ci ne peut rien contenir d autre que le trait.
b. Manipuler les blocs Créer un bloc Sélectionnez un outil capable de créer un bloc, et faites un cliquer-glisser pour créer un bloc, puis relachez. Redimensionner un bloc Prenez l outil de sélection et cliquez sur le bloc. Vous verrez des petits carrés blancs au quatres coins. On peut redimmensionner le bloc en les bougeant. Notez le carré jaune en haut à droite, qui permet d arrondir les bords en double cliquant dessus, puis en bougeant les ronds jaunes dans les angles. Si vous créez ou redimmensionnez un bloc et que vous avez déjà d autres blocs présents sur la page, vous verrez une double flèche verte sur un côté lorsque la largeur ou hauteur de votre bloc correspond à celle d un autre bloc présent. Cela permet de créer des blocs de même taille facilement. Déplacer un bloc Prenez l outil de sélection pour déplacer le bloc à la souris, ou sélectionnez le et déplacez le à l aide des flèches du clavier. Dupliquer un bloc Raccourci alt+maj+ctrl+d, ou dans édition > dupliquer.
Insérez une image dans un bloc : On peut insérer une image dans un bloc vide et un bloc de forme vide (sans texte). Pour cela il existe différentes méthodes. Ma préférée consiste à sélectionner le bloc et à utiliser le raccourci Ctrl+D ou fichier > importer. On peut aussi glisser une image depuis l explorateur de fichier sur le bloc. Glisser une image dans une page sans bloc crée automatiquement un bloc aux dimensions de l image. On peut aussi importer un fichier Photoshop, Illustrator, Pdf, word... Supprimer un bloc Sélectionnez le et appuyer sur le bouton suppr ou édition > effacer. c. Interactions entre les blocs Si l on a que des blocs images ou de formes. l interaction entre les blocs se limite à savoir qui est dessus et qui est dessous. Pour modifier l ordre d un bloc, il suffit de le sélectionner, puis de faire un clic-droit > disposition, et de choisir la position qui nous convient. Si l on a un bloc texte, cela se complique. Lors du premier cours, nous avions vu brièvement la fenêtre Habillage de texte. Cette fenêtre permet de gérer les interactions entre les blocs et le texte. Prenons par exemple un bloc de texte, et créons un bloc de forme rond par dessus. De base, le rond va être en mode Habillage de cadre sélection, et l on aura un rectangle tout autour repoussant le texte. de Choisir l option Sans habillage de texte en-dessous ou par-dessus, selon sa disposition. permet de faire passer le texte
L option la plus intéressante est l option Habiller la forme de l objet. Elle permet, comme son nom l indique, de repousser le texte selon les contours de l objet. Dans notre cas, le texte suivra la forme de l ellipse. Ne pas habiller l objet disponible à droite ou à gauche du bloc. empêche l apparition de texte dans tout espace Passer à la colonne suivante de la colonne suivante ou du bloc de texte suivant. fait passer le paragraphe avoisinant en haut Si on est pas en mode sans habillage de texte, on peut spécifier les valeurs de décalage Les valeurs positives éloignent l habillage du bloc ; les valeurs négatives déplacent l habillage à l intérieur du bloc En bas du menu Habiller, spécifiez si l habillage est appliqué à un côté spécifique (comme le côté droit ou la plus grande zone), au dos ou à l opposé du dos (si vous ne voyez pas le menu Habiller, choisissez Afficher les options dans le menu du panneau Habillage de texte). Cette option est disponible uniquement si vous avez sélectionné Habiller le cadre de sélection ou Habiller la forme de l objet. A. Côtés droit et gauche B. Côté dos C. Côté opposé au dos
d. Appliquer un style à un bloc Nous avons vu lors de la première RS comment créer et appliquer un style de paragraphe. Cette fois-ci nous allons nous intéresser à la fenêtre Styles d objet. Cette fenêtre permet d appliquer un style à un bloc entier, qu il contienne du texte, une image, un trait, ou qu il soit vide. Pour commencer, Créez un gros bloc de texte e lorem ipsum, puis créer un bloc vide dans lequel vous importerez une image. C est ce bloc image que nous allons styler. Sélectionnez le. Dans la fenêtre de styles d objet, dupliquer un style en appuyant sur l icône Créer un nouveau style, puis double-cliquez sur celui-ci. La grande fenêtre Options de style d objet s ouvre.
Cette fenêtre ressemble aux autres fenêtres de styles. Nous allons commencer par modifier le nom du style en le renommant Image. Fond et contour permettent d ajouter un fond de couleur dans les parties du bloc non remplies par l image, et d ajouter un contour sur les bords. Nous n allons pas le faire, et passer directement à l option Option de contours et d arrondi. Choissisez arrondi dans la liste déroulante, et 10mm en valeur. Les options suivantes sont réservées aux blocs de texte, nous allons donc passer à Habillage et divers, pour choisir Habiller le cadre de sélection, et en mettant 5mm en haut et en bas, et 10 sur les côtés. Vous aurez peut-être à décocher l ancre pour appliquer des valeurs différentes aux différents champs. us allons directement commencer les manipulations pour que vous ayez un premier aperçu pratique du logiciel. Allez dans fichier > nouveau > document,
Passons aux option de la sconde partie, les Effets. Vous pouvez retrouver ces options dans la fenêtre Effets, si vous ne voulez pas créer de style. Nous n allons pas modifier la transparence de l image, mais lui ajouter une ombre portée. Je vous laisse libre de créer l ombre qui vous convient. Vous pouvez cocher l option aperçu en bas à gauche pour voir ce que cela rend en temps réel. Petite astuce : une ombre en mode normal, opacité 100% et taille 0 comme ci-dessus permet de créer un double coloré du bloc en fond pour un effet de relief simple et plus pro qu une ombre portée mal maîtrisée. Voici le résultat : Une fois le style créé, vous pourrez l appliquer à toutes vos images en 1 clic via la fenêtre styles d objet.
A Savoir : Lorsque vous importez un visuel (image, psd, peu importe), Indesign ne fait qu un lien vers ce visuel. Si vous supprimez le visuel de votre ordinateur, il disparaîtra aussi du fichier indesign, et vous aurez une erreur dans le panneau lien. et sur le bloc contenant votre visuel. Si vos visuels importés parraîssent pixellisés ou flous, c est certainement car le mode d affichage est reglé sur Rapide ou Standard. Cela permet à l ordinateur d aller plus vite, mais n est peut vous gêner visuellement. Pour voir votre visuel en HD, allez dans Affichage>Performance d affichage, et choisissez Affichage de qualité supèrieure.
2. Second Projet : Créer une carte de visite Commençons par créer un nouveau document, en mode impression de 84mm de large et 55mm de haut, ce qui est un format de carte de visite standard. Nous allons ajouter des marges de 10mm sur tous les bords, et 4 mm de fond perdu.
Nous allons essayer de rester assez sobre, avec une carte de visite classique. Pour commencer, créons un logo avec Illustrator. Le cours n étant pas dédié à ce logiciel je passe dessus rapidement. Le but n est pas de faire le logo du siècle, mais d avoir un fichier ai à importer. Voici mon logo fait de formes basiques : Pour l intégrer dans le document, je crée un bloc avec l outil bloc (le rectangle barré) à l intérieur des marges, et je fais soit un glisser-déposer du fichier.ai sur ce bloc, soit je le sélectionne et je fais Ctrl+D, ou fichier > importer, et je cherche mon fichier.ai. J aimerais un fond de couleur pour le recto. Créons un bloc de forme avec l outil rectangle de la taille du fond perdu, et donnons lui une couleur de fond, puis plaçons le sous le logo avec clic-droit>disposition>mettre en arrière-plan. J aimerais aussi que le logo soit blanc. Je retourne donc dans Illustrator et modifie mon logo, puis je l actualise dans la fenêtre Lien d Indesign. Voici le résultat.
Au recto, ajoutons notre nom + descriptif de poste, et nos coordonnées. Pour cela je crée un champ texte dans les marges, que je style via la fenêtre caractère. Voici deux exemples de mise en page :
Il ne nous reste plus qu à exporter le fichier. Nous n allons pas entrer dans les détails maintenant, nous verrons cela dans un prochain cours, mais voici la marche à suivre : Aller dans fichier > Exporter, ou utilisez le raccourci clavier Ctrl+E. Choisissez PDF (qui devrait être le choix par défaut), nommez votre fichier, puis appuyez sur Enregistrer. Cette fenêtre devrait s ouvrir : Elle permet de choisir ses options d export. La seule chose à laquelle nous allons toucher pour l instant est le panneau Repères et fond perdu, dans lequel nous allons cocher Traits de coupe, Repères de fond perdu, et en bas Utiliser les paramètres de fond perdu du document. Puis cliquez sur Exporter. Votre carte de visite est prête à être imprimée!
3. Liens utiles Découverte d Indesign avec OpenClassRooms http://openclassrooms.com/courses/la-mise-en-page-avec-adobeindesign/indesign Je redonne le lien de ce tutoriel si vous ne l avez pas déjà fait. 30 tutoriels pour Indesign http://design.tutsplus.com/fr/articles/back-to-school-special---30-simpleadobe-indesign-tutorials--cms-21806 Une liste de tutoriels sur tutsplus.com. La plupart en anglais. On en suivra quelques uns lors des prochains cours. L exercice de la cart de visite est inspiré d un de ces tutoriels.