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

Tutoriel Comment faire sa propre signature [Photoshop Cs]

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

♥Hydrox♥

Membre Premium
Premium
Inscrit
7 Décembre 2011
Messages
353
J'aime
152
Points
1 896
Reply from ♥Hydrox♥ Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #1
Pour mettre en application ce tutorial,nous utiliserons Photoshop Cs.
Nous allons donc voir comment créer assez simplement une signature / avatar pour vos forums.


1.
Nouveau document.
On commence par créer un nouveau document au format désiré. (ici 400*130).
On remplit ensuite le document de noir. Menu Edition > Remplir
proxy.php?image=http%3A%2F%2Fwww.neutrinium238.com%2Ftutoriaux%2Fphotoshop%2Ftuto_sign%2Ftuto_signature_01.jpg&hash=13ba1b8d65391d7f50010ed6a5b97f1e


2.
Choix de l'image
Pour la seconde étape,il nous faut matière a travailler.
Nous allons donc choisir une image qu'il faudra détourer (voir
Vous devez vous inscrire pour voir les liens !
)
Pour le tutorial, j'ai décidé d'utiliser un Wallpaper trouvé sur internet.
proxy.php?image=http%3A%2F%2Fwww.neutrinium238.com%2Ftutoriaux%2Fphotoshop%2Ftuto_sign%2Ftuto_signature_02.jpg&hash=63a17f4d07676976d4514532d44ad51a


3.
Positionnement.
Une fois votre image detourée,ajoutez votre rendu dans un nouveau calque et choisissez l'endroit ou vous souhaitez voir votre personnage/objet. Vous devriez obtenir quelque chose de ce genre.
(je ne me suis pas vraiment appliqué pour le détourage bien entendu, c'est à vous de le faire ^^.)
proxy.php?image=http%3A%2F%2Fwww.neutrinium238.com%2Ftutoriaux%2Fphotoshop%2Ftuto_sign%2Ftuto_signature_03.jpg&hash=308f45bf2564e68bc16daa15a6d58fe9


4.
Installation des brushes.
Maintenant,nous allons faire le fond.
Pour cette signature,j'ai utilisé un Set de Brushes que vous pourrez trouver
Vous devez vous inscrire pour voir les liens !
Une fois téléchargé, installez les brushes dans le dossier approprié.
( à savoir : C:\Program Files\Adobe\Photoshop CS\Paramètres prédéfinis\Formes par défaut. )
Chargez les brushes dans Photoshop.
proxy.php?image=http%3A%2F%2Fwww.neutrinium238.com%2Ftutoriaux%2Fphotoshop%2Ftuto_sign%2Ftuto_signature_04.jpg&hash=d72145e03c59c08c8015c593cc67cca7


5.
Création du background.
Maintenant que vos brushes sont chargées, il est temps de peindre :)
Pour cela créez un nouveau calque transparent que vous placerez entre l'arrière-plan noir et le personnage détouré.
Ensuite, à vous de tester différentes brushes.
Peignez vos brushes en blanc
Après quelques essais de positionnement ( Merci la fonction "retour arrière"... :) "CTRL + ALT + Z" ) j'ai enfin réussi à trouver une combinaison qui me plaisait bien. (c'est un peu au feeling je vous l'accorde)
proxy.php?image=http%3A%2F%2Fwww.neutrinium238.com%2Ftutoriaux%2Fphotoshop%2Ftuto_sign%2Ftuto_signature_05.jpg&hash=0ecc41ffc3e11b6cef3edb82ae03598f


