Ajout et transformation d'images

Les illustrations peuvent jouer un rôle important dans vos projets InDesign CC. Cette application permet d'importer différents formats de fichier graphiques, des images JPEG, PSD et Photoshop natives aux fichiers PDF et Adobe Illustrator CC. Dans cette newsletter, vous allez importer plusieurs illustrations selon différentes méthodes. Ouvrez ce document fourni avec les fichiers d'exemple pour suivre le tutoriel. Les illustrations que vous ajoutez dans un document InDesign CC doivent être dans un bloc. Vous pouvez créer des blocs d'espace réservé pour y ajouter des images ultérieurement. Ou alors InDesign CC peut créer le bloc automatiquement lorsque vous placez ou importez un fichier d'illustration. Vous allez commencer par créer un bloc d'espace réservé, dans lequel vous importerez ensuite une illustration. Dans le panneau Outils à gauche, cliquez longuement sur l'outil Bloc rectangulaire pour afficher les autres formes de bloc que vous pouvez créer. Sélectionnez l'outil Bloc rectangulaire. Vous allez tracer un bloc dans le document. Survolez le bord supérieur gauche de cette colonne, cliquez et faites glisser pour tracer un bloc englobant ces deux colonnes. Lorsque vous arrivez sur le bord de la colonne de droite, une petite flèche apparaît à coté du pointeur. Elle indique que le bloc sera magnétisé par les repères de colonne. Dès qu'il est magnétisé, relâchez le bouton de la souris pour créer le bloc. Le bloc étant sélectionné, vous pouvez maintenant importer une illustration dedans. Pour ce faire, choisissez Fichier > Importer… La commande Importer permet d'insérer des fichiers d'illustration, de texte, etc. Dans la boîte de dialogue Importer, naviguez jusqu'aux fichiers d'exemple à télécharger pour ce tutoriel. Dans le dossier Links, sélectionnez l'image Jellyfish.jpg. Sur Mac, vous devrez peut-être cliquer sur le bouton Options pour afficher plus d'options. Sur Mac et PC, vérifiez que la case Afficher les options d'importation n'est pas cochée. Vous pouvez modifier les options de l'illustration au moment de l'importation, mais ce n'est pas nécessaire ici. Cliquez sur Ouvrir. L'image est placée dans le bloc à 100 % de sa taille initiale. Si elle est plus grande que le bloc, elle sera en partie masquée. Si elle est plus petite, elle ne le remplira pas. Ce tutoriel va vous montrer comment redimensionner et ajuster des images dans des blocs. Vous verrez ensuite comment InDesign CC crée automatiquement un bloc et place une image dans le bloc existant, en bas. Lorsque vous importez une illustration, si un bloc est sélectionné, l'illustration qui se trouve dedans est remplacée par défaut. Mais ce n'est pas le but ici. Vous allez donc choisir Édition > Tout désélectionner pour désélectionner l'image. Vous pouvez aussi importer plusieurs illustrations pour gagner du temps. C'est ce que vous allez faire pour ces deux illustrations. Vous pouvez choisir Fichier > Importer, comme vous venez de le faire, ou cliquer sur le bouton Import File dans le panneau Propriétés à droite. Vous allez ici cliquer sur ce bouton. Dans la boîte de dialogue Importer qui s'ouvre, naviguez jusqu'aux fichiers d'exemple à télécharger pour ce tutoriel. Dans le dossier Links, sélectionnez l'image Sealion.jpg. Pour sélectionner une autre image, maintenez la touche Maj enfoncée et cliquez sur l'image Seaturtle.jpg. Cliquez ensuite sur Ouvrir. Comme aucun bloc n'était sélectionné, vous devriez normalement voir le curseur d'illustration chargée, ainsi qu'une vignette de l'une des images et un chiffre indiquant le nombre d'illustrations importées. Vous pouvez appuyer sur les flèches Droite ou Gauche de votre clavier pour faire défiler les images. Dès que vous voyez l'image de la tortue - celle-ci - positionnez le pointeur sur la troisième colonne, cliquez et faites glisser pour tracer un bloc. Tandis que vous faites glisser le pointeur pour placer l'image, notez que le bloc tracé a les mêmes proportions que l'image. Autrement dit, la largeur et la hauteur du bloc changent simultanément de manière proportionnelle. Relâchez le bouton de la souris pour insérer l'illustration. Lorsque vous importez une illustration de cette façon, vous la mettez à l'échelle ou la redimensionnez. Il reste une illustration dans le curseur d'illustration chargée. Le bloc du bas contient une croix (X), ce qui veut dire qu'il a été créé avec l'outil Bloc et qu'il s'agit probablement d'un emplacement réservé pour une illustration. Pour placer l'image dans ce bloc, positionnez le pointeur dessus. Dès que le curseur d'illustration chargée change - vous devriez maintenant voir une parenthèse - cliquez pour placer l'image à sa taille initiale. Maintenant que vous savez comment importer des illustrations dans Adobe InDesign CC, testez les méthodes que vous venez de découvrir. Commencez par ajouter différents types d'illustration dans vos projets. 

