Le Blog du Geek Joyeux

Plus moins vite tu codes, moins plus vite ça plante

Une signature dans le style de Tron

| Commentaires

Petit tuto pour expliquer comment faire ceci :
(repris d’un tuto que j’avais écrit sur Crystal XP)

Signature Tron

Pour ceux qui ne connaissent pas, un petit tour sur http://www.internationalhero.co.uk/t/tron.jpg

Et oui… le mec est ridicule, le film n’en reste pas moins culte pour tout geek qui se respecte :)

Voici donc la marche à suivre :

Avant de commencer, je vous conseille de récupérer la police Tron surdafont.com : http://www.dafont.com/fr/tron.font

Pour le tuto j’ai pris une image transparente de 280x70

Créer le fond

Renommez le premier calque en bleu clair. Pour ce faire, allez sur la liste des calques et double cliquez sur son nom.

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 ou CTRL-,.

Tutoriel Tron, Image 01

Faites Calque > Transparence > Alpha vers sélection.

Créez un nouveau calque transparent et nommez le bleu foncé.

Remplissez ensuite la sélection d’un bleu très foncé #2F3839.

Tutoriel Tron, Image 02

Créez un nouveau calque transparent, au dessus des deux autres et nommez le dégradé.

Reprenez le noir comme couleur de Premier Plan.

Une nouvelle fois Alpha vers sélection sur un des deux autres calques, peu importe lequel.

Revenez sur le calque dégradé et appliquez un dégradé PP vers AP comme ceci (de bas en haut) :

Tutoriel Tron, Image 03

Passez le calque en mode Superposer.

Puis fusionnez dégradé avec bleu foncé. Cela se fait en faisant un clic droit sur le calque dégradé et en choisissant Fusionnez vers le bas.

Vous devriez obtenir ceci :

Tutoriel Tron, Image 04

Créer la forme

Créez maintenant votre texte et sélectionnez la nouvelle police Tron puis donnez lui la taille désirée.

Afin de recentrer le texte un fois créé, Calque > Aligner les calques visibles :

Tutoriel Tron, Image 05

Sur le calque de texte Alpha vers sélection.

Sélectionnez le calque bleu foncé puis Édition > Effacer ou CTRL-K.

Masquez ou supprimez le calque de texte.

Tutoriel Tron, Image 06

Créez un nouveau calque transparent et nommez le formes.

Sur ce calque créez différentes formes que vous souhaitez ajouter à l’image.

Un fois terminé, Alpha vers sélection sur le calque formes.

Sur le calque dégradé, Édition > Effacer.

Vous pouvez effacer le calque formes.

Tutoriel Tron, Image 07

Et la lumière fut

Créez maintenant un calque juste en dessous du calque de dégradé et nommez le lumière.

Alpha vers sélection sur le calque de bleu foncé.

Sur le calque lumière, agrandir la sélection de 1px, Sélection > Agrandir.

Remplissez ensuite la sélection de blanc, Édition > Remplir avec la couleur d’AP ou CTRL-..

Desélectionnez tout, Sélection > Aucune ou CTRL-MAJ-A.

Appliquez ensuite un flou Gaussien de 5px, Filtres > Flou > Flou Gaussien.

Tutoriel Tron, Image 08

Créez un nouveau calque transparent au dessus de tous les autres calques.

Alpha vers sélection sur le calque bleu foncé.

Remplissez ensuite la sélection de blanc sur le nouveau calque.

Inversez la sélection, Sélection > Inverser ou CTRL-I.

Ajoutez un masque de calque, Calque > Masque > Ajouter masque de calque.

Choisissez l’option Sélection, le blanc devrait disparaitre.

Desélectionnez tout.

Appliquez ensuite au masque de calque un flou Gaussien de 5px.

Tutoriel Tron, Image 09

Voilà c’est terminé.

Tutoriel Tron, Image 10 Tutoriel Tron, Image 11

Commentaires