L'effet knockout est une technique puissante qui superpose une forme ou un texte coloré sur une image, en découpant cette superposition pour révéler l'arrière-plan en dessous. Idéal pour des designs percutants, il s'applique avec du texte ou des formes dans Photoshop et Illustrator, avec des méthodes légèrement différentes.
Dans ce guide détaillé, découvrez comment maîtriser cet effet pas à pas dans Adobe Photoshop et Illustrator, grâce à notre expertise en design graphique.
Pour démarrer, ouvrez votre image d'arrière-plan. Nous utiliserons ici un rectangle comme forme, avec un texte pour le découpage.
Avec l'image ouverte, sélectionnez l'outil Rectangle (raccourci U). Choisissez une couleur de remplissage. Tracez la forme en cliquant-glissant ou en saisissant les dimensions précises.
Créez un nouveau calque. Sélectionnez l'outil Texte (T), tapez votre texte, puis positionnez-le au-dessus de la forme avec l'outil Déplacement (V).
Vous pouvez remplacer le texte par une forme ou une icône pour varier l'effet.
Double-cliquez sur le calque texte pour ouvrir les Styles de calque. Sélectionnez Options de fusion.
Dans Superposition avancée, choisissez Knockout : Peu profond (pour un calque unique) ou Profond (pour un groupe).
Optez pour Peu profond ici. Cochez Aperçu et réduisez l'Opacité de remplissage à 0 % pour un knockout parfait. Ajustez si besoin pour la lisibilité.
Cliquez OK. Ajustez librement chaque calque (image, forme, texte). Modifiez l'effet en rouvrant les styles de calque.
Plus direct en vectoriel, le processus est similaire mais optimisé pour les designs scalables.
Ouvrez votre image via Fichier > Emplacement, redimensionnez avec l'outil Sélection (V).
Dessinez un rectangle (M), appliquez remplissage et contour. Positionnez-le. Ajoutez le texte avec l'outil Texte (T), formatez-le.
Alignez tout avec Maj en sélectionnant les éléments, via les options d'alignement.
Sélectionnez le texte, allez dans Texte > Créer des contours (Maj + Cmd/Ctrl + O). Vérifiez l'orthographe avant ! Placez-le au-dessus de la forme.
Pour l'opacité, copiez le texte (Cmd/Ctrl + C).
Sélectionnez forme et texte, ouvrez Pathfinder (Fenêtre > Pathfinder ou Maj + Cmd/Ctrl + F9). Choisissez Soustraire l'avant dans Modes de forme.
Collez le texte copié en position (Maj + Cmd/Ctrl + V). Ajustez son opacité via Fenêtre > Transparence (ex. : 20 %).
Facile à réaliser, préférez Photoshop pour un texte éditable, Illustrator pour la précision vectorielle.
Explorez nos guides : Comment encadrer du texte dans Photoshop et Comment ajouter des textures au texte dans Photoshop.
[]