Comment modifier l’aspect d’un trait
dans Affinity Designer ?

Article

En illustration, on cherche à exposer une idée, une émotion, et la rendre visible au plus grand nombre. Les différents logiciels qui permettent d’atteindre ces objectifs regorgent d’outils dont les buts sont à la fois de simplifier l’approche créative et d’imiter un processus naturel proche du dessin. Tout comme ses concurrents, Affinity Designer vous propose des outils simples et efficaces comme la fonctionnalité Trait qui vous permet d’appliquer des contours (ou ligne) à vos créations.

Même si elle fait partie des connaissances de base du logiciel, cette fonctionnalité s’avère incontournable pour fixer l’attention sur une zone de votre illustration ou donner du rythme à votre design. Nous allons nous intéresser à certaines de ses options de base telles que les angles, l’alignement et la pression.

Sommaire

Partagez l’article

Jouer avec les angles

Lorsque vous ouvrez l’espace Trait (s’il n’est pas ouvert par défaut : Fenêtre > Trait), vous trouvez plusieurs options permettant de modifier l’aspect d’un trait. Intéressons-nous tout d’abord aux options liées aux angles d’un objet. Vous avez le choix entre :

  • des angles arrondis
  • des angles biseautés
  • ou des angles droits.
Image d'illustration représentant une croix composée d'angles arrondis et d'un contour
Angle arrondi
Image d'illustration représentant une croix composée d'angles biseautés et d'un contour
Angle biseauté
Image d'illustration représentant une croix composée d'angles droits et d'un contour
Angle droit

Ces simples options ajoutent de subtiles touches à vos designs et vous permettent d’ajuster vos créations en quelques clics. Elle se révèlent donc très utiles lors de la création de boutons et d’appels à l’action pour une interface ou lors de la finalisation des détails d’une typographie. Et n’allez surtout pas imaginer que ce sont des options mineures car elles ont un véritable impact qui peut changer la nature d’un projet.

Prenons l’exemple de la typographie « Impact » de Geoffrey Lee (disponible en ligne) utilisée dans l’exemple ci-dessous. Elle a un aspect dur et lourd qui se retranscrit par l’épaisseur de ses lettres et leur espacement. Cette typographie est souvent utilisée dans des titres car elle s’impose visuellement et il serait impossible de ne pas la voir dans un texte.

Angles droits
Angles arrondis

On pourrait croire que la modification de ces angles aurait peu d’impact. Cependant, en choisissant l’option « Angles arrondis », le message visuel et la nature de la typographie en sont adoucis. Afin de préserver son message original, il est préférable d’opter pour des angles droits (ou « jonction carrée » dans le logiciel).

Il est donc primordial de bien choisir votre type d’angle selon le message que vous souhaitez faire passer.

Pour avoir un contrôle total sur vos angles, référez-vous à ce court tuto / tuto flash.

Modifier l’alignement d’un trait sur un objet

Autre option de l’espace Trait : l’alignement. Il vous offre la possibilité de créer plus facilement en disposant le trait de trois manières différentes. Vous pouvez l’aligner :

  • Au centre de la forme (sur le contour)
  • À l’intérieur de la forme
  • À l’extérieur de la forme.
Image d'illustration représentant une croix avec un trait alignés au centre
Alignement centré
Image d'illustration représentant une croix avec un trait alignés sur l'intérieur
Alignement intérieur
Image d'illustration représentant une croix avec un trait alignés sur l'extérieur
Alignement extérieur

Il s’agit de la même forme avec la même épaisseur de trait mais, comme vous pouvez le constater, son aspect diffère complétement selon l’alignement choisi. Cela multiplie les possibilités créatives mais, parfois, entraine aussi des effets indésirables liés aux angles d’un objet ou d’une typographie. C’est exactement ce qu’il s’est produit avec le texte d’illustration utilisé pour cet article.

La pointe du -e (1) est affûtée après modification de la valeur dans l'option Carré (2)

L’alignement par défaut a créé, par endroit, des angles cassés qui ne suivaient pas les lignes de finition de la typographie. Pour y remédier, j’ai utilisé une autre option de l’espace Trait : le Carré (2). J’ai donc augmenté la valeur par défaut, la faisant passer de 1,5 à 3, et les angles qui posaient problèmes ont finalement disparu pour laisser la place à des angles affûtés (1).

Donner du rythme en variant l’épaisseur d’un trait

Enfin, parlons de la dernière option de cet article : la variation d’épaisseur («Largeur» dans le logiciel). Bien que modifier l’épaisseur est très facile (comme vous pouvez le voir dans ce tuto), certaines personnes pourraient penser que le résultat manque de dynamisme car le trait garde le même aspect sur toute sa longueur. Pourtant, il est possible d’apporter du rythme et de la variation à l’aide de la fonction Pression, qui se trouve dans la partie inférieure de l’espace Trait.

En cliquant sur l’encadré à côté de l’intitulé Pression, on ouvre une fenêtre rectangulaire qui contient un graphique et deux points. Ces derniers tracent une courbe qui peut être modifiée en ajoutant d’autres points et en variant leur position sur le graphique. Voici comment ça marche : un point situé au sommet du graphique garde l’épaisseur initiale ; si vous le déplacer vers le bas, vous diminuez l’épaisseur.

En cliquant sur l'encadré "Pression" (à gauche), vous accèdez au graphique (à droite).

A noter : pour enlever un point du graphique, faites un clic-droit sur le point à retirer.

Selon le nombre de points et leur positionnement, vous ajoutez de la variation et donnez plus d’importance à certaines parties d’un objet. Si vous appliquez cette méthode sur une typographie cursive, vous apportez une touche de fluidité, presque calligraphique, et donnez l’impression que les contours on été tracés à la main.

Maintenant que vous connaissez les différentes possibilités offertes par le trait, c’est à votre tour d’expérimenter, de jouer et de créer.

A noter : si vous envisagez de changer la taille de l’objet, cochez la case « Mettre à l’échelle de l’objet ». Vous garderez une épaisseur de trait proportionnelle à la taille de l’objet et, donc, ne casserez pas votre travail.

Sur le même sujet