Tracés alignés sur la grille en pixels dans des workflows web

  1. Guide de l’utilisateur d’Illustrator
  2. Découverte d’Illustrator
    1. Présentation d’Illustrator
      1. Nouveautés d’Illustrator
      2. Questions fréquentes
      3. Configuration requise pour Illustrator
      4. Illustrator pour Apple Silicon
    2. Espace de travail
      1. Principes de base sur les espaces de travail
      2. Création de documents
      3. OutilsRaccourcis clavier par défaut | Illustrator
      4. Personnalisation des raccourcis clavier
      5. Plans de travail
      6. Personnalisation de l’espace de travail
      7. Panneau Propriétés
      8. Définition des préférences de la mémoire
      9. Espace de travail Tactile
      10. Prise en charge de Microsoft Surface Dial dans Illustrator
      11. Récupération, annulation et automatisation
      12. Faire pivoter l’affichage
      13. Règles, grilles et repères
      14. Accessibilité dans Illustrator
      15. Mode sans échec
      16. Affichage des illustrations
      17. Utilisation de la Touch Bar avec Illustrator
      18. Fichiers et modèles
      19. Synchronisation des paramètres à l’aide d’Adobe Creative Cloud
    3. Outils dans Illustrator
      1. Sélection
        1. Présentation
        2. Sélection
        3. Sélection directe
        4. Lasso
      2. Navigation
        1. Présentation
        2. Zoom
        3. Faire pivoter l’affichage
      3. Peinture
        1. Présentation
        2. Dégradé de couleurs
        3. Concepteur de forme
      4. Texte
        1. Présentation
        2. Texte
        3. Texte sur tracé
  3. Illustrator sur iPad
    1. Introduction à Illustrator sur iPad
      1. Présentation d’Illustrator sur iPad
      2. FAQ sur Illustrator sur iPad
      3. Configuration requise | Illustrator sur iPad
      4. Ce que vous pouvez ou ne pouvez pas faire dans Illustrator sur iPad
    2. Espace de travail
      1. Espace de travail Illustrator sur iPad
      2. Raccourcis et mouvements tactiles
      3. Raccourcis clavier pour Illustrator sur iPad
      4. Gestion des paramètres de votre application
    3. Documents
      1. Travailler avec des documents dans Illustrator sur iPad
      2. Importer des documents Photoshop et Fresco
    4. Sélectionner et organiser des objets
      1. Créer des objets répétés
      2. Fusionner des objets
    5. Dessin
      1. Dessiner et modifier des tracés
      2. Dessin et modification de formes
    6. Texte
      1. Travailler avec du texte et des polices
      2. Créer des compositions de texte sur un tracé
      3. Ajouter vos propres polices
    7. Utilisation d’images
      1. Utilisation d’images
    8. Couleur
      1. Appliquer des couleurs et des dégradés
  4. Documents en ligne
    1. Fonctionnalités de base
      1. Travailler avec des documents en ligne Illustrator
      2. Partage et collaboration sur des documents en ligne Illustrator
      3. Mettre à niveau l’espace de stockage pour Adobe Illustrator
      4. Documents en ligne Illustrator | Questions fréquentes
    2. Résolution des problèmes
      1. Résoudre les problèmes de création ou d’enregistrement de documents en ligne Illustrator
      2. Résoudre les problèmes sur les documents en ligne Illustrator
  5. Ajout et modification de contenu
    1. Dessin
      1. Concepts de base sur le dessin
      2. Modifier les tracés
      3. Dessiner des illustrations ultra précises
      4. Dessiner avec l’outil Stylo, Courbure ou Crayon
      5. Dessiner des lignes et formes simples
      6. Vectoriser l’image
      7. Simplifier un tracé
      8. Définir des grilles de perspective
      9. Outils de symbolisme et jeux de symboles
      10. Modification des segments de tracé
      11. Créer une fleur en 5 étapes faciles
      12. Dessiner avec la perspective
      13. Symboles
      14. Dessiner des tracés alignés sur les pixels dans des workflows web
    2. Effets 3D et matières Adobe Substance
      1. À propos des effets 3D dans Illustrator
      2. Créer des graphiques 3D
      3. Créer des objets 3D
      4. Créer du texte 3D
    3. Couleur
      1. À propos de la couleur
      2. Sélectionner des couleurs
      3. Utiliser et créer des nuanciers
      4. Corriger les couleurs
      5. Utiliser le panneau Thèmes Adobe Color
      6. Groupes de couleurs (harmonies)
      7. Panneau Thèmes de couleur
      8. Redéfinir les couleurs de l’illustration
    4. Peinture
      1. À propos de la peinture
      2. Peinture avec les fonds et les contours
      3. Groupes de peinture dynamique
      4. Dégradés
      5. Formes
      6. Transparence et modes de fusion
      7. Application d’un contour sur un objet
      8. Créer et modifier des motifs
      9. Filets
      10. Motifs
    5. Sélectionner et organiser des objets
      1. Sélection d’objets
      2. Calques
      3. Associer et développer des objets
      4. Déplacement, alignement et répartition d’objets
      5. Superposer des objets    
      6. Verrouillage, masquage et suppression d’objets
      7. Dupliquer des objets
      8. Appliquer des rotations et symétries aux objets
    6. Remodelage d’objets
      1. Recadrer des images
      2. Transformer des objets
      3. Combinaison d’objets
      4. Couper, diviser et rogner des objets
      5. Déformation de la marionnette
      6. Mettre à l’échelle, déformer et distordre des objets
      7. Fusionner des objets
      8. Modeler à l’aide d’enveloppes
      9. Remodeler des objets à l’aide d’effets
      10. Créer des formes avec les outils Mise en forme et Concepteur de forme
      11. Utiliser des angles dynamiques
      12. Amélioration des flux de modelage avec prise en charge des commandes tactiles
      13. Modifier des masques d’écrêtage
      14. Formes dynamiques
      15. Créer des formes à l’aide de l’outil Concepteur de forme
      16. Modifier globalement
    7. Texte
      1. Créer du texte
      2. Polices et typographie
      3. Mise en forme de texte
      4. Importer et exporter du texte
      5. Mise en forme des paragraphes
      6. Caractères spéciaux
      7. Création de texte curviligne
      8. Styles de caractère et de paragraphe
      9. Onglets
      10. Texte et typographie
      11. Rechercher des polices manquantes (flux de travaux Typekit)
      12. Mettre à jour du texte provenant d’Illustrator 10
      13. Texte en arabe et en hébreu
      14. Polices | FAQ et conseils de dépannage
      15. Création d’effets de texte 3D
      16. Designs typographiques créatifs
      17. Mise à l’échelle et pivotement du texte
      18. Espacement des lignes et interlettrage
      19. Césure et sauts de ligne
      20. Améliorations relatives au texte
      21. Orthographe et dictionnaires de langue
      22. Mise en forme des caractères asiatiques
      23. Compositeurs de scripts asiatiques
      24. Création de designs de texte avec des dégradés d’objets
      25. Création d’une affiche de texte à l’aide du tracé d’image
    8. Création d’effets spéciaux
      1. Utilisation des effets
      2. Styles graphiques
      3. Création d’une ombre portée
      4. Attributs d’aspect
      5. Création d’esquisses et de mosaïques
      6. Ombres portées, lueurs et contour progressif
      7. Résumé des effets
    9. Images Web
      1. Méthodes recommandées pour la création d’images destinées au Web
      2. Graphismes
      3. SVG
      4. Création d’animations
      5. Tranches et cartes-images
  6. Importation, exportation et enregistrement
    1. Importation
      1. Importation de fichiers d’illustration
      2. Importation d’images bitmap
      3. Importation d’une illustration à partir de Photoshop
      4. Importation de plusieurs fichiers | Illustrator CC
      5. Annulation de l’incorporation des images
      6. Importation de fichiers Adobe PDF
      7. Importation de fichiers EPS, DCS et AutoCAD
      8. Informations sur les liens
    2. Bibliothèques Creative Cloud dans Illustrator 
      1. Bibliothèques Creative Cloud dans Illustrator
    3. Enregistrer
      1. Enregistrement d’une illustration
    4. Exportation
      1. Exportation d’une illustration
      2. Collecte et exportation de ressources par lots
      3. Assemblage de fichiers
      4. Création de fichiers Adobe PDF
      5. Extraction de code CSS | Illustrator CC
      6. Options Adobe PDF
      7. Informations sur les fichiers et métadonnées
  7. Impression
    1. Préparation pour l’impression
      1. Configuration des documents pour l’impression
      2. Modification du format et de l’orientation de la page
      3. Définition des traits de coupe pour le rognage ou l’alignement
      4. Commencer avec des zones de travail de grande taille
    2. Impression
      1. Surimpression
      2. Impression avec gestion des couleurs
      3. Impression PostScript
      4. Paramètres prédéfinis d’impression
      5. Repères d’impression et fonds perdus
      6. Impression et enregistrement d’illustrations transparentes
      7. Recouvrement
      8. Impression des séparations des couleurs
      9. Impression de dégradés, de filets et de dégradés de formes
      10. Surimpression en blanc
  8. Automatisation des tâches
    1. Fusion des données à l’aide du panneau Variables
    2. Automatisation avec les scripts
    3. Automatisation avec des scripts d’action
  9. Résolution des problèmes 
    1. Problèmes de blocage au lancement
    2. Récupérer les fichiers après un blocage
    3. Problèmes liés au fichier
    4. Problèmes avec un pilote de matériel GPU
    5. Problèmes liés à un appareil Wacom
    6. Problèmes liés au fichier DLL
    7. Problèmes de mémoire
    8. Problèmes du fichier de préférences
    9. Problèmes de police
    10. Problèmes d’imprimante
    11. Partager le rapport d’incident avec Adobe
Remarque :

les informations fournies dans cet article concernent Illustrator CC 2015.x et les versions antérieures. A compter de la version CC 2017, Illustrator propose une fonctionnalité plus prévisible et plus précise pour aligner les illustrations sur la grille en pixels. Voir Dessin d’illustrations alignées sur la grille en pixels pour plus de détails.

L’alignement en pixels est une propriété de niveau objet qui permet d’aligner des tracés verticaux et horizontaux sur la grille en pixels. Cette propriété reste inchangée même lorsque l’objet est modifié. Tout tracé vertical ou horizontal d’un objet est aligné sur la grille en pixels dans la mesure où cette propriété est définie pour l’objet en question.

Tracés alignés sur la grille en pixels dans Illustrator
Illustration affichant des objets alignés en pixels et des objets non alignés en pixels

A. Objet non aligné en pixels B. Objet aligné sur la grille en pixels 

Alignement de nouveaux objets sur la grille en pixels

L’option Aligner les nouveaux objets sur la grille en pixels est disponible dans la section Avancées de la boîte de dialogue Nouveau document.

Cette option est également disponible à partir du menu surgissant du panneau Transformation.

Option Aligner les nouveaux objets sur la grille en pixels dans le menu du panneau Transformation
Option Aligner les nouveaux objets sur la grille en pixels dans le menu du panneau Transformation

Si vous activez cette option, la propriété d’alignement en pixels est définie par défaut pour tout nouvel objet que vous dessinez. Cette option est activée par défaut pour les nouveaux documents que vous créez à l’aide du profil de document Web.

L’apparence précise des contours alignés en pixels est conservée dans la sortie pixellisée, mais uniquement à une résolution de 72 ppp. Pour les autres résolutions, il est fort probable que ces contours produisent des résultats lissés.

Les objets qui sont alignés en pixels, mais dépourvus de segments droits verticaux ou horizontaux, ne sont pas modifiés pour s’aligner sur la grille en pixels. Par exemple, étant donné qu’un rectangle ayant subi une rotation n’a pas de segment vertical ou horizontal droit, celui-ci n’est pas poussé pour produire des tracés précis, lorsque la propriété d’alignement en pixels est définie.

Remarque :

la propriété de niveau document et l’état d’alignement en pixels de chaque objet sont enregistrés dans le fichier .ai.

Pour plus d’informations sur l’alignement des symboles sur la grille en pixels, reportez-vous à la section Alignement des symboles sur la grille en pixels.

Alignement d’objets existants sur la grille en pixels

Les objets pour lesquels l’option Aligner sur la grille en pixels est sélectionnée sont alignés sur la grille en pixels lorsqu’ils sont modifiés. Par exemple, si vous déplacez ou transformez un objet aligné en pixels, celui-ci est réaligné sur la grille en pixels en fonction de ses nouvelles coordonnées.

Pour aligner un objet existant sur la grille en pixels, sélectionnez l’objet à aligner et cochez la case Aligner sur la grille en pixels située en bas du panneau Transformation.

Option Aligner sur la grille en pixels dans le panneau Transformation
Option Aligner sur la grille en pixels dans le panneau Transformation

Lorsque vous sélectionnez cette option, les segments verticaux et horizontaux des tracés de l’objet sont poussés. Ces segments ont alors systématiquement un aspect net et précis, quels que soient l’épaisseur du contour ou l’emplacement. Pour les objets pour lesquels cette option est sélectionnée, les valeurs d’épaisseur de contour sont toujours des nombres entiers.

Lorsqu’un objet non aligné est ajouté dans un document pour lequel l’option Aligner les nouveaux objets sur la grille en pixels est activée, l’objet ajouté n’est pas systématiquement aligné. Pour aligner le nouvel objet, vous devez d’abord le sélectionner, puis cocher la case Aligner sur la grille en pixels dans le panneau Transformation. Certains objets, comme les trames, les effets de pixellisation et les objets texte, ne peuvent pas être alignés sur la grille en pixels, car ils ne sont pas composés de tracés réels.

Sélection d’objets non alignés sur la grille en pixels

Pour sélectionner les objets, choisissez la commande Sélection > Objet > Non aligné(s) sur la grille en pixels.

Alignement des symboles sur la grille en pixels

Pour créer un symbole aligné sur la grille en pixels, sélectionnez l’option Aligner sur la grille en pixels dans la boîte de dialogue Options de symbole. Les symboles alignés sur la grille en pixels restent alignés à taille réelle quel que soit leur emplacement sur le plan de travail.

Remarque :

il est possible qu’un symbole mis à l’échelle ne produise pas de tracés précis même si l’alignement sur la grille en pixels est défini dans ses propriétés.

Pour plus d’informations sur l’alignement sur la grille en pixels, reportez-vous à la section Tracés alignés sur la grille en pixels dans des flux de production Web.

Remarque :

si le bouton Réinitialiser du panneau Contrôle est actif, cela signifie que le symbole a été transformé et qu’il n’a pas sa taille réelle.

Affichage de la grille en pixels

Pour afficher la grille en pixels, définissez la taille d’affichage sur 600 % ou plus en mode Aperçu en pixels.

Pour définir l’affichage de la grille en pixels dans les préférences, choisissez la commande Préférences > Repères et grille. Sélectionnez l’option Afficher la grille de pixels (Zoom supérieur à 600 %) si elle ne l’est pas.

Enregistrement des tranches sélectionnées

Pour enregistrer uniquement les tranches sélectionnées dans l’illustration, choisissez la commande Fichier > Enregistrer les tranches sélectionnées.

Options de lissage

Lissage de texte

Le panneau Caractère d’Illustrator regroupe les options de lissage de texte suivantes :

  • Sans

  • Net

  • Précis

  • Fort

Lissage de texte
Options de lissage de texte dans le panneau Caractère

Vous pouvez définir des options de lissage pour chaque bloc de texte. Ces attributs de lissage de texte sont enregistrés comme faisant partie intégrante du document. Ces options sont également prises en charge par les formats PDF, AIT et EPS. Les options de lissage de texte peuvent être exportées ou importées dans un fichier PSD.

Lorsque vous exportez un fichier au format BMP, PNG, Targa, JPEG ou TIFF, la liste déroulante de lissage contient les options suivantes : Sans, Illustration optimisée et Texte optimisé.

  • L’option Illustration optimisée produit une pixellisation pour chacun de ces formats, de la même manière que dans les versions antérieures. Toutefois, les options de lissage de texte ne sont pas prises en charge lorsque l’illustration est pixellisée de cette manière.

  • L’option Texte optimisé respecte les nouvelles options de lissage dans les blocs de texte au cours de la pixellisation.

Ces options sont également disponibles dans la boîte de dialogue Enregistrer pour le Web.

Logo Adobe

Accéder à votre compte