30 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto Gimp] effet texte bombé

 
n°26296
genesis91
To Geek or not to geek... That's the question...
Profil : Big Penguin
Avatar
profil
Posté le 26-02-2011 à 16:32:38  
 

Bonjour à tous les Crystalliseurs(euses) et aux visiteurs du site :biggrin: ,
 
Voici mon premier tuto, (donc l’indulgence est de mise SVP :winktongue: ), commenté de A à Z pour que les débutants s’y retrouvent ( en fait c'est un tuto + pour eux, parce que les "vétérans" de TheGimp sont parfaitement capables de le faire sans tuto) et dans lequel je vais vous apprendre à réaliser l’écriture que voici :
 
 
http://img607.imageshack.us/img607/2170/campus.jpg

 
 
 
Tout d’abord, ouvrez une nouvelle image du format que vous voulez avec fond blanc.
 
 
Sélectionnez l’outil texte http://img718.imageshack.us/img718/558/iconeoutiltexte.jpg et créez une sélection avec cet outil dans laquelle viendra se placer le texte voulu (pour ma part le texte sera : CAMPUS). Ce tuto marche avec toutes les polices d’écriture, mais le mieux est de prendre une police assez massive et avec des empattements larges au bout des lettres comme « Rockwell Bold » pour accentuer l’effet de titre à l'américaine… :money:  
 
 
 
http://img155.imageshack.us/img155/3687/46250751.jpg

 
 
 
Tapez votre texte de la couleur de votre choix (noir pour le tuto), placez-le à l’endroit désiré, et agrandissez-le. On obtient ceci (rien de bien compliqué) :
 
 
 
 
 
 
 
Bon, c’est là que ça commence vraiment. :bad: Sur le menu des calques faites clique droit sur le calque texte  
puis alpha vers sélection http://img853.imageshack.us/img853/6839/iconealphaversslection.jpg. Le tour des lettres est maintenant sélectionné. Créez un nouveau calque et appelez-le « dégradé 1 ». Prenez ensuite l’outil dégradé et effectuez un dégradé sur le texte (PP vers AP, RVB) comme-suit :
 
http://img222.imageshack.us/img222/4219/71757050.jpg

 
 
Il faut ensuite créer un autre calque qui sera nommé « dégradé 2 ». Répétez l’étape précédente mais cette fois-ci le type de dégradé sera PP vers TRANSPARENT (et non AP), et il faudra cliquer sur la flèche d’inversion des couleurs de 1er plan et d’arrière-plan http://img97.imageshack.us/img97/2339/flechea.jpg(en gros mettre le blanc en 1er plan :he: ) :  
 
 
http://img62.imageshack.us/img62/2204/27981450.jpg

 
 
 
On obtient alors ceci :
 
 
 
 
http://img15.imageshack.us/img15/7177/98742004.jpg

 
 
 
Il faut maintenant faire le contour des lettres pour donner le côté « américain » (P.S : je vais expliquer une fois pour toute pourquoi je dis que ça fais américain : c’est parce que je trouve que ça fait comme le titre de High School Musical, je sais c’est nul comme explication mais je n’ai trouvé que ça pour qualifier ce style d’écriture).
 
-ARRETE DE DISCUTER ET REMETS TOI AU TAFF !! :mad:  
 
 
-Humhum… :paf: Oui donc, je disais, pour le contour, il suffit de créer un nouveau calque appelé « contour » (bah oui, logique... :non: ) de le faire glisser entre le calque Arrière-plan et CAMPUS (pour ma part), de faire Sélection en haut à gauche de l’écran puis Agrandir (P.S : il faut que le texte soit resté avec Alpha vers Sélection). Agrandissez de 5 pixels :
 
 
 
 
 
http://img251.imageshack.us/img251/4976/68909369.jpg

 
 
 
 
 
 
Et remplissez la sélection de noir (ou d’une autre couleur, comme voul voul :mdr: ) :
 
 
 
http://img848.imageshack.us/img848/6795/69251525.jpg

 
 
 
 
On peut voir que le texte n’est pas très visible, pour remédier à cela, on va placer une ligne dégradée sur le contour, à l’endroit où le noir est trop présent… ( il y en a à qui ça plaira… Donc pour eux, le tuto est fini. @+ et enjoy your creation! :wink2: )
 
« -Quand est-ce qu’on arrive ?
-Bientôt, plus que quelques étapes… »
 
Bon, pour ceux qui restent et qui veulent un texte visible( je ne vise personne, suivez mon regard…), il faut reprendre l’outil Dégradé de choisir un qui corresponde à votre couleur globale du texte ( au pire vous faites des essais…), vous cliquez sur le calque contour (si vous avez touché à quelque chose) et vous appliquez le dégradé comme suit ( j’ai pris « Rounded Edge »):
 
 
 
 
 
http://img46.imageshack.us/img46/6869/67466030.jpg

 
 
 
 
Puis vous appuyez sur Ctrl+A (aucune sélection) et vous devriez obtenir ceci :
 
 
 
 
 
 
http://img607.imageshack.us/img607/2170/campus.jpg

 
 
 
 
 
:great: ET C’EST LA FIN DU TUTO !! :great:  
 
Alors, vous en pensez quoi ?

-------------
 
 http://img151.imageshack.us/img151/9853/signaturefinale.jpg


Message édité par genesis91 le 06-03-2011 à 14:19:28
answer
mood
GoogleAds
profil
Posté le 26-02-2011 à 16:32:38  
 

answer
n°26303
Kirian
Take the best, f**k the rest.
Profil : Big Penguin
Avatar
profil
Posté le 27-02-2011 à 01:35:44  
 

Pourquoi "Ecriture 3D" ? Je ne voit vraiment pas l'effet 3D :/
Sinon c'est un tutoriel qui m'a l'air bien rédiger et bien détailler ce qui, pour moi, est le principale ;)


Message édité par Kirian le 27-02-2011 à 01:36:49

---------------
She won't let me f**k !
answer
n°26304
Geniux
Profil : Penguin
Avatar
profil
Posté le 27-02-2011 à 11:12:44  
 

Il est bien ton tuto et effectivement très détaillé !
Juste un truc qui est dommage : la photo de présentation du résultat final est vraiment de mauvaise qualité, et l'effet à l'air vraiment pourris dessus, ce qui n'est pas le cas sur l'avant dernière image qui elle est de bonne qualité :)

