32 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto TheGimp] Une signature dans le style du film "Tron"

 
n°16595
happynoff
Profil : New Penguin
Avatar
profil
Posté le 02-04-2007 à 01:45:08  
 

Pour mon troisième tuto, je vous propose de créer un signature dans le style Tron.
 
Pour ceux qui ne connaissent pas, un petit tour sur http://www.internationalhero.co.uk/t/tron.jpg
Et oui... le bonhomme est ridicule :biggrin: le film n'en reste pas moins culte pour le geek qui se respecte :smile:
 
Voici donc la marche a suivre (dsl pour les accents mais je suis sur un QWERTY) :
 
avant de commencer, je vous conseil de récupérez la police tron sur dafont.com.
http://www.dafont.com/fr/tron.font
 
Pour le tuto j'ai pris une image transparente de 280x70 (histoire de respecter les règles :biggrin:)
1/ Créer le fond
 
On commence par une sélection de tout, Sélection > Tout (ou Ctrl+A).
Ensuite on réduit la sélection de 5px, Sélection > Réduire.
Puis on arrondi les bords, Sélection > Rectangle arrondi. Sélectionnez un rayon entre 20% et 50%.
Remplissez ensuite la sélection d'un bleu clair (#CDFBFF), Édition > Remplir avec la couleur de PP (Ctrl+,).
http://happynoff.free.fr/old/images/tuto_tron_1.0/tuto_tron_01.png
 
Créez un nouveau calque transparent.
Sur le premier calque, faites Calque > Transparence > Alpha vers sélection.
(ou dans la liste des calques, clic droit sur le calque > Alpha vers sélection)
Remplissez ensuite la sélection d'un bleu très  fonce (#2F3839).
http://happynoff.free.fr/old/images/tuto_tron_1.0/tuto_tron_02.png
 
Créez un nouveau calque transparent, au dessus des deux autres.
Reprenez le noir comme couleur de Premier Plan.
Une nouvelle fois Alpha vers sélection sur un des deux autres calques.
Appliquez un dégrade PP vers AP comme ceci :
http://happynoff.free.fr/old/images/tuto_tron_1.0/tuto_tron_03.png
Passez le calque en mode Superposer
Puis fusionnez le avec le calque bleu fonce. (j'appellerai ce calque dégradé, ce sera plus simple)
Vous devriez obtenir ceci :
http://happynoff.free.fr/old/images/tuto_tron_1.0/tuto_tron_05.png
 
2/ Créer la forme
 
Créez maintenant le texte. Sélectionnez la nouvelle police Tron.
Ajoutez votre texte et donnez lui la taille désirée.
Afin de recentrer le texte un fois créé, Calque > Aligner les calques visibles :
http://happynoff.free.fr/old/images/tuto_tron_1.0/tuto_tron_04.png
Sur le calque de texte, Alpha vers sélection
Sélectionnez le calque de dégradé puis, Édition > Effacer (Ctrl+K).
Masquez le calque de texte (voir supprimez le...)
http://happynoff.free.fr/old/images/tuto_tron_1.0/tuto_tron_06.png
 
Créez un nouveau calque transparent.
Sur ce calque créez différentes formes que vous souhaitez ajouter a l'image.
Un fois termine, Alpha vers sélection sur ce calque.
Sur le calque de dégradé, Édition > Effacer.
Vous pouvez effacer le calque temporaire.
http://happynoff.free.fr/old/images/tuto_tron_1.0/tuto_tron_07.png
 
3/ Et la lumière fut
 
Créez maintenant un calque /!\ juste en dessous du calque de dégradé /!\
Alpha vers sélection sur le calque de dégradé fraîchement découpé.
Agrandir la sélection de 1px, Sélection > Agrandir.
Remplissez ensuite la sélection de blanc sur le nouveau calque, Édition > Remplir avec la couleur d'AP (Ctrl+.).
Desélectionnez tout, Sélection > Aucune (Ctrl+MAJ+A).
Appliquez ensuite un flou gaussien de 5px, Filtres > Flou > Flou Gaussien.
http://happynoff.free.fr/old/images/tuto_tron_1.0/tuto_tron_08.png
 
Créez un nouveau calque transparent au dessus de tous les autres calques.
Alpha vers sélection sur le calque de dégradé.
Remplissez ensuite la sélection de blanc sur le nouveau calque.
Inversez la sélection, Sélection > Inverser (Ctrl+I).
Ajoutez un masque de calque, calque > Masque > Ajouter masque de calque.
(ou dans la liste des calques, clic droit sur le calque > Ajouter un masque de calque)
Choisissez l'option Sélection. (le blanc devrait disparaître)
Desélectionnez tout.
Appliquez ensuite au masque de calque un flou gaussien de 5px.
http://happynoff.free.fr/old/images/tuto_tron_1.0/tuto_tron_09.png
 
 
Voila c'est termine. Je suppose que ca peut être amélioré mais ca rend déjà pas trop mal :smile:
http://happynoff.free.fr/old/images/tuto_tron_1.0/tuto_tron_10.png
http://happynoff.free.fr/old/images/tuto_tron_1.0/tuto_tron_11.png


Message édité par Fagoon le 24-06-2009 à 14:39:26
answer
mood
GoogleAds
profil
Posté le 02-04-2007 à 01:45:08  
 

answer
n°16596
mongonzo
Profil : Big Penguin
Avatar
profil
Posté le 02-04-2007 à 01:47:20  
 

Je trouve l'effet trés sympa et futuriste. Bravo  :great:

answer
n°16597
happynoff
Profil : New Penguin
Avatar
profil
Posté le 02-04-2007 à 02:43:24  
 

merci :smile:
je vais essayer d'en faire un dans le style du jeu aussi :smile:
Ca a rien a voir mais ca peut etre sympa aussi :smile:

answer
n°16598
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 02-04-2007 à 08:36:49  
 

Joli résultat. :smile:
Je connais pas du tout ce film... :lol: En tout cas, un tuto de plus pour faire une signature sous Gimp ! :great: Dommage néanmoins pour les accents. Un modo devrait éditer ton post pour les mettre.

answer
n°16599
happynoff
Profil : New Penguin
Avatar
profil
Posté le 02-04-2007 à 11:38:49  
 

Bon j'ai activé le correcteur orthographique, ca m'a déjà corriger quelques accents par contre il a pas l'air de connaître les c cédille...

 

Sinon le film est assez sympa, ca fait un peu vieillot vu que ca date de 82.
Mais c'est l'histoire assez marrante d'un mec qui est transforme en programme :smile:

 

Et puis comme ce fut le cas a Rome, il est jeté aux Jeux, qui en l'occurrence sont les jeux vidéo. D'ou d'ailleurs un jeu assez connu des Linuxiens, Armagetron est tiré d'un des jeux du films...

 

Enfin voila... si vous avez l'occasion de le voir c'est sympa comme tout :smile:

answer
n°16600
leskimo
Profil : Penguin Pro
Avatar
profil
Posté le 02-04-2007 à 11:40:20  
 

J'aime bien :smile: bien réalisé :wink:

answer
n°16602
louix
Profil : Top Penguin
Avatar
profil
Posté le 02-04-2007 à 11:50:30  
 

j'aime bien le rendu
mais si on rajoute un effet neon sa va pas mieu ???

answer
n°16603
happynoff
Profil : New Penguin
Avatar
profil
Posté le 02-04-2007 à 12:00:16  
 

heu... je sais pas du tout... t'entends quoi par effet neon ? paskeu je sais pas faire moi :aww:

answer
n°16604
Narco
Voodoo child
Profil : Modo
Avatar
profil
Posté le 02-04-2007 à 12:21:45  
 

l'effet néon, ce serait une lueur coloré sur les contours du texte :wink:

answer
n°16605
louix
Profil : Top Penguin
Avatar
profil
Posté le 02-04-2007 à 12:25:02  
 

dans les script fu il y a un effet neon pour les textes :wink:

answer
n°16606
Quentinux
Profil : Big Penguin
Avatar
profil
Posté le 02-04-2007 à 15:34:10  
 

Sympa l'effet :great:

answer
n°16611
-mandrake-
Profil : Penguin
Avatar
profil
Posté le 03-04-2007 à 18:12:31  
 

Bon tuto,  :great: le rendu est super.

answer
n°17385
Bakoi
Profil : Penguin
Avatar
profil
Posté le 14-08-2007 à 15:07:51  
 

Super sympa comme tuto happynoff :great:
Merci beaucoup pour l'effet ! :smile:

answer
n°17908
Hover
Hey, Lucille !
Profil : Top Penguin
Avatar
profil
Posté le 04-02-2008 à 17:05:31  
 

je connais pas du tout le film :lol:
mais c'est pas sa qui vas m'empecher de bien aimer ton tuto^^ :lol:

answer
n°22514
hawk2b
Sobre**
Profil : Penguin
Avatar
profil
Posté le 05-02-2009 à 12:43:03  
 

sympa :)