Si vous incorporez des illustrations dans vos projets InDesign CC, vous devrez probablement les déplacer, les redimensionner et les ajuster à leur bloc. Dans cette vidéo, vous allez travailler sur les images importées dans cette newsletter. Vous allez apprendre à redimensionner des blocs pour recadrer des illustrations, à utiliser le symbole Saisie du contenu pour sélectionner des illustrations, les commandes d'ajustement, etc. Ouvrez ce fichier fourni avec les fichiers d'exemple pour suivre le tutoriel. Vous allez commencer par recadrer ou masquer certaines parties d'une image. C'est un excellent moyen de cacher les parties d'une illustration que vous ne voulez pas voir dans vos designs. Cliquez sur l'outil Sélection dans le panneau Outils à gauche. Positionnez le pointeur sur la grande image du haut. Dès qu'une petite case noire apparaît à côté du pointeur - pas une main - cliquez pour sélectionner le bloc et l'illustration à l'intérieur. Les illustrations que vous placez sont contenues dans un bloc. Le bloc et l'image sont traités comme un seul et même objet lorsque vous déplacez le bloc, mais vous pouvez aussi les transformer séparément. Positionnez le pointeur sur le coin supérieur droit du bloc et faites-le glisser vers le centre, jusqu'au coin de ces repères de marge roses et violets. Le pointeur est magnétisé par les repères. Le bloc a été redimensionné, mais pas l'illustration. Le bloc a recadré ou masqué une partie de l'illustration. Survolez cette image de tortue à droite sur la page. Une petite case noire apparaît à nouveau à côté du pointeur, ce qui signifie que si vous cliquez sur un élément, il sera sélectionné. Positionnez le pointeur sur les cercles au centre de l'image. Il s'agit du symbole Saisie du contenu. En cliquant dessus - ne le faites pas ! - vous sélectionneriez l'image à l'intérieur du bloc. Nous verrons cela dans un instant. Éloignez le pointeur du centre de l'image, puis cliquez et faites glisser l'image sur la page. Ces repères commentés violets et verts vous aident à l'aligner sur la colonne. Vous allez ensuite redimensionner ce bloc et, par la même occasion, l'illustration. Cette illustration étant sélectionnée, appuyez sur les touches Cmd + Maj sur Mac ou Ctrl + Maj sur PC et faites glisser le coin inférieur droit du bloc de l'illustration jusqu'à ce qu'il soit aussi large que la colonne. Relâchez le bouton de la souris, puis les touches. Notez que lorsque les touches sont enfoncées, le bloc et l'illustration sont redimensionnés ensemble. La touche Cmd ou Ctrl redimensionne le bloc et l'illustration, et la touche Maj conserve les proportions afin que l'image ne soit pas déformée. Pour que le texte ne recouvre pas l'image, faites glisser la poignée médiane inférieure vers le haut afin de recadrer ou masquer une partie de l'image. Pour redimensionner les images et les blocs, vous utiliserez les commandes d'ajustement. Elles peuvent en effet vous faire gagner du temps en accélérant la mise à l'échelle des images et d'autres transformations. Positionnez le pointeur sur le centre de la troisième image, en bas. Dès que l'icône Saisie du contenu apparaît, - les cercles - et que le pointeur se transforme en main, cliquez pour sélectionner l'illustration dans le bloc. On voit bien les bords de l'illustration ici - cette couleur brune. Comme l'image est plus grande que le bloc qui la contient, ces parties sont recadrées ou masquées. Si vous faites glisser le pointeur dans la zone de l'illustration pour la redimensionner ou la transformer, vous agissez sur l'illustration, et non sur le bloc. Par exemple, faites glisser un coin de l'illustration pour la redimensionner. Tandis que vous le faites glisser, maintenez la touche Maj enfoncée pour que l'illustration garde ses proportions et ne se déforme pas. Lorsque l'illustration est plus petite, mais toujours plus grande que le bloc, relâchez le bouton de la souris, puis la touche. Quand l'illustration est sélectionnée, vous pouvez l'évaluer par rapport à sa taille originale en regardant dans le panneau Propriétés à droite du document. Lorsque vous cliquez sur Plus d'options dans la section Transformation, un pourcentage apparaît. Dans le cas présent, il vous indique que l'illustration est plus petite qu'elle ne l'était initialement. Appuyez sur Échap pour sélectionner le bloc, mais pas l'illustration. Le bloc bleu est maintenant sélectionné. Vous pouvez aussi ajuster l'image au bloc en appliquant une commande d'ajustement. Vous trouverez une série de commandes d'ajustement dans la section Ajustement de bloc du panneau Propriétés, à droite. Cliquez sur Remplir le bloc proportionnellement. Vous utiliserez souvent cette commande pour remplir le bloc avec l'illustration sans la déformer. Cette commande permet généralement de recadrer ou masquer une partie de l'illustration. Maintenant que vous savez redimensionner des illustrations et les ajuster à des blocs, vous pouvez en incorporer dans vos projets en les adaptant à l'espace disponible.  