answer
n°26306
genesis91
To Geek or not to geek... That's the question...
Profil : Big Penguin
Avatar
profil
Posté le 27-02-2011 à 11:48:49  
 

Citation :

 
Kirian a écrit :
 
Pourquoi "Ecriture 3D" ? Je ne voit vraiment pas l'effet 3D    
Sinon c'est un tutoriel qui m'a l'air bien rédiger et bien détailler ce qui, pour moi, est le principal

 
 
 
 
 
 
Euh oui je sais, quand je disais écriture 3D c'était pour l'effet bombé du texte qui est donné grâce aux dégradés mais c'est vrai, c'est pas vraiment ça...   je ne sais pas comment le qualifier, si jamais tu as des idées pour une rectification, ça se serait sympa...    
 
 

Geniux a écrit :

Il est bien ton tuto et effectivement très détaillé !
Juste un truc qui est dommage : la photo de présentation du résultat final est vraiment de mauvaise qualité, et l'effet à l'air vraiment pourris dessus, ce qui n'est pas le cas sur l'avant dernière image qui elle est de bonne qualité :)


 
 
 :xeyes: Ah oui c'est vrai! J'avais pas remarqué (dans l'aperçu la qualité était meilleure) mais dès que je peux, je rectifie en coupant la partie à gauche sur l'image précédente (histoire de faire du recyclage :he: )
 
Mais je crois que c'est la même image que la toute première au début du tuto  :whistle: , faut que je la change ou ça va ?
 
 
En tout cas merci à toi geniux et à Kirian pour vos commentaires  :great:
 
 
EDIT: (double-post supprimé)


Message édité par genesis91 le 27-02-2011 à 14:08:03

---------------
http://img15.imageshack.us/img15/7880/nonsignature.pngIgloo
answer
n°26307
Kirian
Take the best, f**k the rest.
Profil : Big Penguin
Avatar
profil
Posté le 27-02-2011 à 12:00:35  
 

Évite les double post, utilise la fonction éditer :oui: sinon pour changer le titre "Effet texte bombé...." :p


---------------
She won't let me f**k !
answer
n°26309
vivick_k-fa
"be like water"
Profil : Top Penguin
Avatar
profil
Posté le 27-02-2011 à 13:01:02  
 

Pas mal ton tuto ;) plutôt simple je dois avouer, mais détaillé !

 

Par contre ça fonctionne aussi en faisant simplement un dégradé "bilinéaire" plutôt que 2 dégradés avec du transparent...

 

avec des couleurs moins contrastées (gris foncé/clair) :

 

http://pixupload.free.fr/upload/ibq7wd_vivick_bombe_tuto_genesis91.png

 

pense à prendre une taille asssez grande pour ne pas nuire à la qualité du rendu final ;)

 

étale aussi plus ton dégradé pour l'effet bombé, parce que sur le tien on dirait plus qu'il y a un néon qui traverse le texte je trouve... Mais le contraste y est pour beaucoup !

