39 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto TheGimp] Faire un texte 3D.

 
n°18213
Kootoon
Mangeur de Biscuit
Profil : Penguin
Avatar
profil
Posté le 21-07-2008 à 19:39:29  
 

http://i45.servimg.com/u/f45/11/35/53/03/exempl11.png
 
Bonjour ! :smile:  
 
Bon, voici un nouveau tuto pour vous apprendre à faire un texte de style 3D.  
 
C'est parti, on ouvre Gimp ! :smile:  
 
1) Pour l'exemple, je choisis 600x200, transparence. Prenez l'outil texte (touche T) police : Myriad Web Pro Bold, taille : 110 pxs, couleur de votre choix, de préférence assez claire. Ecrivez "Texte 3D".  
 
http://i45.servimg.com/u/f45/11/35/53/03/asuppr10.png  
 
2) Bon, maintenant, prenez l'outil perspective (touches Shift+P). Vous n'avez qu'à regarder l'image. :wink:  
 
http://i45.servimg.com/u/f45/11/35/53/03/asuppr11.png  
 
3) Voilà, vous devriez avoir votre texte, en perspective. Bien sûr, il manque encore l'effet 3D.  
Dans la fenêtre des calques, Clique droit sur le calque Texte 3D > Dupliquer le calque. Calque > Transformer > Décalage > X : 0 ; Y : 1. Validez. Répétez l'opération au moins 8 fois, mais rajoutez 1 pixel de plus au décalage Y à chaque fois.  
Ex : Calque "Texte 3D#2 : X : 0 ; Y : 2.  
Calque " Texte 3D#3 : X : 0 ; Y : 3  
Etc. En gros, mettez le nombre qu'il y a après #. Assez compliquée cette étape... Elle n'est pas finie : Prenez la couleur que vous aviez mise pour le texte, et assombrissez-là, pour qu'elle soit plus foncée. (Faut qu'on voie la différence quand même)  
Clique droit sur le calque Texte 3D#1 > Alpha vers sélection, et remplissez chaque lettres (même les points sur les i comptent ^^) de la couleur plus foncée. Faites pareil pour les autres calques. N'oublions pas de mettre les calques dupliqués en dessous du calque Texte 3D. Voici un aperçu de ce que vous devriez avoir, si vous n'avez pas ça, revoyez l'étape.  
 
http://i45.servimg.com/u/f45/11/35/53/03/asuppr12.png  
 
4) Voilà, nous obtenons un joli Texte 3D. Bien sûr, ce n'est pas fini, du tout. Créez un nouveau calque Reflet. Clique droit sur le calque Texte 3D > Alpha vers sélection. Cliquez sur le calque Reflet, puis faites un dégradé blanc vers transparent type linéaire du haut vers le bas de la sélection. Baissez l'opacité du calque entre 40 et 60%, selon vos goûts. :wink:  
 
http://i45.servimg.com/u/f45/11/35/53/03/asuppr13.png  
 
5) Créez un calque Contour. Alpha vers sélection sur le calque Texte 3D, cliquez sur le calque Contour, remplissez de blanc. Sélection > Réduire > 1 px > Touche Suppr. ^^ Baissez l'opacité du calque entre 40 et 60%, selon vos goûts encore une fois. ^^ Aperçu :  
 
http://i45.servimg.com/u/f45/11/35/53/03/asuppr14.png  
 
6) Maintenant, créez un nouveau calque, Lueur, que vous placerez tout en bas de la liste (en passant, vous pouvez supprimer le calque Arrière Plan, sert à rien). Alpha vers sélection sur la calque Texte 3D, cliquez sur le calque Texte 3D#1, Calque > Transparence > Ajouter à la sélection, faites pareil pour tout les calques en rapport avec l'effet 3D, jusqu'à 8. Un fois avoir pris la sélection du texte entier avec l'effet 3D, Sélection > Agrandir > 2 pixels. Cliquez sur le calque lueur, remplissez de la couleur du calque Texte 3D. Sélection > Aucune. Filtres > Flou > Flou gaussien. Vous pouvez mettre entre 10 et 20 pixels. Baissez l'opacité du calque entre 40 et 60%.  
 
http://i45.servimg.com/u/f45/11/35/53/03/asuppr15.png  
 
7) Voilà, le tuto touche à sa fin, 7ème et dernière étape. Créez un nouveau calque Reflets coins.  
Alpha vers sélection sur le calque Texte 3D, puis ajoutez la sélection des autres calque dupliqués, comme à la 6ème étape : "Alpha vers sélection sur la calque Texte 3D, cliquez sur le calque Texte 3D#1, Calque > Transparence > Ajouter à la sélection, faites pareil pour tout les calques en rapport avec l'effet 3D, jusqu'à 8.". Maintenant, cliquez sur le calque Texte 3D, Calque > Transparence > Soustraire à la sélection. Vous obtenez donc la sélection de l'effet 3D. Bon, cliquez sur le calque Reflets coins. Prenez l'outil Dégradé (touche L), blanc vers transparent, Forme Bilinéaire. Suivez l'image.  
 
