Tuto : Comment faire une signature avec Paint

Avatars, signatures, insertion d'images... Ici vous trouverez des tutoriels détaillés pour vous aider. Si vous avez des questions concernant le forum, faites-nous en part dans cette rubrique.
Règles du forum
RAPPEL - CETTE SECTION EST PUBLIQUE
Verrouillé
Avatar du membre
Didou
Administratrice
Administratrice
Messages : 33322
Enregistré le : 18 sept. 2007, 00:48
Localisation : QC
Noms de mes chats : Vienna [2004 - 2017]
&
Luna [2003 - 2021]
&
les cocos : Kenzo & Kinaï
Genre :
Âge : 38
Contact :

Tuto : Comment faire une signature avec Paint

Message par Didou »

Tout d'abord, il faut déjà aller ouvrir Paint.

Pour cela :
Démarrer :arrow: Tous les programmes :arrow: Accessoires :arrow: Paint

Vous obtenez cette page (la taille de la partie blanche peut varier)
f31bdf59.jpg
f31bdf59.jpg (10.5 Kio) Vu 9050 fois

Puisqu'on part du principe qu'une signature doit faire maximum 640 pixels de large x 100 pixels de hauteur, on va déjà mettre la zone de travail aux bonnes dimensions.

Pour cela, il faut ouvrir la fenêtre "Attributs"
2 solutions pour l'ouvrir :

- Cliquer sur Image :arrow: Attributs...
43c391be.jpg
43c391be.jpg (16.22 Kio) Vu 9050 fois
OU

- Appuyer sur CTRL + E

(Je vous recommande vivement l'utilisation des raccourcis clavier, c'est VRAIMENT beaucoup plus rapide et plus simple d'utilisation) ;)

Vous obtenez ainsi cette fenêtre :
7002a443.jpg
7002a443.jpg (19.69 Kio) Vu 9050 fois
Dans l'encadré "Unités", cochez la case "Pixels"
Puis pour la largeur, entrez 640, et pour la hauteur, entrez 100, comme indiqué sur l'image :
screen.jpg
screen.jpg (25.84 Kio) Vu 9050 fois
Cliquez ensuite sur OK
Votre zone de travail a désormais les bonnes dimensions :
screen2-1.jpg
screen2-1.jpg (34.88 Kio) Vu 9050 fois
---------------------------------------------------------------------------------------------------------------------

Maintenant il va falloir rajouter les différentes photos que vous souhaitez mettre dans votre signature.
Pour cela, il va être nécessaire de les redimensionner.

Laissez donc votre signature "vierge" de côté, allez chercher vos images, et ouvrez-les chacune avec Paint.

Pour ouvrir une photo avec Paint, 2 options :

- Faire un clic droit sur l'image :arrow: Ouvrir avec :arrow: Paint
a0c885aa.jpg
a0c885aa.jpg (46.01 Kio) Vu 9050 fois
OU

- Ouvrir simplement l'image en double-cliquant dessus, puis cliquer sur l'icône "Paint" en bas :
627ff2dd.jpg
627ff2dd.jpg (43.03 Kio) Vu 9050 fois
Zoom sur l'icône Paint :
6ae42c46.jpg
6ae42c46.jpg (570 Octets) Vu 9050 fois
Une fois votre image ouverte dans Paint, ça donne ça :
ebdbfd3d.jpg
ebdbfd3d.jpg (31.51 Kio) Vu 9050 fois

Pour la redimensionner, il faut ouvrir la fenêtre "Etirer/Incliner"

Pour cela, 2 solutions :

- Cliquer sur Image :arrow: Etirer/Incliner
298f02ec.jpg
298f02ec.jpg (33.42 Kio) Vu 9050 fois
OU

- Appuyer sur CTRL + W


Voici la fenêtre qui s'ouvre alors :
7ab63c68.jpg
7ab63c68.jpg (14.26 Kio) Vu 9050 fois
Dans les cases "Etirement horizontal" et "Etirement Vertical", il va falloir rentrer des pourcentages bien plus petits que 100% pour que l'image soit assez rétrécie pour la signature.
Je ne peux pas vous dire combien de pourcentages mettre, tout dépend du nombre de pixels de votre photo originale.
Mais il vous suffit d'essayer différents chiffres, et vous allez finir par tomber sur le bon ;)
(Je vous explique par la suite comment faire)
La seule chose essentielle à savoir est qu'il faut TOUJOURS rentrer LE MÊME CHIFFRE dans les 2 cases. (C'est pour garder les proportions d'origine de l'image, sinon vous allez avoir une image déformée)

