Bonjour,

Je vous propose de suivre un petit tutoriel illustré pour créer très rapidement et simplement une signature forum ! Suivez les instructions étape par étape et vous obtiendrez une signature de ce type :


Ma-Sign.gif


C'est ce modèle-ci que nous allons décortiquer (vous choisirez vous-même couleur et forme et dessin par la suite), il s'agit d'un modèle simple facile à reproduire, à mémoriser et ensuite laissez votre imagination s'exprimer !!!!

Tout d'abord, il faut savoir que photoshop est un logiciel fonctionnant énormement par calques, c'est la base même de la création par Photoshop !


Des calques, gnéè??

"Les calques sont les couches superposées de l'image qui permettent différentes maniulations et réglages. Il est possible de les réorganiser, les modifier, déplacer, supprimer, fusionner, déformer etc… Une fois combinés, ils forment l'image finale."

En bref imaginez des calques papiers (visualisez-les pour bien comprendre) vous faites sur chacun d'entre eux une partie bien définie du dessin final, ensuite tout c'est calques suppéposés vous donnent votre oeuvre terminée !

Pourquoi ne pas tout faire sur le même dessin comme le propose paint ou autre ... ?

En travaillant sur un calque, on n'altère que l'image(calque) sur l'aquelle on se trouve. Les calques étant modifiables et enregistrables, en cas de fausse manipulation, on peut les supprimer et retrouver son image d'origine intacte…
Les calques facilitent aussi grandement la réalisation de montages(*) ou la suppression d'éléments gênants sur une image puisqu'ils sont modifiables avec les outils de dessin.


(*) ---> Et oui, c'est bien là tout l'essentiel des calques !!!
 
  
  
 

calque--gn----.gif



voila à quoi ressemble le menu des calques, comme vous pouvez le constater il y a ici 5 calques, le calque en surbrillance bleue étant celui sur lequel vous travaillez, pour changer il suffit de cliquer sur le calque desiré.

Les calques sont disposé de bas en haut, celui du bas (le 1 ici) étant le calque le plus en dessous (en visualisation papier) et celui du haut étant celui le plus au dessus =P logique me diriez-vous xD

Il est possible de changer l'ordre des calques, en les glissant tout bétement =)

Le petit "oeil" que vous pouvez voir devant chaque calque sert à masquer/démasquer les calques. note : vérifiez bien que tous les calques que vous souhaitez faire apparaitre sur le gif final soient bien activés avant d'enregistrer votre oeuvre ^^


Wala vous êtes fin prêt à commencer !

Par Team Designer
Ecrire un commentaire - Voir les 0 commentaires

