32
Tutoriel Photoshop : Un texte coupé aux petits oignons
Voici un tutoriel Photoshop pour créer un effet de découpe sur un texte. Attention étape simple mais longue, utilisation du masque de fusion intensive !
Voici un tutoriel pour créer un effet de coupe au sabre sur un texte. J’ai voulu donner une tonalité jaune sur la composition pour apporter une touche de métaux précieux, mais vous pouvez utiliser cette technique sur d’autres thématiques et d’autres couleurs.
Le but est donc d’illustrer une sorte de coup de sabre qui vient couper les lettres. Il va donc falloir créer des lignes blanches de 1 px que nous allons cacher sur les extrémités grâce à un masque de fusion.
Je ne vais pas vous livrer toutes les astuces tout de suite, je vous propose plutôt de suivre le tutoriel !
Comme d’habitude, le fichier source Photoshop est fourni à la suite de ce tutoriel.
ETAPE 1
J’ouvre le logiciel Photoshop puis je crée un nouveau document, fichier > nouveau document et je rentre les valeurs correspondantes. J’ai choisi ici un format panoramique pour sublimer mon texte, vous pouvez cependant utiliser cette technique sur n’importe quelle image.
En utilisant l’outil texte, j’ajoute mon titre au milieu de mon image (dans mon exemple j’ai utilisé la police Heldustry* et une taille de 150 px). Pour créer le fond, j’ai simplement utilisé un fond marron foncé et un dégradé radial pour créer la lueur.
ETAPE 2
Je vais maintenant ajouter quelques styles de calques pour donner un peu de style à mon texte, pour cela je vais dans le menu calque > style de calque > incrustation de dégradé.
Voici la configuration de ces styles de calques :
ETAPE 3
Je vais maintenant ajouter un petit reflet à l’intérieur des lettres, pour cela je vais récupérer la sélection de mon texte, je garde la touche Ctrl enfoncée et je fais un clic sur le calque texte.
Je déplace ma sélection de 3 px vers le bas puis sur la droite. Je crée un nouveau calque que je remplis avec le pot de peinture de blanc.
Je déplace à nouveau ma sélection de 3 px vers le bas puis à droite et j’appuie sur la touche Suppr.
Je me retrouve donc avec mon reflet.
Voici un schéma qui peut vous aider à créer cet effet.
ETAPE 4
J’ajoute un masque de fusion : menu calque > masque de fusion > tout faire apparaitre. Et à l’aide d’un pinceau diffus noir, je camoufle chaque extrémité de ce contour blanc.
Voici un zoom sur l’effet à réaliser :
ETAPE 5
En utilisant la même police de caractères, je crée un petit slogan sur le bas de mon titre général.
ETAPE 6
Je vais maintenant créer les coups de sabre, pour cela rien de plus simple, j’utilise la sélection pour créer une ligne de 1 px blanche, puis en utilisant un masque de fusion je cache les extrémités.
Voici un schéma qui va sûrement vous aider à comprendre la technique.
ETAPE 7
Même technique pour ajouter des lignes obliques.
ETAPE 8
Puis dans l’autre sens.
ETAPE 9
Et enfin j’ajoute les lignes horizontales.
ETAPE 10
J’ajoute le même genre de lignes sur le petit slogan, cependant pour ne pas trop compliquer l’image, je n’en ajoute que quelques unes.
Et voila notre image déjà terminée ! Plutôt simple et design non ? Un petit conseil, essayez donc de créer cette image en utilisant une tonalité bleue, vous verrez 
Bonne chance à tous pour la création et la réalisation de ce tutoriel. Merci de m’avoir lu jusqu’au bout !
Pour toute question, veuillez utiliser le forum ci-dessous, et bien sûr, si vous avez réussi ce tutoriel, n’hésitez pas à poster votre image dans la galerie ci-dessous.
Téléchargement des fichiers sources liés à ce tutorial
Veuillez vous connecter pour télécharger les fichiers sources
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 15 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
17 mars 2009 08:57, par Pat The Pelvis
Bonjour, parfait ce style, je cherchais quelque chose de « lumineux » pour faire un fond d’écran.
Répondre -
17 mars 2009 15:59, par Air’
Un effet sympathique, merci Wonka ! D’ailleurs, je vois de plus en plus l’Heldustry dans tes compostions (tutoriels, bannière-pub Tutogame ...). Ferait-elle partie désormais de tes typographies préférées ?
Répondre -
18 mars 2009 13:08
Cher Wonka ,
Je tiens d’abord à vous féliciter pour vos tutoriaux, qui sont incontestablement les plus somptueux du web français. Je voulais vous dire que je me suis permi d’inclure un grand nombre de lien se redirigeant vers votre site . Http ://www.webmaster-aide.com
J’aimerai avoir la possibilité de rentrer dans vos liens en dessous de la page principale.
En attente de vous lire.
Nicolas Webmaster
Répondre
-
18 mars 2009 14:16, par Beegy
salut Wonka s’il te plait pourrai tu m’aider a confectionner un logo pour une ONG qui viens en aide aux orphelins, sans habrit et enfants de la rue ?
Répondre-
18 mars 2009 21:13, par Wonka
Je vous invite à m’envoyer directement un mail ici : wonka @ wks.fr en retirant les espaces. J’attends votre email
Répondre
-
-
22 mars 2009 04:07
pour une rare fois je suis très déçu. L’effet est plus ou moins réussi et l’ensemble reste très simple à réaliser.
Ressaisis-toi, Wonka !
Répondre -
2 avril 2009 15:34
hello
je découvre depuis peu tes tutos que j’apprécie mais LA je suis obligé de dire que ce tuto pour un texte coupé au sabre et un peu trop juste niveau explications. j’ai essayé, relu etc mais tu vas trop vite dans tes étapes et au final je n’ai jamais réussi a faire au tuto
je suis peut-être pas doué qui sait. ; mais c’est la raison d’être d’un tuto que de permettre de faire ce qu’on ne sait pas faire.
Les autres tuto essayés eux j’ai réussi.bonne continuation
Répondre -
19 avril 2009 04:22, par fightorflight
Magnifiques tutoriaux, grand confort dans la lecture. juste un mot ? bravo.
Répondre -
29 avril 2009 18:30, par lezolifant
Au secour !!!!!!!! J´ai presque tout réussi, mais pour les fines lignes blanches qui doive figurer la coupe au sabre, je cale, récupéré la sélection du texte, oui et après, je trace les lignes avec un outil ou une fonction ?
Répondre-
29 avril 2009 19:01, par Wonka
L’outil soit ligne (outil forme) ou avec l’outil sélection, tu créer une selection de 1 px que tu remplie de blanc, et voila
Répondre
-
-
7 mai 2009 16:38, par lezolifant
Répondre
encore un super tuto, mon image est de ce tuto avec des effets d´autres tutos.
ca serai bien que les images dans la galerie soit lier au tuto correspondant, si on veut aussi le faire mais que l´on sait pas ou chercher.
merci. -
8 février 2011 07:05, par kdanse
Bonjour,
Très joli effet. J’ai commencé à suivre le tuto et je cale : je ne trouve pas comment créer une sélection autour du texte. J’ai cherché sur le net et ... rien ! Cette étape parait évidente mais rien ne dit par quel(s) menu(s) passer.
Merci par avance de votre aide !
Répondre-
8 février 2011 14:54, par Wonka
Pour faire une sélection autour du texte, il faut appuyez sur CTRL + faire un clique sur la vignette du calque texte. Tout simplement. Bon courage.
Répondre
-
-
13 juin 2011 14:30, par a02halo
Super tutoriel , merci Wonka toutefois il est vrai que certaines explications me posent problèmes . Par exemple pour la dernière étape , une fois que j’ai appliquer mon masque de fusion quel outils j’utilise pour les lignes blanches ? la gomme ? Mais en tout cas merci pour le tuto
Répondre
