YOUPASS - convertir le crédit téléphonique en monnaie ! : Partenaire RealityGaming.fr

Tutoriel Reproduire le logo de Secret Story

TRANSFORMEZ VOTRE TÉLÉPHONE EN CONSOLE DE JEU !
Statut
N'est pas ouverte pour d'autres réponses.

MaGnETiiKz

Membre Premium
Premium
Inscrit
21 Décembre 2011
Messages
3 903
J'aime
1 042
Points
5 491
Reply from MaGnETiiKz Forums généraux Infographie 🎨 Tutoriels et guides : Reproduire le logo de Secret Story #1
Commençons !


Ouvrez un nouveau document de la taille que vous voulez (500*300 pour ma part) et avec un fond gris léger puis écrivez-y votre texte en blanc, de n'?importe quelle taille (110px pour moi). Astuce : pour avoir vraiment l'effet Secret Story, écrivez en majuscule, ça rend beaucoup mieux !

proxy.php?image=http%3A%2F%2Fwww.noshade.net%2Fimgs%2Ftutoriaux%2F116_psd%2F01.png&hash=8f57f445e7e0be4b65c68fdadcb5cbcc

Bon, jusque là, ça devrait aller. Maintenant on va faire le gros contour rose autour du texte. Pour cela sélectionnez votre calque texte et cliquez sur le bouton "ajouter un style de calque" en bas de la palette des calques (le petit bouton "Fx") et entrez les paramètres suivants :

proxy.php?image=http%3A%2F%2Fwww.noshade.net%2Fimgs%2Ftutoriaux%2F116_psd%2F02.png&hash=6a5fe7099f859271b06805281c37f2cb

Ensuite créez un nouveau calque et fusionnez-le avec votre calque de texte afin que le dégradé ne bouge plus (sélection des deux calques puis CTRL + E sur Windows ou Pomme + E sur Mac).

proxy.php?image=http%3A%2F%2Fwww.noshade.net%2Fimgs%2Ftutoriaux%2F116_psd%2F03.png&hash=49a2cf7dc40fb508ff965f74d1516bdf

Maintenant nous allons incliner le texte, c'est assez simple, allez dans le menu "Édition > Transformation manuelle" ou faites tout simplement CTRL + T (ou Pomme + T sur Mac) et changez l'angle qui est normalement à 0° par -2°.

proxy.php?image=http%3A%2F%2Fwww.noshade.net%2Fimgs%2Ftutoriaux%2F116_psd%2F04.png&hash=72307a05321fcb34870de7cb61444792

Maintenant il nous reste la petite barre à faire dessous, ça parait simple, mais c'est à vrai dire plus compliqué à faire qu'il n'y parait !
Sur un nouveau calque, créez le trait sous le texte à l'aide de l'outil trait (touche U), le trait doit être blanc, épaisseur 1px et droit... non non, ce nest pas négociable ! ;-) Quant à la taille, le trait doit être plus petit que le texte :

proxy.php?image=http%3A%2F%2Fwww.noshade.net%2Fimgs%2Ftutoriaux%2F116_psd%2F05.png&hash=7808bcfc16ba692fd35dca749019197f

Maintenant on applique un flou directionnel avec un angle de 0°, quant à la distance tout dépend de la taille initiale du trait, le mieux est de voir grâce à l'aperçu ce qui est le mieux, cest-à-dire que le trait au final dépasse un tout petit peu du texte, de cette manière là :

proxy.php?image=http%3A%2F%2Fwww.noshade.net%2Fimgs%2Ftutoriaux%2F116_psd%2F06.png&hash=3a4201e6810dd80a8a5d3fdf4f51f05b

Appliquons maintenant un style de calque sur ce trait avec ces options :

proxy.php?image=http%3A%2F%2Fwww.noshade.net%2Fimgs%2Ftutoriaux%2F116_psd%2F07.png&hash=6cb7b31a78ba2fed1fe070f95423402f

On approche du but ! Remontez le trait de manière à ce quil arrive à la limite inférieure de la lettre la plus haute. Cest compliqué à comprendre oui, mais bien sûr jai fait une petite image :

proxy.php?image=http%3A%2F%2Fwww.noshade.net%2Fimgs%2Ftutoriaux%2F116_psd%2F08.png&hash=342bea70fa714558745a5d0e13bea207

Et enfin (et oui cest "déjà" fini !), nous allons effacer tout ce qui se trouve sous et sur le trait, pour ça on va pas utiliser la gomme (ça peut devenir vite très long et surtout peu précis dans ce cas), mais l'outil de sélection en rectangle (touche M) pour sélectionner tout ce qui se trouve sous et sur le trait et hop on appuie sur la touche suppr pour supprimer la sélection, on se retrouve ainsi avec ce résultat :

proxy.php?image=http%3A%2F%2Fwww.noshade.net%2Fimgs%2Ftutoriaux%2F116_psd%2F09.png&hash=7cc9802093670016aad34e434932286d

Evidemment vous pouvez faire ça de toutes les couleurs, pas besoin de vous cantonner au rose, il suffit juste soit d'appliquer un changement de teinte sur votre texte dans teinte/saturation à la fin ou alors carrément modifier le dégradé du début :

proxy.php?image=http%3A%2F%2Fwww.noshade.net%2Fimgs%2Ftutoriaux%2F116_psd%2F10.png&hash=3c5e92565efbc139a35884e98d46d226


Allez je vous dit un bon Gfx ! :love:

Source :
Vous devez vous inscrire pour voir les liens !
 

Arrow'

Banni
Premium
Inscrit
25 Décembre 2012
Messages
1 977
J'aime
313
Points
1 506
Reply from Arrow' Forums généraux Infographie 🎨 Tutoriels et guides : Reproduire le logo de Secret Story #2
GG <3
 

NympheModding

Lobbyman
Premium
Inscrit
6 Juin 2012
Messages
1 935
J'aime
332
Points
4 738
Reply from NympheModding Forums généraux Infographie 🎨 Tutoriels et guides : Reproduire le logo de Secret Story #3
Merci! <3
 

Fortnite France™

Fornite France
Premium
Inscrit
12 Février 2012
Messages
1 503
J'aime
349
Points
4 608
Reply from Fortnite France™ Forums généraux Infographie 🎨 Tutoriels et guides : Reproduire le logo de Secret Story #5
Mdr GG :)
 

GaaRaa

Membre Premium
Premium
Inscrit
15 Novembre 2011
Messages
3 659
J'aime
854
Points
5 463
Reply from GaaRaa Forums généraux Infographie 🎨 Tutoriels et guides : Reproduire le logo de Secret Story #6
Merci pour le tutoriel!:o :love:
 

Shockwave94-

Vendeur
Premium
Inscrit
5 Février 2012
Messages
3 737
J'aime
720
Points
2 263
Reply from Shockwave94- Forums généraux Infographie 🎨 Tutoriels et guides : Reproduire le logo de Secret Story #7
haha pas mal merci
 

Slide™

Leader of vN™
Premium
Inscrit
4 Avril 2012
Messages
4 246
J'aime
1 645
Points
3 968
Reply from Slide™ Forums généraux Infographie 🎨 Tutoriels et guides : Reproduire le logo de Secret Story #10
Sympa, merci ;)
 
Statut
N'est pas ouverte pour d'autres réponses.


Haut