VOUS AUREZ BESOIN DE BRUSH
demandez les moi je vous les enverrai en .rar/.zip (c'est pas très lourd par msn ca va vite ^^)

dezippez le contenu de l'archive, vous obtenez des fichiers au format .abr, copier les dans le dossier :
C:Program FilesAdobePhotoshop CSParamètres prédéfinisFormes
(chemin de base, ca peut varier selon les versions et l'endroit ou vous l'avez installé)

wala ca c'est fait. ce sont des brush (pinceaux) à formes toutes-faites c'est très pratique ... outre ceux la, vous pouvez en trouver plein sur le net à dl ^^

  


VOUS AUREZ BESOIN DU MOTIF DIAGONAL
explication pour la créer dès maintenant :


ouvrez Toshop et créez un nouveau document  ( Fichier / Nouveau... ) en 5*5 et en suivant bien les options suivantes, c'est très important :
(notez qu'il est plus que recommandé d'avoir le document en couleurs RVB et arrière-plan Transparent sinon nombres d'effets de fonctionneront pas)

motif-1.jpg





voila votre (tout petit document ouvert) zoomez bien et choississez l'option Outil Crayon dans la Fenêtre d'Outils


motif-2.jpg




L'Outil Crayon sélectionné, vous choississez maintenant la COULEUR BLANCHE (sur mon screen j'ai utilisé le bleu/vert pour que cela soit plus visible) faites une diagonale de 5 pixels (1pixel=1point de crayon^^)

motif-3.jpg



vous avez la base du motif des diagonales xD ca y est ! plus qu'à le mémoriser dans Toshop, pour cela faites Edition / Utiliser comme motif...







Entrez le nom désiré et voila votre motif programmé =P (motif très utilisé!)

motif-5.jpg


bon vous disposez des brush et du motif ? oui , alors passons à la signature ^^
Par Team Designer
Ecrire un commentaire - Voir les 0 commentaires


J'ai choisi pour plus de simplicité de découper la création en 7 étapes. De la création à l'enregistrement du Gif =P toutes les manipulations sont illustrées (ça paraitra certainement rébarbatif pour certains ..) mais pour les *novices* c'est bien utile pour bien comprendre le fonctionnement ^^ 


ETAPE N°1 : CREATION ET PREPARATION DU DOCUMENT

Ouvrez Photoshop puis Fichier / Nouveau... et suivez bien les options ci dessous :



Vous voila avec le Calque 1, pour faire cette signature, je vous conseille 4 calques en tout, il faut donc en créer 3. Pour cela suivez les inidations suivantes :

cree-un-calque-1.jpg

cree-un-calque-2.jpg

faites  OK et voila le calque 2 créé, répété l'opération pour disposer de 4 calques en tout =)




ETAPE N°2 : CALQUE 1 - Le Fond de votre Signature

Placez vous  -comme expliqué au début du blog-  sur le calque 1, nous allons travailler les calques dans l'ordre, du plus au fond au plus en avant =)




Voici la fenêtre des Outils, sélectionnez une couleur (celle de votre choix mais pour cette fois utilisez un couleur plutot foncée vous y verrez mieux ^^)
Ensuite sélectionnez l'Outil Rectangle (ci-dessus en surbrillance dans la seconde colonne le 9ème)
Tracez  un rectangle de cette taille environ :

003.jpg

Votre rectangle tracé, vous avez la base de votre Signature, c'est à partir de ce rectangle que l'on va faire les premiers effets ! Pour cela il va faloir sélectionner uniquement le rectange (car comme vous pouvez le constater il y a du *vide* autour, c'est pour faire plus joli quand à la fin il y aurait des calques dépassant la base et pour éviter de devoir colorier un fond en coordonnées avec chaque forum, là c'est transparent donc aucun problème) 


Donc pour sélectionner le rectangle on va utiliser l'Outil Baguette Magique comme ceci :

004-BAGUETTE-MAGIK.jpg
Sélectionnez la Baguette magique ici en surbrillance (2nde colonne, 2nd outil) et allez cliquer sur le rectangle quevous avez tracé ce qui aura pour effet de sélectionner l'ensemble de la couleur donc ici le rectangle que vous avez tracé !

005.jpg

vous pouvez maintenant voir votre rectangle entouré de pointillés !

/ ! Attention il est très important de ne pas perdre la sélection obtenue, en effet une majeure partie de la création se base sur cette même sélection, si par mégarde vous la perdez alors que vous avez deja fait des modifications sur le rectangle vous ne pourrez plus le resélectionner directement, il faudra donc :
Placez vous sur le calque 1, Outil baguette magique sur le *vide*, le *vide* ainsi sélectionné sera entre pointillés, faite ensuite dans la barre de menus Sélection / intervertir



Voila, passons à la *décoration* du fond, nous allons utiliser le motif diagonal créé au préalable =P

Faites dans la barre de menus, Edition / Remplir ...

006.jpg

Dans la petite fenêtre carrée à coté de Motif personnalisé, sélectionnez votre Motif (il se trouve en dernier normalement) puis réglez l'Opacité sur 30 ou 50 selon vos goûts. Et faites OK
Wala votre rectangle tout rayé ^^

/ ! Attention il est très important de ne pas perdre la sélection obtenue, en effet une majeure partie de la création ce base sur cette même sélection, si par mégarde vous la perdez alors que vous avez deja fait des modifications sur le rectangle vous ne pourrez plus le resélectionner directement, il faudra donc :
Placez vous sur le calque 1, Outil baguette magique sur le *vide*, le *vide* ainsi sélectionné sera entre pointillés, faite ensuite dans la barre de menus Sélection / intervertir



*Décoration* du rectangle suivante =P


Passons au reflet de lumière, Pour cela retournez dans la fenêtre d'Outil à l'Outil Rectange et changez-le en Elipse comme indiqué ci dessous :


L'elipse sélectionnée vous allez régler son opacité à 20 et SELECTIONNER LA COULEUR BLANCHE ^^

008.jpg


/ ! Attention il est très important de ne pas perdre la sélection obtenue au départ, en effet une majeure partie de la création ce base sur cette même sélection, si par mégarde vous la perdez alors que vous avez deja fait des modifications sur le rectangle vous ne pourrez plus le resélectionner directement, il faudra donc :
Placez vous sur le calque 1, Outil baguette magique sur le *vide*, le *vide* ainsi sélectionné sera entre pointillés, faite ensuite dans la barre de menus Sélection / intervertir


Toujours avec le rectangle sélectionné  plus qu'à tracer l'élipse comme ci-dessous:

009.jpg


voila ce que ca donne :

010.jpg


wala vous avez fini le calque 1

ne perdez toujours pas la sélection du rectangle du début, vous allez encore en avoir besoin la selection reste la même sur tous les calques et permet de ne pas dépasser ^^

/ ! Attention il est très important de ne pas perdre la sélection obtenue, en effet une majeure partie de la création ce base sur cette même sélection, si par mégarde vous la perdez alors que vous avez deja fait des modifications sur le rectangle vous ne pourrez plus le resélectionner directement, il faudra donc :
Placez vous sur le calque 1, Outil baguette magique sur le *vide*, le *vide* ainsi sélectionné sera entre pointillés, faite ensuite dans la barre de menus Sélection / intervertir


xD

Par Team Designer
Ecrire un commentaire - Voir les 0 commentaires

Donc vous venez de finr le calque 1, qui était le fond de la Signature, maintenant nous allons faire des brush (cette étape n'est pas à faire losque le fond de votre signature n'est pas une couleur mais une image)


ETAPE N°3 : CALQUE 2 - Les Brush(es)

alors, commencez par vous placez sur le calque 2



Sur ce calque, nous allons placer des brush pour cela choississez une couleur (qui ressortira pas rapport à la couleur du fond ou une nuance plus clair de celle ci selon les gouts) suivez les instructions suivantes :


 
L'Outil pinceau ainsi sélectionné vous allez pouvoir choisir vos formes pinceaux prédéfinie ou effet spéciaux, procédez la la facon suivnte pour choisir :

013-BRUSH.jpg

Faites votre choix dans la liste des familles et dans les brush, réglez ensuite la taille pour qu'elle soit adaptée à votre dessin :



100 pixels devrait convenir ^^

Voila si vous avez toujours les pointillés qui encercle en rectangle, cela vous facilite la tâche car vous permet de ne pas *dépasser* du rectangle :

015.jpg

Voila à quoi ressemble un brush =P

Maintenant complétez l'ensemble du décor ^^, garder le même brush ou changez ... alternez les couleurs .... faites comme vous voulez (pour une question de simplicité j'ai juse répété le brush)

