Tranches et cartes-images

Les pages web peuvent contenir de nombreux éléments (texte HTML, images bitmap et images vectorielles, par exemple). Dans Illustrator, vous pouvez utiliser des tranches pour définir les limites de différents éléments web dans votre illustration. Par exemple, si votre illustration contient une image bitmap à optimiser au format JPEG, tandis que le reste de l’image doit être optimisé au format GIF, vous pouvez isoler l’image bitmap à l’aide d’une tranche. Lorsque vous enregistrez votre illustration en tant que page web à l’aide de la commande Enregistrer pour le web et les périphériques, vous pouvez enregistrer chaque tranche comme un fichier indépendant avec ses propres format, paramètres et table de couleurs.

Les tranches d’un document Illustrator correspondent aux cellules d’un tableau dans la page web produite. Par défaut, chaque tranche est exportée en tant que fichier image qui est ensuite englobé dans une cellule de tableau. Si vous souhaitez qu’une cellule de tableau contienne du texte HTML et une couleur d’arrière-plan à la place d’un fichier image, choisissez l’option Pas d’image comme type de tranche. Si vous souhaitez convertir du texte Illustrator en texte HTML, choisissez l’option Texte HTML comme type de tranche.

Vous pouvez afficher les tranches sur le plan de travail et dans la boîte de dialogue Enregistrer pour le web et les périphériques. Illustrator numérote les tranches de gauche à droite et de haut en bas, à partir du coin supérieur gauche de l’illustration. Si vous modifiez la disposition ou le nombre total de tranches, les numéros sont mis à jour pour refléter le nouvel ordre.

Lorsque vous créez une tranche, Illustrator découpe également l’illustration environnante en tranches automatiques afin de conserver la mise en page à l’aide d’une table d’équivalences basée sur le web. Il existe deux types de tranches automatiques : les tranches auto et les sous-tranches. Les tranches auto correspondent aux zones de l’illustration non définies comme tranches. Illustrator régénère les tranches automatiques chaque fois que vous ajoutez ou modifiez des tranches. Les sous-tranches indiquent la manière dont seront divisées les tranches définies par l’utilisateur et qui se chevauchent. Bien que les sous-tranches soient numérotées et affichent un symbole de tranche, vous ne pouvez pas les sélectionner séparément de la tranche sous-jacente. Illustrator régénère les sous-tranches et les tranches automatiques au fur et à mesure que vous effectuez des modifications.

Création de tranches

Sélection des tranches

Utilisez l’outil Sélection de tranche  pour sélectionner une tranche dans la fenêtre d’illustration ou dans la boîte de dialogue Enregistrer pour le web et les périphériques.

• Cliquez sur une tranche pour la sélectionner.
• Cliquez en maintenant la touche Maj enfoncée pour sélectionner plusieurs tranches. Dans la boîte de dialogue Enregistrer pour le web et les périphériques, vous pouvez également faire glisser la souris en maintenant la touche Maj enfoncée.
• Pour sélectionner une tranche sous-jacente lors de la manipulation de tranches qui se chevauchent, cliquez sur sa partie visible.

  Vous pouvez également sélectionner des tranches dans la fenêtre d’illustration en utilisant l’une des méthodes suivantes :

• Pour sélectionner une tranche créée à l’aide de la commande Objet > Tranche > Créer, sélectionnez l’illustration correspondante sur le plan de travail. Si la tranche est liée à un groupe ou un calque, sélectionnez l’icône cible adjacente au groupe ou calque dans le panneau Calques.
• Pour sélectionner une tranche créée à l’aide de l’outil Tranche, de la commande Créer d’après la sélection ou de la commande Créer d’après les repères, utilisez le panneau Calques.
• Cliquez sur le tracé de la tranche à l’aide de l’outil Sélection .
• Pour sélectionner un segment de tracé ou un point d’ancrage de tranche, cliquez sur cet élément avec l’outil Sélection directe.

  Remarque : vous ne pouvez pas sélectionner des tranches automatiques. Ces tranches sont grisées.

Définition des options de tranche

Les options d’une tranche déterminent la manière dont son contenu apparaît et fonctionne sur la page web résultante.

Verrouillage des tranches

Le verrouillage des tranches empêche toute modification accidentelle, comme le redimensionnement ou le déplacement.

• Pour verrouiller toutes les tranches, choisissez la commande Affichage > Verrouiller les tranches.
• Pour verrouiller les tranches de manière individuelle, cliquez sur la colonne d’édition des tranches dans le panneau Calques.

Ajustement des limites de tranches