6.
Sélection de la couleur générale.
Maintenant 2 choix s'offrent à vous.
1. Vous décidez d'avoir une couleur unie
2. Vous préférez avoir plusieurs couleurs.
Dans le cas 1, insérez un calque de remplissage contenant l'option "Balance des couleurs"
(c'est l'icône
proxy.php?image=http%3A%2F%2Fwww.neutrinium238.com%2Ftutoriaux%2Fphotoshop%2Ftuto_sign%2Ficone_calque.jpg&hash=a226bf7e0640b6c49fe0dba3c73d6c97
en bas de la fenêtre calques. )
Dans le cas 2, c'est un calque de réglage de dégradé qu'il faudra mettre.
C'est pareil, à vous de régler votre dégradé.
Ici j'ai decidé de ne faire qu'une simple couleur, une couleur bleutée qui irait bien avec les cheveux de la demoiselle.
(réglage des niveaux des balances de couleurs : -6 -6 +76 dans les tons moyens )
Assurez-vous de mettre les calques de réglages au dessus de tout les autres calques.
proxy.php?image=http%3A%2F%2Fwww.neutrinium238.com%2Ftutoriaux%2Fphotoshop%2Ftuto_sign%2Ftuto_signature_06.jpg&hash=c9ceeb4320f6cf0f62cf0ee720d6db2f


7.
Mise à niveaux.
Ok, ça prend forme, mais c'est un peu terne à mon goût.
Nous allons donc ajouter un nouveau calque de remplissage, mais cette fois-ci avec l'option Luminosité / Contraste
(réglage de luminosité / constraste : -5 en luminosité et +20 en contraste)
proxy.php?image=http%3A%2F%2Fwww.neutrinium238.com%2Ftutoriaux%2Fphotoshop%2Ftuto_sign%2Ftuto_signature_07.jpg&hash=dfb621391d2cc7a2f29b58517966faa9


8.
Bordure.
Nous allons maintenant faire une bordure de 1 pixel tout autour de la signature.
Petite technique :
- Dupliquez le calque "arrière-plan"
- Mettez le par-dessus TOUS les autre calques.
- Changez l'opacité du fond à 0%.
- Appliquez-lui le style de calque "contours" avec comme paramètre 1px et intérieur en position.
Voilà notre jolie petite bordure faite facilement.
proxy.php?image=http%3A%2F%2Fwww.neutrinium238.com%2Ftutoriaux%2Fphotoshop%2Ftuto_sign%2Ftuto_signature_08.jpg&hash=15b1de5de2ac1b059a6739b80e3e6d5a


9.
Bande lumineuse.
Enfin, petite touche perso, vous pouvez ajouter deux petites bandes claires/foncées en haut et en bas,histoire de goût :)
Ici j'ai créé un nouveau calque et j'ai "peint" 2 bandes de hauteur identique en blanc.
Il suffit ensuite de passer le calque en mode Incrustation, de mettre l'opacité a 50% et d'ajouter un contour extérieur de 1px en noir a ce calque
proxy.php?image=http%3A%2F%2Fwww.neutrinium238.com%2Ftutoriaux%2Fphotoshop%2Ftuto_sign%2Ftuto_signature_09.jpg&hash=e504d638480c0191110fd55f14141d88


10.
Ajout d'options.
Voila votre signature est plus ou moins finie, à vous de la personnaliser comme bon vous semble.
Vous pouvez par exemple ajouter du texte, ou bien encore ajouter une 2eme image, les possibilités sont énormes.
proxy.php?image=http%3A%2F%2Fwww.neutrinium238.com%2Ftutoriaux%2Fphotoshop%2Ftuto_sign%2Ftuto_signature_10.jpg&hash=9f98b7f57e3ea6f0d3d816796ab16eb6
Nous voilà arrivés à la fin de ce tutorial. Si vous avez une question, n'hésitez pas à passer sur le forum (Ndc : hésitez plutôt à ne pas y passer ;-)).
Vous devez vous inscrire pour voir les liens !
 

Atz San

Ancien staff
Premium
Inscrit
10 Mars 2011
Messages
2 705
J'aime
1 407
Points
5 561
Reply from Atz San Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #2
N'oublie pas de mettre la source, car je doute que ce tuto soit fait par toi-même.
 

Moha' 92

Membre Premium
Premium
Inscrit
2 Février 2012
Messages
728
J'aime
87
Points
3 963
Reply from Moha' 92 Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #3
merci meme si je vais pas le faire mais sa peut servir a quelqu'un d'autre:)
 

♥Hydrox♥

Membre Premium
Premium
Inscrit
7 Décembre 2011
Messages
353
J'aime
152
Points
1 896
Reply from ♥Hydrox♥ Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #4
N'oublie pas de mettre la source, car je doute que ce tuto soit fait par toi-même.
Il était en bas du copié coller, je sais pas pourquoi, il ne l'ai plus, je l'édit toute suite
 

