32
Effet Plastique / Verre sur un texte
Dans ce tuto, je vais vous apprendre a créer un effet style plastique / verre sur du texte. Par l’intermédiaire de ce dernier, vous pourrez expérimenter l’outil basique de sélection...bref vous comprendrez.
- PSD effet plastique/verre
Données :
Document : 400px par 400px
Résolution : 300px/pouces
Fond : sans importance
ÉTAPE 1 :
Après avoir créé le document, créez un nouveau calque (Calque=>nouveau calque ou Ctrl+Maj+N).Appliquez lui un dégradé (touche « G »)Nous allons utiliser un dégradé assez « chaud » du point de vue des teintes mais rien ne vous empêche de changer les couleurs (vous pourrez remarquer que j’utilise photoshop en anglais donc les erreurs de traduction peuvent arriver, si vous avez un problème par rapport aux photos, dites le moi je vous traduirai le terme exact en français).
Appliquez comme sur la photo (A est e point de départ du dégradé et B le point d’arrivée).
Résultat final de l’étape 1 :
ÉTAPE 2 :
Passons au texte : cliquez sur le bouton « Texte » et écrivez votre pseudo ou ce qui vous passe par la tête.J’ai choisi la police « Adobe Caslon Pro » disponible sur ce lien.Donnez-lui une belle couleur « bleu-vert », la couleur utilisée ici est visible sur l’image.
ÉTAPE 3 :
Maintenant : l’effet.
Réduisez (dans la fenêtre des calques) le « fond » à 20% (ou différent selon les goûts). Vous pouvez remarquer que je ne baisse pas l’opacité car la baisser à fond rend invisible le calque, or, réduire le fond du calque rend invisible le texte (pour ce calque) et laisse les effets comme ils le sont. Fermons cette brève parenthèse instructive 
.Appliquez maintenant le réel effet dans les styles de calques (Selon la taille du texte, les réglages devront être différents). Si vous avez utilisé la taille de police, c’est-à-dire 11 il me semble, copiez/collez simplement le style de calque fourni dans le PSD un peu plus haut, sinon suivez le guide...euh...les images :p
Résultat final de l’étape 3 (attention il faut avoir a peu près le même effet sinon c’est que vous avez raté) :
ÉTAPE 4 :
Créez un nouveau calque (Ctrl+Maj+N ou Calque=>Nouveau Calque) et récupérez la sélection de texte (Ctrl+clic gauche sur l’image du calque de texte).Appliquez un dégradé de blanc vers transparent (touche G) sur la sélection de bas en haut, puis passez ce calque en mode « Incrustation ».
Résultat final de l’étape 4 :
L’effet est maintenant visible, passons aux détails.
ÉTAPE 5 :
Possibilité 1 (préférez-la à la deux, elle est beaucoup moins chiante-il faut bien le dire- mais aussi moins longue) :
Créez un nouveau calque. Récupérez la sélection du texte. Appliquez sur le haut de la première lettre un dégradé radial de blanc vers transparent comme ceci :
Prenez l’outil ellipse et tracez une ellipse de cette manière.
Faites Ctrl+Maj+I pour inverser la selection et faites « SUP ».
Le reflet-dégradé est maintenant « découpé » par une forme arrondie. Créez un nouveau calque et répétez cette étape pour la deuxième lettre. Puis pour la troisieme en recréant a chaque fois un nouveau calque. Une fois cela fait, fusionnez vos calques en selectionnant le premier et en appuyant sur Ctrl+e jusqu’à ce que les calques de vos reflets ne fassent plus qu’un. Baissez l’opacité de ce dernier calque à 30% (voir moins selon l’effet désiré).
Possibilité 2 (attention cette étape ne sera pas expliquée par image, elle est donc réservée aux utilisateurs non-néophytes) : Cette étape est assez longue car énervante si vous avez essayé cet effet sur un texte plutôt long. Créez un nouveau calque. Récupérez la sélection du texte. Appliquez sur le haut de chaque lettre un dégradé radial du blanc vers le transparent, baissez l’opacité du calque à 40%.
C’est là qu’intervient l’utilité de l’outil sélection.Toujours sur le même calque, prenez l’outil de sélection et créez une ellipse sur le haut de la première lettre. Faites Ctrl+Maj+I pour inverser la sélection. Maintenant il faut être attentif. Si vous avez fait l’effet sur une seule lettre pas besoin de suivre cette étape. Toujours avec l’outil « sélection ellipse » restez appuyé sur « ALT » pour supprimer un sélection et entourez les lettres autres que celle où vous avez créé l’ellipse. Celà va avoir comme effet de désélectionner les autres lettres. Appuyez sur « Suppr », vous pouvez remarquer que le petit dégradé sur votre première lettre a été « découpé » ; cela ajoute un peu plus de « style ». Répétez l’opération sur les autres lettres en appliquant bien la technique « ALT » + entourage des autres lettres. Je le reconnais, cette étape est assez compliquée pour les débutants. Une fois l’effet créé cela fait une sorte de reflet.
Résultat final de l’étape 5 :
ÉTAPE 6 :
Dernière étape (optionnelle mais classe 
). Nous allons ajouter des effets de brillance par l’intermédiaire de petites étoiles.Créez un nouveau calque puis selectionnez l’outil de formes (touche U). Dans la partie en haut a gauche, sélectionnez « polygone » et cliquez sur la petite flèche pour définir les options. Cochez « étoile » et assurez vous que le pourcentage soit à 99%. Vérifiez que le nombre de cotés est à 5 avec blanc comme couleur de premier plan (touche « D » puis « X »). Tracez les etoiles de préférence sur les endroits les plus brillants de votre texte.
Allez dans les styles de calques, incrustation de couleur et sélectionnez la couleur que vous préférez.
Résultat final de l’étape 7 :
ÉTAPE 7 :
Ajoutez votre signature et.....c’est fini !! Admirez votre travail et essayez de retenter l’effet autrement avec d’autres réglages, d’autres angles pour les styles de calques etc... vous pouvez aussi y ajouter une lumière directionnelle dans les filtres...enfin je vous laisse toucher a tout ça. Voila ce que j’ai fait :
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.
-
3 mars 2008 10:29, par milo13
Bonjour Q-nox, sympa ce tuto
bravo à toi !mais par contre, pense à citer la source d’origine
http://psdtuts.com/text-effects-tutorials/transparent-glass-lettering-in-photoshop/#more-6
Cordialement.
Milo13
Répondre-
3 mars 2008 12:18, par Rokkall
Lol ouep, j’allais aller sur pdstuts pour vérifier en plus.
Surtout qu’ils sont sympa, alors faut les citer. =))Rokkall.
Répondre-
3 mars 2008 13:08, par Wonka
Effectivement le risque d’ouvrir la rédaction à tous c’est de se retrouver avec des articles qui viennent d’ailleurs. La il me semble que l’inspiration est indéniablement venus du tutorial psdtuts* mais dans ce cas la que faire ?
Refuser le tutorial en se disant ce n’est franchement pas original ?
Ou publier en se disant faut bien puiser sa source ailleurs, en plus ce n’est pas du plagiat (copier coller) il y a un vrai travail du graphiste rédacteur ...
La question est délicate !
*je déteste psdtuts -en plus- leurs tutos sont vraiment trop bien
Répondre-
3 mars 2008 13:45, par Rokkall
PTDR !!!
D’accord avec toi pour le travail, il retranscris le tuto en français (moi qui suis allergique à l’anglais, m’enfin pas vraiment mais faut avouer que j’suis une bille) et en plus il a fournis son propre travail. Je ne penses pas que tu sois « obligé » de le supprimer. Au contraire, le laisser et ajouter au début du tuto que ce dernier est très largement inspiré du tuto de psdtuts et rajouter un lien vers leur site. Après tout, la différence entre eux et toi, c’est que eux font payer le psd. C’est tout, après vous êtes l’un et l’autre représentatifs d’une communauté d’entraide.
P’t’être qu’un p’tit mail pour demander l’autorisation leur feraient plaisir aussi. ^^
PS : C’est vrai que leur tuto font mal quand même... :-S mais tellement bons aussi, comme ici.
Rokkall.
Répondre-
3 mars 2008 17:36, par Wonka
Ils font même très mal, enfin on vas arréter de parler de ce site ou je vais encore m’enerver lol
Pour ce tuto je n’ai de toute manière pas l’envie de le supprimer, il est trop intéressant pour cela ! Mais c’est plutôt pour qui viendront après !
Psdtuts fait payer le téléchargement du psd ???? je savais pas ca ! tu es sur ? (zut je parle encore de ce site).
Je vais me soigner :D
Répondre-
3 mars 2008 22:53, par Rokkall
Argh ! Tout pour me contrarier, ils ont changé la formule aujourd’hui même apparemment. Lorsque les tutos sont vieux, les psd sont gratuits, mais pas pour les récents.
La preuve sur ce nouveau tuto, maintenant il faut s’abonner par mois pour avoir accès à tout, tout de suite.
Rokkall.
Répondre
-
-
-
-
-
-
3 mars 2008 15:34, par Q-NoX
Ce tuto n’est pas un plagiat, ni une traduction il y a un vrai travail derriere, le tuto de psdtuts n’est une source d’inspiration, j’ai réalisé ce tuto il y a environ 6mois et je me suis servi de mes souvenirs pour le faire, pour vous prouver ma bonne foi je vais refaire un tuto d’inspiration autonome.Désolé ne n’avoir pas cité la source mais je ne pensais pas que vous penseriez a un plagiat.
Répondre-
3 mars 2008 17:38, par Wonka
Mais non mais non relis nos messages
Par contre tu veux faire un nouveau tutorial ??? Oui oui je suis pour S’il est d’aussi bonne qualité je n’ai qu’une chose à dire, ne perds pas une seconde pour commencer Merci encore à toi pour ton travail !
Répondre -
3 mars 2008 18:08, par milo13
bonjour,
Il ne s’agit pas de plagiat ici, mais d’une traduction en français. Par contre il ne faut pas oublier de citer ses sources lorsque c’est le cas.
Sinon ton tuto est sympa
Cordialement. Milo
Répondre -
3 mars 2008 22:18, par milo13
Reste cool Q-nox
personne ne t’accuses de quoi que ce soit. On respecte tout à fait ton travail.Bonne continuation
Milo13
Répondre -
3 mars 2008 23:00, par Rokkall
Po po po Q-nox. ^^ Point de qui-propos entre nous. Nous disons depuis le début que tu as fournis un vrai travail sans faire un simple copier-coller. Maintenant étant un travail de toi que tu nous dit, ok. Point d’ambiguïté dans ce cas, c’est juste que le résultat final est très similaire et que part, certes, mauvaise foie peut-être, nous avons un peu vite déduit que tu n’en n’étais pas l’auteur.
Dans ce cas, j’te présentes mes excuses et j’attends avec impatience ton prochain tuto. Promis j’le remettrais pas en question ! =))
Rokkall.
Répondre-
4 mars 2008 01:26, par Q-NoX
Vraiment sympa, je pensais que mon tuto (fortement inspiré de psdtuts
Répondre)allait etre supprimé et qu’on allait me prendre pour un simple traducteur.Merci le nouveau tuto arrive mardi (mercredi ?) et encore désolé de ne pas avoir cité la source.-
4 mars 2008 11:20, par Wonka
J’aime bien le ’fortement inspiré’
Enfin je l’ai laissé pour que tu ai envie de créer de tutos qui sont à 90% de toi
Répondre et j’espère que le prochain le sera, je suis que tu en es capable au vue de ton niveau, donc j’attends cela de pied ferme :p
-
-
3 juin 2008 17:07, par oli8399
Bonjour, bonjour, Rokkal, si ton « foie » est mauvais, tu peux boire un peu de lait
Répondre
-
-
