Tutorial numéro 1 : une signature personalisée

Soyez le premier à donner votre avis sur cette source.

Snippet vu 38 296 fois - Téléchargée 30 fois

Contenu du snippet

Pour ce premier tutorial de mon cru, nous aborderons la conception d'une signature personalisée. Du grand vide au grand tout, abordons les phases clées de la conception d'une signature.

PS : J'utilise Photoshop CS version anglaise mais j'indiquerai où trouver les termes équivalents en français.

PS2 : Une approche préalable des bases de Photoshop est requise.

1° Créez un nouveau document 300*100 px (ou tout autre taille), fond blanc.

2° Trouvez ensuite une image qui vous plait (personnage, objet, etc.)

3° Détourez soigneusement l'élu(e) avec la baguette magique (les bords pixélisés ne posent pas probléme pour la suite.)

4° Glissez le personnage détouré sur votre zone de travail (Photoshop lui dédie un calque automatiquement.)

5° Redimensionnez si besoin (Ctrl+T)

6° Choissisez votre calque blanc et appliquez lui 2 à 3 couches d'un pinceau de votre choix.
J'ai choisi un pinceau "Charcoal large smear" avec une taille de 36 px et quelques modifs perso. La première couche est appliqué de maniére continue avec une opacité de 80% et en couleur noire.
La seconde est avec une opacitée de 60 % et la dernière avec 40%.
Un second passage est réalisé avec une opacitée de 25% et une couleur proche du blanc.

7° Créez un nouveau calque au dessus du votre personnage et recommencez le "coloriage" avec une opacité de 30/20/10%.

8° Retournez sur votre personnage et lissez les bords avec l'outil "doigt" de façon à obtenir des bords floutés. Floutez également les endroits lumineux de votre personnage.

9° Passez le réglage du calque sur "darken", "color" ou "lighten" selon l'effet voulu.
J'ai choisi "color"
--> Assombrir, Couleur ou Eclaircir

10° Dupliquez le calque supérieur (CTRL+J)

11° Choissisez un effet à appliquer dans le menu "Filter". J'ai appliqué un effet Render> Fiber.

12° De nouveau changez le réglage du calque, ici "Multiply".

13° Dupliquez le calque supérieur.

14° Appliquez un effet "Patchwork" : Effet>Texture>Patchwork avec "square size=1 px" et "relief=0 px"

15° De nouveau changez le réglage, ici "Color burn"

16° Effacez avec la gomme les endroits qui ne vous plaisent pas. Utilisez une opacité douce d'environ 60% puis descendez à 30% et paufinez à 10% voir 5%.

17° Maintenant une bordure rendra la signature bien plus belle. Créez un nouveau calque et avec un pinceau carré de taille 3 px faite une bordure noire.
Nouveau calque -> Idem mais en blanc et en taille 2 px.
Idem mais la fois-ci 1 px et noir.

18° Ecrasez les 3 calques de la bordure en vous plaçant sue le premier calque(Ctrl+E). Vous devez normalement avoir à faire cette manip 2 fois.

19 ° Un petit coup de "colorize" (Ctrl+U), cochez "colorize" et amusez vous avec les 3 curseurs.
--> L'option en bas à droite décochée par défaut.

20° On rechange le réglage du calque. Ici "soft light"

Voila votre signature est terminée ! Maintenant vous n'avez plus qu'à personnaliser le reste en y rajoutant un texte, un élément, un effet.
Passez un peu de temps dessus et le résultat en vaudra la chandelle.

Ce tutorial vous a permis d'aborder :

-Les calques
-Les modes de réglages
-Les effets
-La retouche

Si vous avez des points mal compris, demandez :)

A voir également

Ajouter un commentaire Commentaires
cs_tutur1994
Messages postés
6
Date d'inscription
mercredi 19 septembre 2007
Statut
Membre
Dernière intervention
13 décembre 2008

13 déc. 2008 à 20:20
super tuto
Phadeb
Messages postés
86
Date d'inscription
dimanche 2 avril 2006
Statut
Membre
Dernière intervention
13 mai 2017

19 oct. 2006 à 12:54
Le texte est clair, mais désigné aux introduits du photoshop (-1)

Pas de support image (screens -1)

Pas de sang froid avec les votants (-1)

7/10
zerocool83
Messages postés
1
Date d'inscription
lundi 17 avril 2006
Statut
Membre
Dernière intervention
17 avril 2006

17 avril 2006 à 09:56
Splendide bonne réalisation ! tuto avec beaucoup d'explication ! 9 /10 ! :D
cs_Zakus
Messages postés
2
Date d'inscription
lundi 8 août 2005
Statut
Membre
Dernière intervention
10 août 2005

10 août 2005 à 12:47
Super ce tutoriels , j'y met 9 / 10 , continue comme ça
trash_64
Messages postés
1
Date d'inscription
lundi 4 juillet 2005
Statut
Membre
Dernière intervention
11 juillet 2005

11 juil. 2005 à 23:42
moi je l'ai un peu modifié , mais sinon c tres bien expliké merci
ma modification :
-on reprend son tuto juske au passage apres l 'outil "doigt" pour lisser l'image
-on aplati l'image et on aplique le script qui est sur le site nommé "script de feu" (http://www.graphfr.com/code.aspx?ID=16553)
-on y rajoute un texte ( son pseudo ) avec la police de son choix
on le rend transparent (son texte)
et hop on a une otre signature sublime ;)
Afficher les 11 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (Olithys)