Qu’est-ce que l’effet Halftone ?
Accueil | Actualités | Graphisme | Qu’est-ce que l’effet Halftone ?
Table des matières

Qu’est-ce que l’effet Halftone ?

L’effet Halftone ou demi-teinte également appelé « trame » en français, il s’agit d’une technique graphique qui vise à limiter les variations de gris ou de couleur en utilisant une grille de répétition de motifs de points.

L’effet Halftone exploite la capacité de l’œil humain à fusionner de petites quantités de couleurs afin de créer une palette étendue de tons. Au lieu d’opter pour des dégradés continus, cette technique utilise des motifs de points ou de lignes à intensités variables pour rendre différentes zones de l’image avec des densités diverses.

Comment créer un effet Halftone avec Illustrator ?

Les différentes étapes pour réussir un effet Halftone :

En design graphique, il existe bien entendu différentes façons d’atteindre un même résultat escompté. Concernant l’effet Halftone, voici quelques étapes vous permettant d’arriver à un résultat satisfaisant à l’aide de votre outil d’édition vectorielle préféré (dans cette situation, Adobe Illustrator).

Celles-ci sont les suivantes :

  • Créer une forme tel qu’un cercle parfait par exemple :
Image d'un cercle avec un contour noir et fond d'arrière plan blanc.
  • Permuter la couleur noir du contour avec le fond (sans couleur) :
Image d'un cercle parfait avec un fond noir sans contour sur un arrière plan (plan de travail) de couleur blanche.
  • Ajouter un dégradé sur le fond noir de votre cercle :
Image du logiciel Adobe Illustrator avec : Application d'un dégradé de couleur noir et blanc par défault sur un cercle parfait initialement rempli d'un fond noir.
  • Appliquer un dégradé radial sur le fond :
Interface Illustrator - Application d'un dégradé de couleur radial.
  • Inverser l’emplacement du noir et du blanc sur le dégradé radial :
Interface Illustrator - Permutation de l'emplacement de la couleur blanche avec la couleur noir.
  • Sélectionner une nuance de gris à la place de la couleur noir : 

*N’oubliez pas de choisir nuances de gris dans le panneau d’options

Réglages Dégradé Illustrator - Choisir dans le panneau d'options cachées le mode colorimétrique nommé "Niveau de gris".
  • Dans l’onglet « Effet », cliquer sur « Paramètres des effets de pixellisation du document ».
Interface Illustrator - Dans l'onglet "Effet", paramétrage des effets de pixellisation du document.
  • Il est possible que les paramètres des effets de pixellisation de votre document soit sur RVB/CMJN, auquel cas vous visualiserez un effet Halftone avec un effet colorimétrique de glitch.
Interface Illustrator - Problème fréquemment rencontré : effet halftone quadrichromique.
  • Sélectionner « Niveaux de gris », puis appuyer sur « Ok ».
Interface Illustrator - Sélectionner "Niveau de gris" dans le champ "Modèle de couleur".
  • Dans l’onglet « Effet », au survol de l’onglet « Pixellisation », cliquer sur « Demi-teintes couleurs » dans le sous menu déroulant.
Interface Illustrator - Application de l'effet pixellisation > Demi-teintes couleurs dans l'onglet "Effet".
  • Saisir une valeur dans le champ intitulé « Rayon maxi : », ici et pour l’exemple, nous saisissons la valeur 18.
Interface Illustrator - Saisie de la valeur 18 dans le champs de saisie intitulé "Rayon maxi :"
  • A l’aide de la flèche noir, sélectionner le cercle, puis dans l’onglet « Objet », sélectionner « Décomposer l’aspect ».
Décomposer l'aspect via "Objet" dans Adobe Illustrator.
  • En appuyant sur Ctrl + Y, vous pouvez visualiser les vecteurs mis en évidence, on y aperçoit le simple tracé de notre cercle.
Appuyer sur la touche Ctrl + Y pour visualiser le tracé vectoriel de l'effet Halftone avant la vectorisation.
  • Dans l’onglet « Objet », au survol de la rubrique « Vectorisation de l’image », cliquer sur « Créer et décomposer ».
Dans l'onglet "Objet", au survol de la rubrique "Vectorisation de l"image", cliquer sur le sous-menu déroulant nommé "Créer et décomposer".
  • Enfin, à l’aide de la flèche blanche, vous pouvez supprimer le cadre de sélection qui entoure notre cercle rempli de l’effet « Halftone ». Sinon à l’aide de la flèche noir et en double cliquant sur le groupe généré du cercle avec l’effet Halftone. Sélectionnez le fond blanc puis le supprimer.
Sélectionner la flèche blanche pour supprimer le cadre de sélection de couleur blanche situé derrière l'effet halftone.
  • Vérifier la vectorisation des points générés au sein de votre effet Halftone avec la touche Ctrl+Y :
Vérification de la vectorisation de l'effet Halftone en appuyant sur Ctrl + Y.

Quel peut-être l‘intérêt d’utiliser cet effet ?

L’effet Halftone trouve également une application artistique dans le domaine du design graphique et de la photographie, où il est exploité pour produire des effets stylisés ou rétro. Les logiciels de retouche d’image offrent la possibilité de ajuster la taille, la forme et la densité des points, permettant ainsi de créer une variété d’effets Halftone au travers de diverses formes.

Cela permet également d’habiller une illustration ou d’ornementer une photo de portrait en apportant un remplissage subtile et agréable à l’œil sur votre sujet.

Illustration d'un pamplemousse ornementé d'un effet Halftone comme habillage.

Vous avez une question ou vous souhaitez avoir des informations supplémentaires ?

Articles similaires
Flat icone d'un appareil photo en 2D. Flat design - QL Studio
Graphisme
Qu’est-ce que le Flat Design ?

Le Flat Design, également connu sous le nom de design plat, se distingue par sa simplicité graphique, l’absence d’effets tridimensionnels, et l’utilisation de couleurs vives

Lire plus
Miniature planche d'éléments au style skueomorphism - QL Studio
Graphisme
Qu’est-ce que le Skeuomorphism ?

Le Skeuomorphism dans le contexte du web se réfère à l’utilisation d’éléments visuels ou d’interfaces utilisateur qui imitent des objets du monde réel pour faciliter

Lire plus
Exemple illustratif d'une carte de paiement avec un effet glassmorphism - QL Studio
Graphisme
Qu’est-ce que le Glassmorphism ?

Le Glassmorphism, émergeant comme une esthétique distinctive dans le design d’interfaces web, se caractérise par l’imitation visuelle du verre dans les éléments graphiques. Inspiré par

Lire plus