016.jpg


wala vous avez fini le calque 2


Passons donc maintenant au calque 3, le cadre de votre Signature =)



ETAPE N°4 : CALQUE 3 - Le Cadre

Les cadres varient selon les goûts, les formes .. les envies ... mais il fait ressortir la Signature !

Sélectionner le calque 3 pour travailler dessus

017.jpg


Alors nous allons faire un cadre blanc par transparence, pour cela, prennez la couleur blanche, et selectionnez dans la fenêtre d'outil, l' Outil Rectangle :


018--1.jpg

018--2.jpg

Réglez comme ci dessus l'opacilté à 70

Vous allez maintenant tracer avec l'outil rectangle sur le calque 3 un cadre de 4 pixels à l'intérieur de la signature, comme ceci :

019-rebords-transparents.jpg


Ne supperposez pas les coins, toute la *bodure* doit être d'un même degré de transparence, faites donc cette bordure tranlucide sur tout le périmètre intérieur du fond de la Signature, comme ci-dessus.

Reprenez ensuite la Baguette Magique, et sélectionnez ce contour :

020--1.jpg

020--2.jpg

Vous devez obtenir ceci le cadre bien selectionné de façon parfaite =)



Avec cette selection vous allez mettre un contour noir autour de l'effet de transparence, procédez comme ceci :





Reproduisez les même options,
et faites OK, voici le résultat obtenu :






wala vous avez fini le calque 3

Par Team Designer
Ecrire un commentaire - Voir les 0 commentaires

Bah il y a plus qu'à ajouter les touches finales à votre Signature =)

ETAPE N°5 : CALQUE 4 - Le texte

bon bah l'étape la plus rapide ^^
pour télécharger des polices de caractères ----> http://www.dafont.com/
vous y trouverz votre bonheur
placez les dans le dossier suivant : ---> C:WINDOWSFonts


Placez vous sur le calque 4 : 



Choississez une couleur, et sélectionnez l'outil Texte :

024-copie-1.jpg
 
 
 
Tracez la zone de texte et saisissez votre texte :







Vous pouvez sauter le passage suivant si vous ne désirez pas mettre de contour à vos lettres :

Pour mettre le coutour, procéder de la manière suivante :
clic droit sur le calque 4 comme ceci,
027-option-de-fusion.jpg



Cochez la case contour et cliqué sur *contour* pour accéder aux option de celui-ci, réglez de la manière qui suit :

029.jpg


 
Vous voici à la fin ... déplacez votre texte à l'endroit désiré :

utilisez  l'Outil déplacer de la fenêtre d'Outils :

030.jpg





Voila vous obtenez un résultat de ce type : voila votre modèle est fini =)

Ma-Sign.gif




ETAPE N°6 : NOUVEAUX CALQUES ... 

ajoutez, créez  ... (des trucs et astuces à venir)




ETAPE N°7 : ENREGISTREZ LA SIGNATURE

surtout enregistrez la signature en format .GIF pour que les *vides* restent transparents

031.jpg





Vous avez votre signature, bon il y a parfois des moyens plus simples ... mais il faut d'abord bien comprendre les calques  =) wala

Par Team Designer
Ecrire un commentaire - Voir les 3 commentaires

Présentation

  • : Team Designer
  • Team Designer
  • : Culture
  • : Tutoriaux photoshop ! Une signature forum en 15 minutes? /ok suivez les instructions !

Texte Libre

Texte Libre

Créer un Blog

Commentaires Récents

Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus