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.
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.
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.
À 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.
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.
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.
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.