RéalityHD

♫ Roll one, smoke one, and we all just having fun™
Inscrit
31 Décembre 2011
Messages
0
J'aime
2
Points
222
Reply from RéalityHD Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #5
Sa va en aidé plus d'un ! :)
 
Inscrit
9 Janvier 2012
Messages
323
J'aime
48
Points
363
Reply from LoLkOfOrReRv Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #6
Pas mal tout ça
Très simple
1 : Fond noir
2 : Background
3 : Écriture
4 : Édit !
 
Inscrit
7 Février 2012
Messages
132
J'aime
29
Points
253
Reply from iRaZe Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #7
Bien joué !
 

Tregow

Bonjour, Bonsoir.
Ancien staff
Inscrit
7 Décembre 2011
Messages
2 374
J'aime
1 129
Points
5 113
Reply from Tregow Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #8
Trop dur pour moi :rire2:
 

AwH

Super Modérateur
Ancien staff
Inscrit
28 Septembre 2011
Messages
5 089
J'aime
2 401
Points
7 358
Reply from AwH Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #9
Merci du partage, j'essayerai quand j'aurai re PhotoShop ;).
 

Iz Shear

Blazé de RGFR
Inscrit
18 Février 2012
Messages
218
J'aime
40
Points
1 555
Reply from Iz Shear Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #10
Bon tuto' pour ceux qui débutent.
 

RoskO

La rue c'est nous
Ancien staff
Inscrit
21 Novembre 2011
Messages
115
J'aime
5
Points
757
Reply from RoskO Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #11
trop dur pour moi :rire:
 

AwH

Super Modérateur
Ancien staff
Inscrit
28 Septembre 2011
Messages
5 089
J'aime
2 401
Points
7 358
Reply from AwH Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #12
J'ai essayé et trop dur enfaîte :p Sinon, sa a été sympa d'essayé sous tes conseils Hydrox
 

Korzer

De retour les filles !
Ancien staff
Inscrit
3 Décembre 2011
Messages
2 300
J'aime
589
Points
3 458
Reply from Korzer Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #13
C'est sympa pour ceux qui ne s'y connaissent pas trop... :ok:
 

♥Hydrox♥

Membre Premium
Premium
Inscrit
7 Décembre 2011
Messages
353
J'aime
152
Points
1 896
Reply from ♥Hydrox♥ Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #14
Derien, C'est pas très dure, faut juste télécharger PhotoShop et les Brushes, c'est plus dure à trouver et tout.
 

Korzer

De retour les filles !
Ancien staff
Inscrit
3 Décembre 2011
Messages
2 300
J'aime
589
Points
3 458
Reply from Korzer Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #15
Moi je dis quand on veux on peux :)
 

VACa

◄ROAD TO 500 LIKES►
Premium
Inscrit
9 Octobre 2011
Messages
1 237
J'aime
451
Points
4 468
Reply from VACa Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #16
merci sa en aiderai plus qu'un moi je gere un peu :)
 
Inscrit
20 Décembre 2011
Messages
122
J'aime
17
Points
2 536
Reply from StreetMath Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #17
Wah, je l'avais trouvé il y a super longtemps sur un site ce tuto ! ^^
Merci du partage ! ^^
 

RéalityHD

♫ Roll one, smoke one, and we all just having fun™
Inscrit
31 Décembre 2011
Messages
0
J'aime
2
Points
222
Reply from RéalityHD Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #18
J'avais déjà vue ce tuto ! :)
 
Inscrit
3 Mars 2012
Messages
40
J'aime
3
Points
3 563
Reply from TheHouseWead Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #19
Bien expliqué le Tuto', je pense aussi en proposer des tuto', j'dois en avoir en stock ^^
 
Inscrit
4 Février 2012
Messages
331
J'aime
67
Points
3 903
Reply from arno67170 Forums généraux Infographie 🎨 Tutoriels et guides : Comment faire sa propre signature [Photoshop Cs] #20
Merci ça peut servir :)
 
Statut
N'est pas ouverte pour d'autres réponses.


Haut