---------------
http://www.noelshack.fr/voir/010309/Quadrature_black-out_HADOPI_234x60px083654.gif
Black Out du Web Francais .
answer
n°25776
Dark Pp
Fan Gimp [Debutant]
Profil : Penguin
Avatar
profil
Posté le 18-08-2010 à 06:00:52  
 

J'aime bien le rendue. Mais j'ai un seul problème ...  :whistle:  Comment on fais les formes ?  :mdr:  J'y suis allé à l'ancienne, c'est à dire, que je fais des formes avec le Lasso (soyer indulgent). C'est pourri, je sais  :ohill:  Mais, je ne savais pas du tout comment faire, je vous présente donc le rendu finale (raté) :
 
http://i33.servimg.com/u/f33/15/53/75/00/sniiff10.png
 
Vous pouvez vous moquer, je comprendrai xD.
 
 
Sinon tuto cool.  :cool:

answer
n°26608
CIU
Le Super Windows
Profil : New Penguin
Avatar
profil
Posté le 07-06-2011 à 22:36:03  
 

:hello: J'ai essayé :
http://www.crystalxp.net/forum/mesimages/371566/Tron.png
http://www.crystalxp.net/forum/mesimages/371566/Tron jaune.png
http://www.crystalxp.net/forum/mesimages/371566/Tron rouge.png


---------------
http://www.crystalxp.net/forum/mesimages/371566/Signature_Blanc_brush.png
answer
n°26609
Tiny-Nugs
BANG
Profil : Top Penguin
Avatar
profil
Posté le 08-06-2011 à 00:37:20  
 

EPIC DETERRAGE :')

 

Sinon gg CIU : D

Message cité 1 fois
Message édité par Tiny-Nugs le 08-06-2011 à 00:37:49

---------------
http://www.crystalxp.net/forum/mesimages/302749/img006.png
             "We are Human After All" DAFT PUNK
answer
n°26865
CIU
Le Super Windows
Profil : New Penguin
Avatar
profil
Posté le 03-01-2012 à 01:25:46  
 

Tiny-Nugs a écrit :

EPIC DETERRAGE :')
 
Sinon gg CIU : D


 
Merci Tiny-Nugs
L'ordi sur lequel je les fais est KO, donc je n'ais plus le XLD  :ohill:  :bigboulay:  :dlb:


---------------
http://www.crystalxp.net/forum/mesimages/371566/Signature_Blanc_brush.png
answer

Aller à :
Ajouter une réponse