http://i45.servimg.com/u/f45/11/35/53/03/remarq10.png  
 
Voilà, Sélection > Aucune, et vous pouvez baissez l'opacité du calque entre 40 et 60%. ^^  
 
Si vous avez bien suivi le tuto jusqu'à la fin, vous devriez obtenir ce résultat :  
 
http://i45.servimg.com/u/f45/11/35/53/03/asuppr16.png  
 
Merci, si vous avez des questions, vous pouvez les poser ! :wink:  
 
PS : Désolé pour l'aliasing... :ouch:  :neutral:


Message édité par Fagoon le 24-06-2009 à 11:45:04
answer
mood
GoogleAds
profil
Posté le 21-07-2008 à 19:39:29  
 

answer
n°18243
dlb
q|p
Profil : Admin
Avatar
profil
Posté le 08-08-2008 à 16:23:06  
 

Salut, il y a possibilité de refaire le tuto en trouvant une solution contre l'aliasing ? :smile:

 

Préviens moi par MP :wink:

answer
n°22521
hawk2b
Sobre**
Profil : Penguin
Avatar
profil
Posté le 05-02-2009 à 12:52:57  
 

Sinon , bon tuto , ca va beaucoup m'aider ca ;)


---------------
http://www.noelshack.fr/voir/010309/Quadrature_black-out_HADOPI_234x60px083654.gif
Black Out du Web Francais .
answer
n°22522
hawk2b
Sobre**
Profil : Penguin
Avatar
profil
Posté le 05-02-2009 à 12:54:35  
 

dlb a écrit :

Salut, il y a possibilité de refaire le tuto en trouvant une solution contre l'aliasing ? :smile:
 
Préviens moi par MP :wink:


 
Je pense que en faisant arrondir les coin et ajouter un flou glaussien pourrait résoudre (un peu) le problème de l'aliasing :/
Sinon bonne continuation a tous ;)


Message édité par hawk2b le 05-02-2009 à 13:21:30

---------------
http://www.noelshack.fr/voir/010309/Quadrature_black-out_HADOPI_234x60px083654.gif
Black Out du Web Francais .
answer
n°22523
hawk2b
Sobre**
Profil : Penguin
Avatar
profil
Posté le 05-02-2009 à 13:20:58  
 

voila je me suis areter avant , ca fait moin effet "escalier" , dites moi ce que vous en pensez ;)
 
http://www.crystalxp.net/forum/mesimages/308550/Sans titre.png


---------------
http://www.noelshack.fr/voir/010309/Quadrature_black-out_HADOPI_234x60px083654.gif
Black Out du Web Francais .
answer
n°22626
xXxrom15-britneyxXx
Profil : New Penguin
Avatar
profil
Posté le 21-02-2009 à 18:36:40  
 

Moi ça donne ça :
http://www.crystalxp.net/forum/mesimages/315560/texte3ddroitexcf.jpg
 
Et pour les possesseur de lunettes 3D verte et rouge: la version stéréoscopique  :
http://www.crystalxp.net/forum/mesimages/315560/texte3d.jpg
(il faut regarder de plusieurs mètres (au moins 3m))!
 
Dites-moi ce que vous en pensez !


---------------
http://img2.hostingpics.net/pics/965864userbar.png
answer
n°22779
clems31
Tux f(or)ever!
Profil : New Penguin
Avatar
profil
Posté le 24-03-2009 à 19:04:38  
 

Très bon tuto!
Assez simple à suivre pour les débutants comme moi :D
 
Voici ce que j'ai obtenu avec quelques modifications:
http://www.crystalxp.net/forum/mesimages/318611/clems31_3D.jpg
 
N'hésitez pas à critiquer et à me donner des conseils ;)


---------------
T'adores les Tuxs? Adoptes en vite un ici!
answer
n°22831
draks
Profil : Penguin
Avatar
profil
Posté le 09-04-2009 à 21:54:13  
 

la premiere fois ^^ http://nsa06.casimages.com/img/2009/04/09/090409095510562067.png

answer
n°22858
draks
Profil : Penguin
Avatar
profil
Posté le 19-04-2009 à 09:57:15  
 

j'ai pas trop compris le truc pour le contour supprimer mais moi se passe rien sa fait pas de contour


Message édité par draks le 19-04-2009 à 09:57:51
answer
n°24274
angeloniak
Profil : New Penguin
Avatar
profil
Posté le 13-10-2009 à 02:24:47  
 

Voila le résultat pour moi  
 
http://www.crystalxp.net/forum/mesimages/343492/test.png
 
Très bon tuto merci a toi

answer
n°24276
Narco
Voodoo child
Profil : Modo
Avatar
profil
Posté le 13-10-2009 à 11:31:56  
 

oulala, attention à l'aliasing angeloniak :oh:


Message édité par Narco le 13-10-2009 à 11:32:06