Par exemple, pour cette photo, j'ai choisi un pourcentage de 18 :
396061bc.jpg
396061bc.jpg (15 Kio) Vu 9050 fois
Une fois que vous avez choisi le pourcentage, cliquez sur OK

J'obtiens :
0048f0b0.jpg
0048f0b0.jpg (11.63 Kio) Vu 9050 fois
Il faut maintenant vérifier que les dimensions obtenues me conviennent.
Pour cela, il faut avoir recours à nouveau à la fenêtre "Attributs" (Image :arrow: Attributs... OU CTRL + E)
screen3.jpg
screen3.jpg (24.01 Kio) Vu 9050 fois
Là j'obtiens donc 123 pixels de large pour 92 pixels de hauteur.
C'est parfait pour ce que je cherche à faire.
Si vous souhaitez mettre une bordure autour de vos photos semblable à celle utilisée pour la signature de Pat, 92 pixels de hauteur est impec (ça laisse 4 pixels en haut et 4 pixels en bas, c'est idéal) ;)



* Parenthèse *
Quand vous ne tombez pas sur les dimensions qui vous conviennent, il vous suffit de recommencer.
Par exemple, si après avoir rétréci votre image, elle est toujours trop grande, ou bien trop petite (vous vous en rendez compte grâce à la fenêtre Attributs - CTRL + E), il vous suffit d'annuler votre dernière action (Edition :arrow: Annuler OU CTRL + Z), et de réessayer avec un nouveau chiffre.

J'ai donné 123 x 92 à titre d'exemple, n'essayez pas forcément de tomber dessus tout pile.
Mais pour une signature contenant 5 images dans le sens de la largeur + une bordure, ce sont les dimensions idéales ;)

Suivant les pourcentages que vous avez entrés, vous tomberez soit sur ces dimensions, soit juste au-dessus, soit juste en-dessous.
Pas de panique si vous obtenez 127 x 96 par exemple (exemple au hasard).
Il vous suffit alors de vous servir de la fenêtre "Attributs".
Quand cela ne se joue qu'à quelques pixels près, vous pouvez entrer vous-même vos dimensions (par exemple ici, rentrer 123 au lieu de 127 et 92 au lieu de 96).
Attention : à ne faire QUE lorsque les chiffres obtenus sont les plus proches possibles du résultat souhaité
* Fin de la parenthèse *



Lorsque vous avez obtenu les dimensions qui vous intéressent, il vous faut copier l'image pour aller la coller sur votre "signature vierge" que vous avez laissée ouverte à côté.

Pour cela, dans la fenêtre où se trouve l'image :
Appuyez sur CTRL + A puis sur CTRL + C (ou CTRL + A puis Edition :arrow: Copier)

Retournez ensuite dans la fenêtre contenant votre signature vierge, et collez-y l'image.
Pour cela, appuyez sur CTRL + V ou cliquez sur Edition :arrow: Coller

Vous obtenez ceci :
a90ac032.jpg
a90ac032.jpg (14.33 Kio) Vu 9050 fois
Remarquez que l'image collée est entourée d'une bordure en poitillés bleus.
Tant que les pointillés sont toujours là, vous pouvez bouger l'image comme bon vous semble à l'aide de la souris.
Pour cela, il vous suffit de cliquer SUR l'image (Attention, ne pas cliquer à côté, sinon les pointillés vont disparaître).
Pour la déplacer, il vous suffit de rester cliqué sur l'image, et de faire glisser votre souris jusqu'à ce que l'image soit positionnée où vous le souhaitez.

Pour bien placer l'image, il vous faut vous servir de vos noeils :mrgreen:
Essayez de la placer de telle sorte à ce qu'il reste autant d'espace en haut, en bas et à gauche de l'image.

Par exemple :
6f09f770.jpg
6f09f770.jpg (12.15 Kio) Vu 9050 fois
Quand l'image est bien placée, vous pouvez cliquer à côté, les pointillés vont disparaître ;)

---------------------------------------------------------------------------------------------------------------------

Il vous faut maintenant rajouter les autres images.

Pour cela, recommencez les étapes décrites précédemment pour les redimensionner.

NB : Il est plus facile d'utiliser des images qui ont TOUTES la même taille d'origine (et qui sont toutes dans le même sens), cela facilite les manip pour les redimensionner ;)
Si ce n'est pas le cas, servez-vous de l'astuce avec la fenêtre "Attributs" (CTRL + E) pour réussir à obtenir les mêmes dimensions pour toutes vos images ;)
Le seul impératif pour vos images est qu'elles aient TOUTES la même hauteur (ici, 92 pixels de hauteur)