Lorsque vous importez des illustrations dans InDesign CC, elles sont par défaut liées au fichier de l'illustration originale en dehors d'InDesign CC. La taille de fichier du document est ainsi réduite et la mise à jour des illustrations simplifiée. Cette vidéo porte sur la liaison des illustrations dans le panneau Liens et explique comment remplacer et réparer des liens d'image. Ouvrez ce document fourni avec les fichiers d'exemple téléchargeables pour suivre le tutoriel. Sur cette couverture de magazine, l'image en arrière-plan doit être remplacée. Pour ce faire, cliquez sur l'outil Sélection dans le panneau Outils, puis sur l'image du bol de fruits pour la sélectionner. Vous pouvez voir que l'illustration sélectionnée est un fichier lié en regardant en haut du panneau Propriétés, à droite. Pour afficher d'autres informations sur cette illustration et la liste des illustrations du document InDesign CC, ouvrez le panneau Liens. Pour ce faire, choisissez Fenêtre > Liens. Le panneau Liens indique que ce fichier contient deux illustrations. L'illustration sélectionnée est mise en évidence. Lorsque vous positionnez le pointeur sur son nom, une info-bulle indique le chemin d'accès à l'illustration liée. Vérifiez que les informations sur le lien s'affichent ici. Si nécessaire, vous pouvez cliquer sur cette petite flèche. En sélectionnant l'illustration dans la liste du panneau Liens, vous avez accès à de nombreuses informations à son sujet, comme le format, la taille, etc. Le chiffre affiché à droite de chaque illustration est le numéro de la page sur laquelle elle apparaît. En cliquant dessus, vous avez ainsi rapidement accès à l'illustration dans un document long. Vous pouvez utiliser le panneau Liens pour remplacer une illustration dans InDesign CC. L'image de fruits étant sélectionnée, cliquez sur Rééditer le lien en bas du panneau. Naviguez jusqu'aux fichiers d'exemple à télécharger pour ce tutoriel et sélectionnez l'image BerrySpoon.jpg, puis cliquez sur Ouvrir pour remplacer l'illustration. Lorsque vous remplacez une illustration, les transformations qui lui sont appliquées, comme la mise à l'échelle ou la rotation, sont préservées. Si une illustration liée est modifiée en dehors d'InDesign CC, ou renommée ou déplacée après avoir été importée, InDesign CC vous le signale, car les illustrations liées sont importantes pour l'impression, l'exportation, etc. Dans vos documents InDesign CC, les illustrations sont par défaut affichées à une qualité inférieure pour vous faire gagner du temps. Mais lorsqu'un document est imprimé, par exemple, les illustrations liées sont imprimées à leur qualité optimale. Il est donc très important de vérifier que leurs liens fonctionnent. Vous allez maintenant ouvrir un fichier avec une illustration qui a été modifiée dans Photoshop CC après avoir été importée dans un document InDesign CC et une autre illustration déplacée vers un autre dossier après avoir été importée dans InDesign CC. Pour ouvrir le fichier, choisissez Fichier > Ouvrir… Naviguez jusqu'aux fichiers d'exemple à télécharger pour ce tutoriel. Sélectionnez le fichier Update_links.indd et cliquez sur Ouvrir. Une boîte de dialogue devrait s'ouvrir pour vous signaler qu'il manque une illustration dans le fichier InDesign CC et qu'une illustration a été modifiée. Cliquez sur Ne pas mettre à jour les liens pour voir les problèmes à l'ouverture du fichier. Une fois le fichier ouvert, regardez le panneau Liens. L'illustration Berries-small.jpg est accompagnée d'un symbole Stop avec point d'interrogation, ce qui veut dire qu'elle est manquante ou qu'InDesign CC ne trouve pas l'illustration originale. Le même symbole Stop est d'ailleurs présent dans le design sur l'image. Positionnez le pointeur sur le nom de l'image dans le panneau Liens. Une info-bulle indique son emplacement présumé. Pour corriger le problème, vous devez rétablir le lien de l'illustration. Cliquez sur l'image de fruits dans le document. Pour rétablir le lien, vous pouvez cliquer sur l'option Rééditer le lien dans le panneau Liens ou sur le bouton Rééditer le lien du fichier dans le panneau Propriétés. Vous allez ici cliquer sur le bouton Rééditer le lien du fichier. Dans la boîte de dialogue qui s'ouvre, naviguez jusqu'aux fichiers d'exemple à télécharger pour ce tutoriel et, dans le dossier Links, sélectionnez Berries.jpg. C'est la même image, mais avec un autre nom. Cliquez sur Ouvrir. Le lien est maintenant rétabli. Dans le panneau Liens, sélectionnez l'image Spoon.jpg. Ce symbole Céder le passage jaune signifie qu'elle a été actualisée ou modifiée en dehors d'InDesign CC, peut-être dans Adobe Photoshop CC. Cliquez sur le 2 à droite pour sélectionner l'illustration et l'afficher dans la fenêtre Document. Pour corriger le problème, vous pouvez cliquer sur l'option Mettre à jour le lien dans le panneau Liens ou sur le bouton Mettre à jour le fichier dans le panneau Propriétés. Cliquez sur le bouton Update File. Dès que vous cliquez dessus, la dernière version de l'illustration est importée dans le bloc. Il est important de savoir comment remplacer les illustrations et de vérifier que leurs liens n'ont pas été modifiés ou ne sont pas manquants lorsque vous commencez à travailler dans vos projets InDesign CC. 

Dans InDesign CC, vous pouvez habiller des objets avec du texte, qu'il s'agisse d'illustrations, de formes ou de blocs de texte. Dans cette carte postale, vous allez habiller l'image avec du texte de différentes façons. Pour suivre le tutoriel, ouvrez ce document fourni avec les fichiers d'exemple téléchargeables. Pour sélectionner l'image, cliquez sur l'outil Sélection dans le panneau Outils à gauche, puis sur l'image. Veillez à bien sélectionner le bloc sans cliquer sur le symbole Saisie du contenu au centre, car il sélectionne l'image dans le bloc. Vous allez habiller l'image avec ce texte de sorte qu'il ne la recouvre pas. Vous pourriez vous contenter de redimensionner ce bloc de façon à ajuster le texte à une certaine zone, mais si vous déplacez ou redimensionnez l'image, vous devrez aussi redimensionner le bloc de texte. Si vous habillez un objet - comme cette image - avec du texte, il restera toujours à la même distance de cet objet. Lorsque vous habillez un objet avec du texte, ce dernier se place autour de l'objet, en l'occurrence, l'image. Ainsi, si l'image est déplacée ou que vous ajoutez du texte, l'image conservera son habillage de texte. Pour l'image sélectionnée dans le panneau Propriétés à droite, plusieurs options d'habillage de texte sont proposées dans la section Habillage de texte du panneau. La plus simple d'entre elles consiste à habiller le cadre de sélection du contenu sélectionné avec du texte. Cliquez sur l'option Habiller le cadre de sélection. Le texte ne recouvre plus l'image. Il s'arrête au cadre de sélection ou au bord du bloc. Même si vous déplacez le bloc d'image - comme ceci - l'image conserve son habillage de texte. Si vous avez déplacé l'image, choisissez Édition > Annuler le déplacement de l'élément. Le texte dans ce bloc est en partie masqué. Ne vous inquiétez pas ! Vous résoudrez ce problème dans un instant en optant pour un autre type d'habillage de texte. Notez que le texte est collé contre le bloc d'image. Ce serait plus esthétique s'il en était légèrement éloigné. Vous pouvez appliquer un décalage aux bords du bloc : en haut, à droite, en bas et à gauche. Pour afficher les options de décalage dans le panneau Propriétés, cliquez sur Plus d'options dans la section Habillage de texte du panneau. Si vous modifiez l'une de ces valeurs, elles doivent normalement toutes changer. Pour ne changer que la valeur de décalage à droite, vérifiez que l'option Uniformiser tous les paramètres est désactivée en cliquant dessus, si nécessaire. Elle doit ressembler à ceci. Changez ensuite la valeur de décalage vers la droite en cliquant sur la flèche Haut. La distance entre le texte et le bord du bloc augmente alors, mais uniquement du côté droit. Les valeurs positives éloignent l'habillage du bloc, tandis que les valeurs négatives le font entrer dans le bloc. Pour désactiver l'habillage de texte, cliquez sur Sans habillage, avec l'image sélectionnée. Pour désélectionner l'image, choisissez Édition > Tout désélectionner. Vous allez maintenant modifier la forme du bloc d'image avec l'outil Sélection directe et voir quel est l'impact sur l'habillage de texte. Cliquez sur l'outil Sélection directe et positionnez le pointeur sur le coin supérieur droit du bloc d'image. Lorsque le pointeur effleure le coin, il change d'aspect et une petite case apparaît juste à côté. Cliquez et faites glisser le pointeur vers la gauche pour changer la forme du bloc d'image en vous arrêtant à ce repère vertical. Une partie de l'image est ainsi recadrée ou masquée. Lorsque vous relâchez le bouton de la souris, le texte reste en place, car il est toujours configuré pour habiller le cadre de sélection qui entoure l'image. Vous pouvez changer cela en cliquant sur l'outil Sélection dans le panneau Outils. Vous êtes ainsi certain que le bloc est sélectionné, mais pas l'image. Cliquez ensuite sur l'option Habiller la forme de l'objet pour habiller la zone d'image visible. L'image est maintenant sélectionnée, comme l'indique le cadre brun qui l'entoure. Pour éloigner le texte, cliquez sur Plus d'options dans la section Habillage de texte du panneau Propriétés, afin de faire réapparaître les valeurs de décalage. Modifiez la valeur Décalage en haut en cliquant sur la flèche Haut. Lorsque vous habillez la forme d'objet avec du texte, vous n'avez qu'une seule valeur de décalage à définir. Pour gagner du temps, appuyez sur la touche Maj et cliquez sur la flèche Haut. Ce raccourci clavier fonctionne avec presque tous les champs dans InDesign CC. Pour voir l'habillage de texte final, choisissez Édition > Tout désélectionner. Il y a plusieurs façons d'appliquer des habillages de texte dans InDesign CC, ce qui ouvre de nouveaux horizons créatifs, pour vous et vos designs. La prochaine fois que vous travaillerez sur vos projets, essayez d'habiller une illustration ou un objet avec du texte.