Si vous avez créé une tranche à l’aide de la commande Objet > Tranche > Créer, la position et la taille de la tranche sont liées à l’illustration qu’elle contient. Par conséquent, si vous déplacez ou modifiez la taille de votre illustration, les limites de la tranche seront ajustées automatiquement.

Si vous avez créé une tranche à l’aide de l’outil Tranche, de la commande Créer d’après la sélection ou de la commande Créer d’après les repères, vous pouvez ajuster les tranches manuellement de l’une des façons suivantes :

• Pour déplacer une tranche, faites-la glisser vers un nouvel emplacement à l’aide de l’outil Sélection de tranche . Maintenez la touche Maj enfoncée pour restreindre le déplacement sur un plan vertical, horizontal ou sur une diagonale de 45°.
• Pour modifier la taille d’une tranche, sélectionnez-la à l’aide de l’outil Sélection de tranche, puis faites glisser l’un des angles ou des côtés de la tranche. Vous pouvez également utiliser l’outil Sélection et le panneau Transformation pour redimensionner les tranches.
• Pour aligner ou répartir des tranches, utilisez le panneau Alignement. L’alignement de tranches permet d’éliminer les tranches auto inutiles et de générer un fichier HTML plus petit et optimisé.
• Pour modifier l’ordre de superposition des tranches, faites glisser une tranche vers un nouvel emplacement dans le panneau Calques ou sélectionnez une commande dans le menu Objet > Disposition.
• Pour diviser une tranche, sélectionnez-la et choisissez la commande Objet > Tranche > Diviser les tranches.

  Vous pouvez combiner des tranches quelle que soit leur méthode de création. Sélectionnez les tranches, puis choisissez la commande Objet > Tranche > Combiner les tranches. Les dimensions et l’emplacement de la tranche obtenue sont ceux du rectangle créé par l’union des contours extérieurs des tranches combinées. Si les tranches combinées ne sont pas adjacentes ou si leurs proportions ou leur alignement sont différents, la nouvelle tranche peut en chevaucher d’autres.

  Pour redimensionner toutes les tranches en fonction des limites du plan de travail, choisissez la commande Objet > Tranche > Ecrêter selon le plan de travail. Les tranches qui s’étendent au-delà du plan de travail sont tronquées en conséquence et les tranches auto s’inscrivant dans le plan de travail sont étendues à ses limites. Toute l’illustration reste identique.

Suppression des tranches

Vous pouvez retirer des tranches en les supprimant ou en les annulant de l’illustration correspondante.

• Pour supprimer une tranche, sélectionnez-la, puis appuyez sur la touche Suppr. Si la tranche a été créée à l’aide de la commande Objet > Tranche > Créer, l’illustration correspondante est également supprimée. Pour conserver l’illustration correspondante, annulez la tranche au lieu de la supprimer.
• Pour supprimer toutes les tranches, choisissez la commande Objet > Tranche > Tout supprimer. Les tranches créées avec la commande Objet > Tranche > Créer sont annulées, mais ne sont pas supprimées.
• Pour annuler une tranche, sélectionnez-la, puis choisissez la commande Objet > Tranche > Annuler.

Affichage ou masquage des tranches

• Pour masquer les tranches dans la fenêtre d’illustration, choisissez la commande Affichage > Masquer les tranches.
• Pour masquer les tranches dans la boîte de dialogue Enregistrer pour le web et les périphériques, cliquez sur le bouton Afficher/Masquer les tranches .
• Pour masquer les numéros de tranches et modifier la couleur des traits de tranche, choisissez la commande Edition > Préférences > Repères commentés et tranches (Windows) ou Illustrator > Préférences > Repères commentés et tranches (Mac OS).

Création de cartes-images

Les cartes-images permettent de lier une ou plusieurs zones d’une image (appelées zones sensibles) à une URL. Lorsqu’un utilisateur clique sur une zone sensible, le navigateur web charge le fichier lié.

La principale différence entre l’utilisation de cartes-images et de tranches pour créer des liens réside dans le mode d’exportation de l’illustration en tant que page web. Les cartes-images permettent de conserver l’illustration intacte en un seul fichier, tandis que les tranches imposent sa division en fichiers distincts. Une autre différence entre les cartes-images et les tranches est que les premières permettent de lier des zones polygonales ou rectangulaires d’une illustration, tandis que les secondes ne fonctionnent que sur des zones rectangulaires. Si vous n’avez besoin que de zones rectangulaires, il peut être préférable d’utiliser les tranches plutôt qu’une carte-image.