Message cité 1 fois
Message édité par vivick_k-fa le 27-02-2011 à 13:02:34

---------------
http://pixupload.free.fr/upload/qecz60_Vivick_blue_320x54_little.png
http://vivickfa.free.fr/
answer
n°26310
genesis91
To Geek or not to geek... That's the question...
Profil : Big Penguin
Avatar
profil
Posté le 27-02-2011 à 14:05:00  
 

vivick_k-fa a écrit :

Pas mal ton tuto ;) plutôt simple je dois avouer, mais détaillé !
 
Par contre ça fonctionne aussi en faisant simplement un dégradé "bilinéaire" plutôt que 2 dégradés avec du transparent...
 
avec des couleurs moins contrastées (gris foncé/clair) :
 
http://pixupload.free.fr/upload/ib [...] esis91.png
 
pense à prendre une taille asssez grande pour ne pas nuire à la qualité du rendu final ;)
 
étale aussi plus ton dégradé pour l'effet bombé, parce que sur le tien on dirait plus qu'il y a un néon qui traverse le texte je trouve... Mais le contraste y est pour beaucoup !


 
 
  Merci de ton commentaire,  pour la résolution j'ai trop la flemme de me retaper mon propre tuto :he: , donc ça me servira pour une prochaine fois... ton conseil sur le dégradé bilinéaire fait avancer bien plus vite  le tuto, j'espère que certains verront d'abord le post avant de faire le tuto! (ça changes complétement les explications et la flemme de le refaire, je sais j'ai 2x la flemme mais bon  :whistle: )
 
 
Si le tuto est simple c'est parce que je préfère faire des tutos pour débutants, je vois pas d'intêret pour ceux qui savent faire mieux, et puis, ça reste dans mes cordes quand même  :wink:  
 
et faut aussi que je l'édite parce que j'ai changé d'avatar entre-temps  :he:  
 
Kirian, c'est pris en note, mais comment on fait pour changer un titre de tuto et que veux dire "valider" un tuto ?


Message édité par genesis91 le 27-02-2011 à 14:13:34

---------------
http://img15.imageshack.us/img15/7880/nonsignature.pngIgloo
answer
n°26322
genesis91
To Geek or not to geek... That's the question...
Profil : Big Penguin
Avatar
profil
Posté le 01-03-2011 à 18:13:32  
 

up  
 
 
----------
 
 http://www.crystalxp.net/forum/mesimages/358187/Copie%20de%20signature.jpeg3..jpg<----- 1ère signature en cours d'édition


Message édité par genesis91 le 01-03-2011 à 18:14:47
answer
n°26327
Xena
Secrétaire de dlb
Profil : Admin
Avatar
profil
Posté le 01-03-2011 à 20:01:35  
 

Pour changer un titre, il faut éditer le 1er message.
 
Un tuto est validé lorsqu'il est déplacé dans la bonne catégorie par un membre de la team/un contributeur. Cela signifie qu'il est de bonne qualité. Si ce n'est pas le cas, il est supprimé.


---------------
http://images3.hiboox.com/images/0308/g0xa93no.png
answer
n°26329
genesis91
To Geek or not to geek... That's the question...
Profil : Big Penguin
Avatar
profil
Posté le 01-03-2011 à 20:49:56  
 

Xena a écrit :

Pour changer un titre, il faut éditer le 1er message.
 
Un tuto est validé lorsqu'il est déplacé dans la bonne catégorie par un membre de la team/un contributeur. Cela signifie qu'il est de bonne qualité. Si ce n'est pas le cas, il est supprimé.


 
d'accord merci j'édite le tuto de suite (et espère la validation!  :smile: )
Bonsoir à toi Xena!


---------------
http://img15.imageshack.us/img15/7880/nonsignature.pngIgloo
answer
n°26330
Kirian
Take the best, f**k the rest.
Profil : Big Penguin
Avatar
profil
Posté le 01-03-2011 à 21:51:48  
 

Je n'adhère pas trop au fait de supprimer les tutos pas accepter. Certains sont intéressant :/


---------------
She won't let me f**k !
answer
n°26331
Xena
Secrétaire de dlb
Profil : Admin
Avatar
profil
Posté le 01-03-2011 à 21:59:49  
 

Si les tutos ne sont pas validés, c'est qu'on considère qu'ils ne sont justement pas intéressants, ou alors qu'ils n'apportent rien par rapport aux tutos existants, ou bien qu'ils sont tellement mal rédigés qu'ils ne sont pas compréhensibles.


---------------
http://images3.hiboox.com/images/0308/g0xa93no.png
answer

Aller à :
Ajouter une réponse