Faire une sign avec Photoshop (en 3 tutos)

1/ Merci à Ultraman pour ses Tutos qui m'ont beaucoup appris (ben oui ça c'est pô fait tout seul)
2/ 'scusez pour les fautes d'ortographe et autres "coquilles"


Faire une signature avec Photoshop (partie 1)

Je vais essayer de vous transmettre quelques unes de mes (faibles) connaissances de ce merveilleux soft qu'est PHOTOSHOP et son insdispensable complément IMAGE READY.
Ce soft est à la fois simple et compliqué dans le sens où il demande un apprentissage des bases relativement studieux qui quand on les à comprise, rend son utilisation très simple !
j'utilise ici la version CS2 qui permet (entre autre) de visualiser les polices de caractère dans le menu.
Ce tuto (que j'ai créé pour une forum hardware) est une base et j'espère que vous y apporterez aussi vos connaissances, si vous avez des demandes spécifiques, postez les, si je ne sait pas y répondre, j'apprendrai moi aussi...

Alors pour aujourd'hui, créer une sign de base, simple et sans prétention, plus pour se familiariser avec les outils de Toshop que pour faire une création mémorable
Menu fichier>nouveau ou "CTRL N", nous obtenons cet écran (vous pouvez cliquer sur chaque image afin de l'agrandir)
Nous remplissons les cases pour la taille, ici largeur 400 pixels par hauteur 200 pixels, on ne s'occupe pas du poids pour le moment
* Bonne habitude à prendre, nommez toujours vos création et surtout vos calques (vous verrez plus loin) car quand il y en aurra beaucoup, c'est plus simple pour s'y retrouver...


Validons, on obtient ceci :


pour doubler la taille d'affichage de votre calque tapez "Ctrl +" (là ce n'est pas nécessaire)
ensuite nous utilisons l'outil "pot de peinture" pour peindre le calque en blanc, il faut préalablement faire passer le blanc en avant plan au niveau des deux carrés noir/blanc de la palette d'outils


nous allons avoir besoin des règles : menu affichage>règles ou "CTRL R" cliquer sur une règle afin de la metre en pixel


Nous allons avoir besoin aussi des guides, qui se placent sur notre calque en faisant un clic gauche sur une règle (laissé appuyé) et en "tirant le guide à l'emplacement voulu :


ici à 10 pixels de chaque bord + une verticale au milieu


* les guides sont une autre bonne habitude à prendre pour de futures créations plus compliquées

Nous allons maintenant créer un nouveau calque menu calque>nouveau>calque ou "MAJ CTRL N" que nous allons nommer "base"




Ensuite nous allons changer la couleur d'avant plan (vous vous souvenez, les 2 carrés noir/blc), faire un clic gauche sur le carré (qui doit être blc à ce moment du tuto) nous arrivons sur ce panneau :


cocher couleur web et choisir un rouge
utilisons l'outil "rectangle arrondi" afin de le placer à l'intérieur de nos guides...




A partir de là, soyez attentif, ça se complique je vais donc essayé d'être le plus explicite possible car nous allons placer des effets :
menu calque>style de calque>options de fusion


on arrive là :


Appliquons et cochons(lol) à l'identique les options de "biseautage et estampage"


et de "contour"


afin d'obtenir ceci :


vous reviendrez plus tard vous amuser avec toutes les options possibles ...

ON se positionne sur le 1er calque (clic) et l'on crée un nouveau calque que l'on appelle ombre


puis l'on se place au dessus du carré rouge, a droite, dans le tableau des calques, l'on appui sur "CTRL" clic gauche en même temps afin de selectionné le contour de notre rectangle arrondi mais attention que se soit bien notre calque "ombre" qui soit selectionné


Ensuite à nouveau nous utilisons l'outil "pot de peinture" afin de remplir en rouge la selection du calque "ombre" et nous deselectionnons le calque "base comme ici :


nous allons appliquer un filtre, pour ce faire, menu>filtre>attenuations>flou gaussien


et appliquons l'effet à 5 pixels (plus ou moins si vous voulez)


Ajoutons maintenant du texte, pour cela utilisons l'outil "texte" et choisissons les options comme là :


selectionnez le calque "base" et cliquez au milieu en vous servant du guide vertical, cela crée un nouveau calque automatiquement
j'ai tapé [email]Tolet@mp[/email] mais vous ètes pas obligé de faire comme moi ...
Avec l'outil "selection" faite descendre votre texte en bas


nous allons maintenant appliquer un effet de brillance sur ce texte, bien sur selectioner le calque texte etcomme tout à l'heure, menu calque>style de calque>options de fusion utilisons "lueur externe" et cliquons sur le petit carré jaune afin de changer la couleur pour du blanc




avec ces réglages ça donne :




NOTA : pour admirer votre création sans les guides faire "CTRL H" idem pour les remettre .
Maintenant un deuxième texte pour la config, comme le pseudo mais en plus petit 10 ou 15


appliquons le même effet


deselectionnons le calque 1


allons dans fichier>enregistrer pour le web


choisissons format ".Jpeg" et enregistrons (si vous voulez concerver les effets de transparence -pas de cadre blanc autour de l'image- choisissez le format ".png")


Voilou une p'tite sign de moins de 30 ko, faites avec l'habitude en moins de 5mn, il n'y a pas de limite sinon celle de votre imagination, il faut tatoner, essayer, chercher... toujours en s'amusant
j'espère vous avoir appris deux ou trois trucs.

C'est tout ... pour le moment ! :geek:

Questions, précisions, demandes et critiques sont bienvenues.

Et pensez à afficher vos créations

Bah, c flagrant comme comme un borgne qui se bouche les oreilles......y a du progrés!!
Tu montres bien là, avec ces anims qui font plaisir à revoir, que l'on peut partir de presque rien et obtenir presque tout! Fô juste persévérer et surtout essayer.. et prendre ses pieds!


Nan, c vrai! mais la 2ème...fils de druide, tu m'as piqué les images du renard..que j'avais en sign sur AP..j'ai vu et me suis bien marré..

Brek..breF! pas mal d'heures devant soi et surtout un max d'inspiration!...Si tu me demande d'être inspiré...J'EXPIRE!! :petard:

Bon les gars, les nouveaux!

j'ai oublié de vous dire SIGNATURE O-BLI-GA-TOI-RE!! sous peine de passer 3 jours de cours chez lektron sous ses ordres ...et là ce sera OUI CHEF!!

Quelques exemples ...

Ma 1ère sign ... (je sais elle est moche !)


Humour ...


quelques avatars ...
... ...

celle-ci fut polémique en son temps ... hein Lektron


La plus philosophique :

T ouf? je pourrai pas loger tout l'monde!! mais ça sera DIANE DEBOUT!!

--C'est qui diane? elle est pas morte dans un accident de tunnel contre un pont?

bon ... bah voilà, je commence, je suis blonde (chose que j'ai oublié de dire dans la présentation, mais qui est pourtant essentiel) ...
Je n'ai pas accès au tuto ... ca me met : "error404, no found"
pas de bol !!!!
HELPPPPPPPP

Ne t'inquites pas un de nos grands manitous Toletamp ou Lektron va arranger celà.

pussycange a écrit:bon ... bah voilà, je commence, je suis blonde (chose que j'ai oublié de dire dans la présentation, mais qui est pourtant essentiel) ...
Je n'ai pas accès au tuto ... ca me met : "error404, no found"
pas de bol !!!!
HELPPPPPPPP

Oup, j'avais giclé l'hébergement de ces tutos ... bon en attendant de remettre ça à jour, j'ai inséré la partie 1 dans le 1er message de ce topic !

Wow super ton topic

et j'avais jamais vue photoshop avant comme ça

avec tout les captures d'écran que tu en na faite

Vivement que je puisse l'avoir j'ai trop hate de l'essayer