---------------
http://img532.imageshack.us/img532/4012/ban2.png
answer
n°24278
angeloniak
Profil : New Penguin
Avatar
profil
Posté le 13-10-2009 à 13:40:40  
 

Ouép je sait c est affreux ce que j ai fait mais pas réussi a corriger -_-  
 
Ps : Je suis débutant ^^

answer
n°24280
Narco
Voodoo child
Profil : Modo
Avatar
profil
Posté le 13-10-2009 à 19:17:29  
 

C'est un problème typique lorque l'on débute ;)
 
Néanmoins, si tu l'as noté avant que quelqu'un te le dise, cela signifie que tu sais déjà par où commencer pour progresser :)


---------------
http://img532.imageshack.us/img532/4012/ban2.png
answer
n°24281
angeloniak
Profil : New Penguin
Avatar
profil
Posté le 13-10-2009 à 20:50:28  
 

Merci a toi NarcO les critiques ça sert toujours pour progresser ^^ après j ai l excuse que c est pas le domaine dans le quel je souhaite évolué ( la 3d ) donc ça va je ferais pas fuir tout plein de gens avec cela xD
 
Cordialement Zass

answer
n°24282
Wizzer
Troll Linuxien
Profil : Top Penguin
Avatar
profil
Posté le 13-10-2009 à 23:04:26  
 

Oui, l'aliasing c'est un problème récurrent des outils de transformation de Gimp, ils ont tendance à "détériorer" les formes, si on sait à l'avance qu'on en utilisera (les outils de transformation), il peut être judicieux de travailler en grand (en espérant que le redimensionnement élimine une grosse partie de l'aliasing).
Le mieux est sans doute d'utiliser (les) l'outil de transformation, afin d'avoir une image sur laquelle repasser avec les chemins, mais c'est un travail qui peut s'avérer très long, surtout si on ne recherche pas une grande qualité (auquel cas, un léger flou gaussien peut faire l'affaire)


---------------
http://www.crystalxp.net/forum/mesimages/70732/DA.pnghttp://www.crystalxp.net/forum/mesimages/70732/GuiPulp.png
answer
n°24577
fynhooft
http://www.gimpons.net : plus de 900 tutos GIM
Profil : New Penguin
Avatar
profil
Posté le 02-01-2010 à 13:13:09  
 

Bonjour,
 
Si vous voulez d'autres effet 3D, allez voir sur GIMPons.net : http://www.gimpons.net/textes.html


---------------
http://www.gimpons.net : plus de 900 tutoriels GIMP
answer
n°24582
Kootoon
Mangeur de Biscuit
Profil : Penguin
Avatar
profil
Posté le 04-01-2010 à 18:18:46  
 

Sympa ton dernier rendu mini duc, tu a inversé l'effet 3D en le mettant en haut, c'est tout aussi bien. C'est un très bon début :great:  
 
Et fynhooft, demande l'autorisation à l'auteur du tuto avant de le mettre sur ton site, merci. :sarcastique: Enfin, tu peux toujours mettre mon tuto sur ton site à condition qu'il y ai quelque part mon nom dessus, ainsi qu'un lien menant vers le tuto. Mais bon, là, c'est carrément une redirection, donc ça va. :)


---------------
http://img248.imageshack.us/img248/9982/88390711.png
answer
n°24583
fynhooft
http://www.gimpons.net : plus de 900 tutos GIM
Profil : New Penguin
Avatar
profil
Posté le 04-01-2010 à 19:00:20  
 

Kootoon a écrit :

Et fynhooft, demande l'autorisation à l'auteur du tuto avant de le mettre sur ton site, merci. :sarcastique: Enfin, tu peux toujours mettre mon tuto sur ton site à condition qu'il y ai quelque part mon nom dessus, ainsi qu'un lien menant vers le tuto. Mais bon, là, c'est carrément une redirection, donc ça va. :)


Bonjour,
 
J'ai demandé des autorisations au début mais souvent les auteurs ne répondaient pas.
De toute façon, je ne copie aucun tutoriel : je ne fais que redirigé vers le tuto adéquat.
Si tu veux que j'enlève ton tuto, tu le dis et je l'enlève mais saches que tu es le premier à me faire cette remarque.
 
Est-ce que Monsieur Google t'a demandé l'autorisation pour référencer ton tutoriel ???  :no:  


---------------
http://www.gimpons.net : plus de 900 tutoriels GIMP
answer
n°25076
Kootoon
Mangeur de Biscuit
Profil : Penguin
Avatar
profil
Posté le 07-04-2010 à 15:34:22  
 

Fynhooft : Tant que tu ne "vole" pas mon tuto (c'est à dire que tu le copie et tu dis que c'est toi qui l'a réalisé), ça va, je dis rien, là, c'est une redirection donc ça va, et Monsieur Google ne vole pas les tutos. :mdr:  
 
Mini duc : Le premier est super je trouve, avec une police style futuriste et tout, franchement bravo. :great:


---------------
http://img248.imageshack.us/img248/9982/88390711.png
answer

Aller à :
Ajouter une réponse