Lorsque chaque nouvelle image est redimensionnée, utilisez à nouveau le copier/coller pour la rajouter à votre signature.

Vous obtenez ceci après avoir collé la 2e image :
57f7e8a5.jpg
57f7e8a5.jpg (12.4 Kio) Vu 9050 fois
A chaque fois que l'on colle une image sur une autre, l'image collée va se mettre en haut à gauche, c'est normal ;)
Il vous faut donc la déplacer à l'aide de la souris (ne pas oublier de cliquer SUR l'image et pas à côté pour cela).
Placez-la à droite de la première image, en essayant de laisser le même espace entre les 2 que celui que vous avez laissé complètement à gauche de la première image (idem pour les espaces en haut et en bas de l'image).

Vous obtenez :
80187465.jpg
80187465.jpg (16.15 Kio) Vu 9050 fois

Renouvelez ces étapes jusqu'à ce que vos 4 images soient insérées dans la signature.

Vous obtenez :
4ff0d6b9.jpg
4ff0d6b9.jpg (25.07 Kio) Vu 9050 fois
---------------------------------------------------------------------------------------------------------------------

Vous pouvez maintenant vous attaquer à la bordure.

Pour cela, il vous faut choisir une couleur de bordure.

Trois solutions s'offrent à vous :

- Soit vous choisissez une des couleurs de base situées en bas de la page
df9c151e.jpg
df9c151e.jpg (4.37 Kio) Vu 9050 fois

- Soit vous choisissez une couleur personnalisée.
Pour cela, cliquez sur Couleurs :arrow: Modifier les couleurs
bd73e801.jpg
bd73e801.jpg (19.45 Kio) Vu 9050 fois
Voici la fenêtre qui s'ouvre :
d4a1dbca.jpg
d4a1dbca.jpg (18.67 Kio) Vu 9050 fois
Cliquez sur "Définir les couleurs personnalisées"

Vous obtenez :
ded90c53.jpg
ded90c53.jpg (30.95 Kio) Vu 9050 fois
Pour choisir une couleur, il faut d'abord cliquer dans la partie carrée pour choisir une sorte de teinte (dans les jaunes, les bleus, les verts, etc...).
Puis vous avez sur la droite ce que j'ai encadré en rouge. Là vous allez pouvoir choisir plus précisément la couleur qui vous convient parmi un dégradé de la teinte choisie ;)
(Vous pouvez changer de teinte en recliquant sur le carré de couleurs, et rechoisir dans le dégradé à droite après).
Une fois que vous avez choisi votre couleur et qu'elle apparaît bien dans le petit rectangle en dessous du carré de couleurs (cf image), cliquez sur OK


- Soit vous voulez reprendre une des couleurs déjà présentes sur les images de votre signature.
Pour cela, il vous faut utiliser l'outil "Prélèvement d'une couleur", c'est celui que j'ai encadré en rouge :
cf94dc65.jpg
cf94dc65.jpg (4.83 Kio) Vu 9050 fois
Une fois que vous avez cliqué dessus, votre curseur prend la forme de l'outil.
Il vous suffit alors d'aller cliquer sur la couleur qui vous intéresse dans vos images.
(Ici, j'ai cliqué sur une des rayures jaunes du coussin sur lequel Mila dort dans la 3e image par exemple).

Pour vous rendre compte de ce que donne la couleur que vous avez prélevée/choisie/définie, regardez la couleur qui apparaît à gauche de la palette de couleurs en bas de la page (cf ce que j'ai encadré en rouge) :
7d2843f3.jpg
7d2843f3.jpg (4.27 Kio) Vu 9050 fois
Il ne vous reste plus qu'à peindre la bordure de cette couleur.
Pour cela, utilisez l'outil "Remplissage"
d7918d07.jpg
d7918d07.jpg (4.67 Kio) Vu 9050 fois
Une fois l'outil sélectionné, votre curseur prend la forme d'un pot de peinture qu'on renverse.
Il vous faut alors aller cliquer sur la bordure encore blanche de votre signature.
Votre bordure est désormais de la couleur que vous souhaitiez :
c79816d8.jpg
c79816d8.jpg (24.98 Kio) Vu 9050 fois
Votre signature est prête!!! :mrgreen: :mrgreen: :mrgreen: :applause:


NB : Vous pouvez toujours rechanger la couleur de la bordure en recommençant les étapes pour choisir la couleur et en recliquant avec la nouvelle couleur sur la bordure ;)


---------------------------------------------------------------------------------------------------------------------


Complément : Ajouter du texte (le nom de votre chat par exemple) sur votre signature

Pour cela, il vous faut utiliser l'outil "Texte"
57cc9908.jpg
57cc9908.jpg (6.41 Kio) Vu 9050 fois
Attention : Assurez-vous bien que c'est le schéma du bas qui est sélectionné (cf image)
En effet, si vous prenez le premier, la zone de texte aura un fond blanc, alors que vous souhaitez que le texte s'inscrive directement sur votre image. ;)

Il vous faut maintenant définir votre zone de texte.
Pour cela, il faut que vous cliquiez sur votre image à l'endroit où vous voulez débuter votre texte, et sans relâcher le clic, vous étirez la zone jusqu'à ce qu'elle fasse la taille souhaitée.
La zone de texte apparaît en pointillés bleus.

Par exemple :
1e681441.jpg
1e681441.jpg (24.37 Kio) Vu 9050 fois
Lorsque vous créez votre zone de texte, la barre d'outils Texte s'ouvre (si non, vous pouvez l'ouvrir en cliquant sur Affichage :arrow: Barre d'outil texte)

Dans cette barre d'outils, vous pouvez choisir la police de votre texte, sa taille, si vous voulez qu'il soit en gras, souligné, en italique...
60916ebc.jpg
60916ebc.jpg (32.2 Kio) Vu 9050 fois
Pour la couleur du texte, servez-vous d'une des méthodes décrites pour choisir une couleur de bordure, c'est le même principe ;)

Après il vous reste juste à cliquer dans votre zone de texte, et à y écrire ce que vous souhaitez.
NB : Tant que vous ne cliquez pas en dehors de la zone en pointillés bleus, vous pouvez toujours modifier votre zone de texte (servez-vous pour cela des petits carrés bleus situés aux différentes extrémités de la zone de texte - cliquez sur l'un, ne relâchez pas le clic, et faites glisser votre souris dans la direction souhaitée, pour agrandir ou rétrécir votre zone de texte, la déplacer vers la gauche/droite etc...)
Attention : une fois que vous avez cliqué en dehors de votre zone de texte, vous ne pouvez plus la modifier

Bien sûr, si le résultat ne vous convient pas et que vous voulez réessayer, appuyez sur CTRL + Z (ou bien Edition :arrow: Annuler) et recommencez depuis la création de la zone de texte.


Voilà le résultat :
7d7cc9f4.jpg
7d7cc9f4.jpg (24.1 Kio) Vu 9050 fois

Il ne vous reste plus qu'à enregistrer votre image :
Fichier :arrow: Enregistrer sous...

(Vous pouvez soit l'enregistrer directement en JPEG, soit, si la qualité est moyenne, tenter de l'enregistrer en TIFF et d'utiliser The JPEG Wizard pour la compresser en JPEG... Parfois le résultat obtenu est meilleur que lorsqu'on enregistre directement en JPEG) ;)

Et voilà le travail! :mrgreen:

Il ne vous reste plus qu'à l'héberger sur le net et à l'insérer dans votre profil. Pour apprendre à faire cela, vous pouvez lire ce TUTORIEL qui explique la marche à suivre.

;)


---------------------------------------------------------------------------------------------------------------------

En fait, quand on maîtrise les raccourcis clavier, c'est vraiment facile et rapide.
Voici ceux que vous avez besoin de retenir :

CTRL + A = Tout sélectionner
CTRL + C = Copier
CTRL + V = Coller
CTRL + E = Attributs de l'image (pour voir son nombre de pixels)
CTRL + W = Etirer/Incliner l'image (pour la redimensionner)
CTRL + Z = Annuler

(Ces raccourcis sont affichés dans Paint dans le menu, à côté de chaque action) ;)


Si vous souhaitez réaliser une bordure avec plusieurs couleurs, pour former des sortes de petits cadres autour de chaque image (cf la signature de Sab) :
2c53b2fe.jpg
2c53b2fe.jpg (10.16 Kio) Vu 9050 fois
Alors dites-le moi et je vous expliquerai comment faire ;)
Il suffit juste d'utiliser un autre outil, je vous dirai ça ;)

Voilà, j'espère que ça ne vous paraît pas impossible à faire, c'est vraiment SIMPLE ;)
Image
SVP --> Avatars & Signatures : 100 ko maximum - Merci! ;)
Verrouillé