ARTICLE DU TUTORIEL

Intermédiaire

3 min

Créer des illustrations au pixel près

Apprenez à créer des traits et des illustrations impeccables dans vos projets UI/UX et dans toutes vos créations pour le web, les écrans et d’autres formats digitaux.

Ce qu’il vous faut

Ne vous battez plus avec les icônes lissées et les illustrations floues : créez des tracés qui s’alignent automatiquement sur la grille de pixels pendant que vous dessinez, ou alignez une illustration sur cette grille d’un simple clic. Voici comment faire.

1

Configurer le magnétisme des pixels

Tout d’abord, choisissez Affichage > Aperçu en pixels. Définissez ensuite le niveau de zoom sur 600 % ou plus pour afficher la grille de pixels.

Remarque: l’aperçu en pixels permet de prévisualiser l’aspect de l’illustration une fois pixellisée. Cette fonctionnalité est particulièrement utile pour contrôler le positionnement, la taille et les bords des objets dans un graphique pixellisé.

Sans rien sélectionner sur le plan de travail, cliquez sur le bouton Magnétisme du pixel dans la section Options du magnétisme du panneau Propriétés.

2

Dessiner des illustrations impeccables en toutes circonstances

À présent, lorsque vous dessinez, les tracés et les formes vectorielles aux bords rectilignes s’alignent automatiquement sur la grille de pixels. En traçant des traits propres et nets dès le départ, vous gagnez un temps considérable.

3

Aligner les pixels des illustrations, même en cas de déplacement

Vos tracés et formes s’alignent sur la grille de pixels lorsque vous les déplacez. Ainsi, il n’y a plus aucun risque de modifier leur apparence. Vous pouvez, par ailleurs, corriger le problème des illustrations lissées simplement en les déplaçant.

Conseil: s’il reste des bords lissés, activez l’outil Sélection directe, puis déplacez le point d’ancrage ou le segment de tracé concerné vers la grille de pixels la plus proche.

4

Mettre facilement des illustrations à l’échelle

Les points d’ancrage, les segments de tracé et les formes s’alignent automatiquement sur la grille de pixels lorsque vous mettez votre illustration à l’échelle.

5

Améliorer au pixel près d’un simple clic

Pour les icônes lissées ou les illustrations aux bords flous, cliquez dessus avec le bouton droit de la souris, puis choisissez Aligner sur la grille en pixels.

Remarque: les bords rectilignes sembleront plus nets, mais les lignes courbes et les diagonales ne seront pas améliorées.

Voilà ! Vous savez maintenant comment produire des illustrations et des icônes web d’une netteté impeccable pour tous les écrans.


Contribution Adobe Stock :

alekseyvanin

4 septembre 2019

Essayez ces tutoriels avec Illustrator

Créez des illustrations et d’autres graphiques avec des vecteurs.