Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

TUTORIAL NUMÉRO 1 : UNE SIGNATURE PERSONALISÉE


Information sur la source

Description

Cliquez pour voir la capture en taille normale
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 :)
 

Commentaires et avis

signaler à un administrateur
Commentaire de Olithys le 26/04/2005 22:09:44

Je recommande tout de suite au petit malin ou plutôt devrais-je dire petit c** qui met des 1/10 sans explications de se signaler tout de suite...

signaler à un administrateur
Commentaire de jim333 le 28/05/2005 01:53:06

Je sais pas c'est qui... Mais chapeau 7.5/10 (10/10 pour compenser le p'tip malin)

signaler à un administrateur
Commentaire de tofu le 05/06/2005 02:01:55

perso j'aime bien comme tuto, c'est bien expliqué et détaillé.

signaler à un administrateur
Commentaire de vinsSs le 09/06/2005 14:47:36

LA capture est légèrement petite :p mais tu as fait un tuto complet !
Je n'ai pas essayé mais bon ;) je suis sur que cela vaut le coup !
Merci.

signaler à un administrateur
Commentaire de manusoron le 12/06/2005 19:08:47

Pas mal, franchement, tres bien expliqué, comprehensif, Chapeau, je met 9/10

signaler à un administrateur
Commentaire de Molokov le 26/06/2005 10:36:42

Très bien expliqué, pour un rendu plus qu'honorable, je te met un p'tit 9/10 :)

signaler à un administrateur
Commentaire de trash_64 le 11/07/2005 23:42:58

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 ;)

signaler à un administrateur
Commentaire de Zakus le 10/08/2005 12:47:29

Super ce tutoriels , j'y met 9 / 10 , continue comme ça

signaler à un administrateur
Commentaire de zerocool83 le 17/04/2006 09:56:04

Splendide bonne réalisation ! tuto avec beaucoup d'explication ! 9 /10 ! :D

signaler à un administrateur
Commentaire de Phadeb le 19/10/2006 12:54:36

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

signaler à un administrateur
Commentaire de tutur1994 le 13/12/2008 20:20:46 1/10

super tuto

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

retouche d'image [ par enis ] Je dois faire une retouche d'image pour un ami mais le problème c'est que je ne maitrise pas assez photoshop pour ça. La retouche consiste à retirer d petite question sur photoshop 7 [ par nube ] Comment peut t'on copier un calque ou une selection dans un nouvelle image de la taille de la selection ou du calquesous paint shop pro 7 vous avez la tutorial [ par rintchu ] bonjour,pourrais vous me dire ou je peux trouver un bon tutorial en francais ?MerciThe JEDI of the Death agrandir un calque ds une image [ par trax2539 ] bonjour,je voudrais savoir s'il est possible d'agrandir "simplement" UN calque dans une image...bon, je pense que ces infos suffise pour poser le pb AUTOMATISATION D'UN CALQUE AVEC UN SCRIPT [ par CANGELIN ] Bonjour,je voudrais savoir si c'est possible d'automatiser un groupe de calques d'une image et si oui comment. J'ai essaye de les inserer dans un s effets sur direct draw [ par RageC04 ] j'ai tout essayer mais je n'ai pas réussie à manipuler l'eclérage des surface creer avec direct draw .et comme je le dit toujours..Un meilleur prog es ambiance nuitée [ par mondos ] Bonsoir, je fais une BD (style larcenet) avec un graphiste simple et j'ai besoin de créer une ambiance de nuit, y a t'il une solution miracle, je ne v tutorial assiette [ par vaalba ] bonjje suis un italien, je voudrais dessiner une assiette (vue de haut)Je trace un cercle et apres.....je suis nul en dessin.Comme j'aimerais apprendr photoshop [ par LuXoR001 ] Je debute ac ce logiciel et je voudrai savoir comment on peu rajouter une forme dans un calque quelquonque (pas un calque forme). c con ms jai regard& pb avec filtre et calque très important [ par sensenix ] salut a tous, je vous explique mon pb. je fais un calque sur photoshop cs d'arrière plan bkanc. je fé un texte dessus et je récupè


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,562 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.