Tutoral sur Paint.NET : Les bases

Voir le profil Envoyer un message privé Daru13	Posté le 25 Nov 2007 à 02:31
Messages : 2884 GCPoints : 108090	Tutorial pour Paint.NET : Les bases Pour telecharger ce tuto en .doc, cliquez-ici ( Megaupload ).* - Capitres 1 à 4 ( mis à jour le 29-11-07 ) Ce tuto n’a pas pour but de vous détailler chaque fonction de Paint.NET, mais de vous en expliquer les bases. Vous découvrirez ici les différentes parties de Paint.NET et les outils de dessin / de sélection. A vous de découvrir effets variés et autres. Je vous parlerais brièvement des couleurs et des calques, mais sans rentrer dans le vif du sujet. Avant tout, il vous faut télécharger le logiciel si ce n’est pas déjà fait ! C’est un logiciel gratuit, pas de problème donc. Vous pouvez le télécharger en cliquant ici. Une fois installé, lancez-le et c’est parti ! 1- Les différentes parties du logiciel : L'image étant trop grande, cliquez ici pour la visualiser. Nous allons de suite commencer avec la disposition des barres d’outils et fenêtres de Paint.NET. J’ai placé des cadres colorés, repérez-les et reportez-vous à la légende ci-dessous pour connaître le nom et l’utilité de cette partie : Vert : Ce sont les habituels menus fichier, édition, affichage, etc… Ainsi que leur raccourcis. Je ne vous expliquerais pas (ici du moins) à quoi servent-ils, à vous de le découvrir, c’est pas trop dur. Rouge : Cette barre d’outils varie en fonction de l’outil choisi Vous trouverez entre autres l’épaisseur des traits, où le diamètre d’un pinceau, qui se modifie souvent, ainsi que l’inévitable jauge de « tolérance », qui définie … la tolérance lors d’un sélection ou d’un remplissage. Jaune : Très utile, je vous expliquerais l’utilité de cette partie dans le chapitre suivant. C’est simplement là ou vous choissiez l’outil de tracé ou de sélection que vous voulez utiliser. Noir : Partie importante est simpliste d’utilisation : l’historique de vos sélections / de vos tracés. Vous pourrez ainsi revenir en arrière, si vous vous trompez, avec aucune limites. Rose : Vous devez l’avoir deviner, c’est votre feuille de dessin, en quelque sorte. Marron : Cette petite fenêtre est bien utile, car vous pourrez ici ajouter, supprimer, fusionner ou paramétrer des calques, chose importante lors d’assemblages importants d’éléments. Bleu : Cette dernière partie est simplement la sélection des couleurs. En cliquant sur le bouton « Plus >> », vous pourrez accéder au code HTML, et au niveaux de coloris RVB et TSV de votre couleur actuelle. Vous pourrez aussi mettre de la transparence dans vos couleurs. Nous avons terminé la partie des… différentes parties de Paint.NET. Aller, on attaque avec la seconde (et dernière pour l’instant) partie, qui concerne les outils de tracé et de sélection. 2- Outils de tracé et de sélection : Cette petite fenêtre vous servira bien souvent ! Chaque outils à son utilité, et je vais vous les détailler ci-dessous. 1- Sélection rectangulaire : effectuez une sélection de forme rectangulaire. 2- Sélection lasso : effectuez une sélection de forme libre, mais intelligente. Testez-la pour comprendre ce que je dis. 3- Sélection ovoïde : effectuez une Sélection de forme ronde ou ovale. 4- Baguette magique : Très utile, elle vous permettra de sélectionner une partie dont les pixels sont « similaires les uns des autres ». Pensez à changer la tolérance pour de plus précis résultats. 5- Pot de peinture : Coloriez une zone « aux pixels similaires ». Modifiez là aussi la tolérance pour des résultats meilleurs. 6- Pinceau : Pour tracer des traits et des courbes. Vous pouvez modifier la taille du pinceau ici. 7- Crayon : similaire au pinceau, à la seul différence qu’on ne peut modifier la taille « de la mine ». Et il n’y a pas d’anti-aliashing avec le crayon. 8- Tampon: Permet de cloner une zone de l'image pour venir la coller dans une autre zone de la même image. Sélectionnez le point d'origine du clonage (donc la zone à cloner) en utilisant la combinaison de touches CTRL + Clic gauche. Une fois le point d'origine sélectionné, cliquez avec le bouton de gauche dans la zone de destination (donc la zone qui va recevoir l'image clonée). Il ne reste plus qu'à redessiner l'image en utilisant le bouton de gauche de la souris. Cette fonction peut servir dans le cas où vous voudriez faire disparaître un défaut dans une image ou bien un élément perturbateur (Exemple : Une photo de ciel bleu dans laquelle il y aurait un avion, le tampon vous permettrez de cloner une partie du ciel pour masquer l'avion). 9- Texte : Petit éditeur de texte. Mais il n’est pas très évolué. 10- Rectangle – angles droits : Tracez des rectangles (remplis ou non d’une couleur) avec des angles droits. 11- Ovale : Tracez des ronds et des formes ovoïdes avec cet outil. Vous pouvez également en tracer des remplis. 12- Déplacement de sélection : Déplacez une sélection avec cet outil. 13- Redimensionnent de sélection : Redimensionnez une sélection avec cet outil. 14- Loupe : Egalement accessible via une barre d’outils (entourée de vert ci-dessus). Cet outil vous permet simplement de zoomer votre image. 15- Panoramique: Cette fonction permet de déplacer l'image dans l'interface de Paint.NET. Cette fonction est utile lorsque l'on désire se déplacer dans une image dont la taille d'affichage est supérieure à la surface d'affichage de l'écran. Elle est également utile pour se déplacer dans une image agrandie par un zoom avant. 16- Dégradé : Existants en plusieurs « formes », les dégradés sont plutôt sympas. Utilisez cet outil pour en faire. 17- Gomme : Elle n’applique pas seulement du blanc, mais de la transparence à votre dessin. Pour conserver cette transparence, enregistrez votre image aux format .png ou .gif (liste courte et non exclusive des formats d’image gérants la transparence). Vous pouvez régler la taille de la gomme. 18- Pipette : Vous avez trouvé une couleur qui vous plait, et vous voulez la reporter autre part ? Utilisez donc la pipette ! Cliquez simplement sur la couleur de votre choix pour la sélectionner dans la fenêtre des couleurs 19- Inversion des couleurs : Assez peu utilisé, cette fonction inverse les couleurs de votre image, ou de votre sélection. A essayer, amis seulement pour le fun, sinon, pas de grande utilité… 20- Ligne – Courbe : Pratique, cette fonction vous permet de tracer de lignes, mais également d’en modifier la forme via 4 points à disposer comme l’on veux. 21- Rectangle – angles arrondies : Tracez des rectangles (remplis ou non d’une couleur) avec des angles arrondies. 22- Polygone : fonction assez complexe, qui vous permet de tracer des polygones simplement en définissant les angles. L'image étant trop grande, cliquez-ici pour la visualiser. 1- Pot de peinture 2- Dégradé 3- Pinceau ( 2 ) 4- Crayon 5- Gomme (transparence) 6- Outil de texte 7- Rectangle – angles droits 8- Rectangle – angles arrondis 9- Forme ovale 10- Polygone Voila, le tuto s’arrête ici. Entraînez-vous, j’essaierais de trouver quelques défis pour vous. Et rassurez-vous il y aura une suite à ce tuto. 3- La barre d’outil principale (Cadre vert) : Cette barre d’outil ne changera jamais, quelque soit l’outil que vous avez choisi. Plutôt utile, elle vous permettra entre autre de sauvegarder votre image, de zoomer ou de dé zoomer… Je n’ai ici cité que les fonctions les plus utile, et utilisées. Pour connaître l’utilité de chaque bouton, lisez ce lexique et reportez-vous à l’image au dessus, ou vice-versa. Sans interaction avec l’image : 1- Nouveau : créer une nouvelle image. Par défaut, la taille est de 800600. Nous verrons comment paramétrer ça dans un futur chapitre. 2- Ouvrir : simplement pour ouvrir une image 3- Sauvegarder : fonction très pratique, puisqu’elle enregistre (« sous » ou non, on le verra plus tard) les modifications apportés à votre image. 4- Imprimer : cette option ouvre l’utilitaire d’impression d’image. Avec interaction avec l’image :* 5- Couper : coupez votre sélection avec ce bouton 6- Copier : copiez votre sélection avec ce bouton 7- Coller : collez votre sélection avec ce bouton 8- Rogner sur la sélection : supprime la partie de l’image extérieur à votre sélection 9- Désélectionner : simplement pour supprimer votre sélection, pas son contenu. 10- Retour arrière : annulez la (ou les) dernière(s) action(s) effectuée(s). Plus d’infos dans un futur chapitre sur l’historique. 11- Recommencer : refaites la (ou les) dernière(s) action(s) effectuée(s). Plus d’infos dans un futur chapitre sur l’historique. 12- Zoom - : dé zoomez au niveau inférieur. 13- Zoom : choissiez le zoom que vous désirez. Le minimum est de 1%, par défaut c’est 100%, et le maximum est 3200%. Entre, hors les zooms « pré rentrés », vous pouvez choisir le zoom de votre choix, tant qu’il est compris entre 1% et 3200%. 14- Quadrillage 11 : choissiez d’afficher ou non un quadrillage dont les cellules font toutes 11 pixel. Sans intéraction avec l'image : 15- Règles : plutôt pratique, ce bouton activé, des règles dont les graduations varient selon l’unité choisi apparaissent. 16- Unité de mesure : définissez l’unité de mesure. Vous pouvez choisir entre « pixels », « pouces » et « centimètres ». 4- Les Calques : Voici une fonction pratique que propose souvent que les logiciels payants : Les calques. Les calques vous permettent d’assembler des images facilement, ou de mettre des effets à des images. La fenêtre des calques se trouve en bas à droite par défaut (cadre marron). Il faut savoir que les calques se superposent. Donc si « calque 3 » est au dessus de « calque 2 » qui est lui même au dessus de « arrière-plan », alors l’image du « calque 3 » sera « dessus » celle du « calque 2 » qui sera elle-même au « dessus » de « l’arrière-plan ». Sachez aussi que « arrière-plan » est le calque le plus « en dessous », vous ne pourrez qu’en mettre au dessus. Pour que vous compreniez mieux, regardez cette image et reportez-vous à la légende ci-dessous. 1- Nouveau calque : ajoute un nouveau calque au dessus de celui sélectionné actuellement 2- Suppression : supprimez le calque sélectionné actuellement. « Arrière-plan » ne peut être supprimé 3- Dupliquer : Copie le calque actuellement sélectionné et le rajoute au dessus 4- Fusionner : Fusionne le calque actuellement sélectionné avec celui d‘en dessous 5- Monter le calque : déplace le calque actuellement sélectionné « au dessus » 6- Descendre le calque : déplace le calque actuellement sélectionné « en dessous » 7- Propriétés du calque : ce bouton vous ouvre les propriétés du calque actuellement sectionné 8- Afficher ? : si vous décochez cette case, le calque ne sera pas supprimé, mais invisible. 9- Nom du calque : nom du calque sélectionné actuellement. Maintenant, voyons comment paramétrer les propriétés des calques, chose très pratique ! Ce chapitre est très important, et vous devrez vous servir de ça dans de futur (proches ^^) TP. 1- Nom : modifiez le nom de ce calque 2- Mode d’affichage : quel mode d’affichage voulez-vous utiliser avec ce calque (voir plus bas) 3- Opacité : réglez ce détail utile via la glissière (à droite) ou la valeur (à gauche). Sachez que « 255 » est opaque à 100% et « 0 » est totalement transparent Mode d’affichage : Les modes d’affichages vont varier la façon dont le calque va s’afficher. Il en existe un certain nombre, et en jouant avec l’opacité, vous pouvez arriver à de bons résultats. Voici la liste des modes ainsi que leur effets : 1- Normal : aucun effet 2- Multiplicateur : assombrit beaucoup 3- Additif : éclaircit énormément 4- Densité couleur + : Assombrit énormément 5- Densité couleur : Ravive les couleurs 6- Reflet : assombrit tout sauf les sources lumineuses 7- Brillance : même effet 8- Superposition : donne un effet d’incrustation 9- Différence : effet assez semblable au négatif 10- Négatif : effet de négatif 11- Eclaircissement : éclaircit ; peut aussi rendre « flashy » 12- Assombrissement : assombrit 13- Ecran : éclaircit beaucoup 14- OU EXCLUSIF : Je en sais pas comment le décrire, a vous de voir. Mais on en s’en sert généralement presque jamais. Maintenant que vous savez manier les calques, entraînez vous et essayez d’appliquer des effets à vos images. Chapitre 5 : Les flous Les flous sont très pratiques, et ils ont plusieurs utilités (vous en avez vu une dans le faux TP) : Avec, vous pouvez - entre autre – rendre flou (sans blagues) une image ou une sélection, donner un effet d’anti-aliasing ou de dégradé, incruster une image dans une autre… bref, les flous sont très polyvalents. Paint.NET en gère plusieurs : - Défocalisation : ce flou « élargi » chaque pixel de l’image ou de la sélection. - Flou de déplacement : Ce flou simule l’effet obtenu sur une photo lorsque ça a bougé, en quelques sortes. On peut aussi obtenir des effets de perspective avec ce flou. - Flou de zoom : Effet semblable au flou précédent, le flou de déplacement. - Flou gaussien : Effet semblable à la Défocalisation, sauf qu’il élargi plus « les cotés » que l’ensemble. On garde ainsi plus la forme de base. - Flou radial : Ce flou sert plus rarement que les autres. L’effet obtenu est semblable à un flou de déplacement, sauf que ce flou semble « se faire aspirer » vers un point donné. Les flous se trouvent dans le menu « Effets » puis « Flous ». Chapitre 6 : Petites astuces Ce chapitre à pour but de vous aider lors de créations. Vous y trouverez des options sympas ainsi que des raccourcis… - Inversement de sélection : Ceci vous permet de sélectionner tout ce que vous n’avez pas sélectionnez dans votre image, en supprimant en même temps votre sélection active. En gros, ça inverse votre sélection. Trouvez cette option dans le menu « Edition ». Sinon, utilisez CTRL + I - Ajout de sélection : Imaginez que vus avez sélectionnez une partie de votre image, mais que vous avez envie de sélectionner aussi une autre partie en même temps. Eh bien c’est tout simple : gardez la touche CTRL enfoncée et sélectionnez cette autre partie. Vous pouvez le faire autant de fois que vous voulez ! Sinon, connaissez-les raccourcies de base, qui marche avec de nombreux autres programmes : Couper : CTRL + X Copier : CTRL + C Coller : CTRL + V Sélectionner tout : CTRL + A Les définition "Panoramique" (15) et "Tampon" (8) sont sous le copyright de "Astuceinternet.com". © Daru13 - 2007 – Si vous copiez ce tuto, merci d’en préciser la source et l’auteur (Daru13 entièrement). Dernière édition le 27 Déc 2007 à 17:23
Voir le profil Envoyer un message privé MageNoir	Posté le 25 Nov 2007 à 02:31
Messages : 724 GCPoints : 16803	Hey ! Bon tuto, vivement la suite ! ==* M@G€NO!R ==*
Voir le profil Envoyer un message privé Voir le site stilobique	Posté le 25 Nov 2007 à 10:11
Messages : 2387 GCPoints : 841900	J'ai regarder vite fait, l'interface à l'air assez classique ^^ Pour le 7 et le 15 regarde le nom dans l'aide au moins ;) Le 7 je pense que c'est l'outil tampon pour la retouche de photo je vais tâter sa prochainement pour te dire :) (___/) (='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature (")_(") pour l'aider à concrétiser sa domination du monde.
Voir le profil Envoyer un message privé Mod	Posté le 25 Nov 2007 à 10:26
Messages : 4954 GCPoints : 2100823	N'hésite pas à poster ce tutoriel via le menu "vos articles" à gauche, il apparaîtra ainsi dans la liste du site. Je n'aurai qu'à rajouter une section logiciels/Paint.NET dans la catégorie graphisme. Let's make some tweets
Voir le profil Envoyer un message privé Huntil	Posté le 25 Nov 2007 à 11:01
Messages : 1012 GCPoints : 289843	Daru13 a écrit : Ce tuto n’a pas pour but de vous détailler chaque fonction de Paint.NET, amis de vous en expliquer les bases. =mais ? Sinon c'est bien de faire des tutos. Moi j'aimerais bien pouvoir en faire, mais je croit qu'il va falloir d'abord que j'en lise :^^: Copyright © 2007 - 2010 Huntil "Il faut toujours un drame"
Voir le profil Envoyer un message privé Mod	Posté le 25 Nov 2007 à 11:41
Messages : 4954 GCPoints : 2100823	Dès lors que tu as des connaissances assez complètes que tu puisses transmettre, c'est bon ;). Let's make some tweets
Voir le profil Envoyer un message privé Daru13	Posté le 25 Nov 2007 à 11:46
Messages : 2884 GCPoints : 108090	Merci pour ces commentaires . Alors je réponds à vos questions / remarques : @Huntil : Oui, j'écrit vite, mais en revanche, je fais pas mal de fautes. Bon, là il y en a très peu parsque je l'ai tapé sur Word... ( Je fais souvent les fautes "aps" pour "pas" et "amis" pour "mais" :roll: ) @Mod : Vi, je vais le faire . Merci pour l'ajout de la section ;) . @Killpatate : Je vais voir ce que je peut faire ( avant de l'envoyer dans "mes artciles" ;) ), et j'édite le 1er post. @MageNoir : Merci :^^: . Pour la suite, si vous avez envi d'une aprtie particulière avant une autre, ditez-le moi. Je pensais aux calques, qui sont très pratiques...
Voir le profil Envoyer un message privé Huntil	Posté le 25 Nov 2007 à 11:48
Messages : 1012 GCPoints : 289843	@Mod: alors je peux peut-être faire un tuto pour paint ou pour le bloc-notes de windows 8) Copyright © 2007 - 2010 Huntil "Il faut toujours un drame"
Voir le profil Envoyer un message privé Daru13	Posté le 25 Nov 2007 à 11:58
Messages : 2884 GCPoints : 108090	Bloc-note :roll: ...
Voir le profil Envoyer un message privé Huntil	Posté le 25 Nov 2007 à 12:00
Messages : 1012 GCPoints : 289843	pourquoi trois petits points après bloc-notes ? Copyright © 2007 - 2010 Huntil "Il faut toujours un drame"
Voir le profil Envoyer un message privé Daru13	Posté le 25 Nov 2007 à 12:03
Messages : 2884 GCPoints : 108090	Hhhmm bhaaa... Que veux-tu apprendre par rapport au bloc-note ? Paint, d'ac y a quelques trucs à apprendre, mais bloc-note je vois pas .
Voir le profil Envoyer un message privé Mod	Posté le 25 Nov 2007 à 12:06
Messages : 4954 GCPoints : 2100823	@ Huntil : ne rigole pas avec Paint, il y a des tutoriaux de spriting très sérieux qui l'utilisent ^^. Pour ce genre de création, c'est la simplicité de l'outil qui fait parfois sa force. Let's make some tweets
Voir le profil Envoyer un message privé Huntil	Posté le 25 Nov 2007 à 12:07
Messages : 1012 GCPoints : 289843	Comment l'ouvrir, taper du texte, enregistrer, et fermer. Waw, déjà quatres chapitres !! Copyright © 2007 - 2010 Huntil "Il faut toujours un drame"
Voir le profil Envoyer un message privé Voir le site stilobique	Posté le 25 Nov 2007 à 12:13
Messages : 2387 GCPoints : 841900	Encore mieux, comment remplacer Bloc Note par Notepad 2 ou Notepad ++ :D (___/) (='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature (")_(") pour l'aider à concrétiser sa domination du monde.
Voir le profil Envoyer un message privé Daru13	Posté le 25 Nov 2007 à 12:17
Messages : 2884 GCPoints : 108090	@Killpatate : En gros, comment enregistrer un programme .
Voir le profil Envoyer un message privé Huntil	Posté le 25 Nov 2007 à 12:17
Messages : 1012 GCPoints : 289843	Daru13, pour les outils que tu ne connais pas et plus de précisions: http://www.astucesinternet.com/modules/news/article.php?storyid=232 J'ai remarqué que quand on faisait une sélection, un rectangle par exemple, on pouvait ensuite choisir un autre outils de sélection, rond par exemple pour le modifier. Comme ça on peut faire un carré sans le centre. Ca peut etre pratique. Sans conter tous les outils disponibles dans la barre principale. Tu as de quoi écrire :^^: Copyright © 2007 - 2010 Huntil "Il faut toujours un drame"
Voir le profil Envoyer un message privé Daru13	Posté le 25 Nov 2007 à 12:35
Messages : 2884 GCPoints : 108090	VI je sais, il suffit d'utiliser la touche CTRL ;) . Elle vous permet soit de selectioner plusieurs parties séparés d'une image, soit, lorsque vous utilisez un outil de selction + CTRL dans une selection, vous enlevez une partie de la selection. Voui, d'accord, je ne suis pas très clair :gni: . Et merci pour le lien, j'vais voir ça et modifier de ce pas . EDIT : C'est bon, j'ai ajouté les définition, précisé la source de ces dernière, et corrigé le "amis" en "mais" . J'envois le tuto illico, Mod :) .
Voir le profil Envoyer un message privé Voir le site akuma	Posté le 25 Nov 2007 à 13:02
Messages : 249 GCPoints : 39655	Désoler de te dire sa mais je penses que Photo Filtre (version gratuite) et mieux qualifier pour faire cela. Aussi tu devrais espacer sa donen pas envi de lire Citation : 15- Panoramique: Cette fonction permet de déplacer l'image dans l'interface de Paint.NET. Cette fonction est utile lorsque l'on désire se déplacer dans une image dont la taille d'affichage est supérieure à la surface d'affichage de l'écran. Elle est également utile pour se déplacer dans une image agrandie par un zoom avant. 16- Dégradé : Existants en plusieurs « formes », les dégradés sont plutôt sympas. Utilisez cet outil pour en faire. 17- Gomme : Elle n’applique pas seulement du blanc, mais de la transparence à votre dessin. Pour
Voir le profil Envoyer un message privé Mod	Posté le 25 Nov 2007 à 13:22
Messages : 4954 GCPoints : 2100823	Voilà, tutoriel ajouté au site, et accessible ici : http://www.mod-creations.info/gamecorp/tutorial-10.html. Bien écrit, et pas beaucoup de fautes d'orthographes, la correction n'aura pas pris longtemps ^^. Juste deux petites choses à noter : Citation : liste courte et non exclusive des formats d’image gérants la transparence liste courte et non exhaustive Citation : Merci d’avoir lu ce tuto, j’espère que mes informations se relèveront le plus possibles exactes. se révèleront Bon à savoir pour plus tard ;). Let's make some tweets
Voir le profil Envoyer un message privé Daru13	Posté le 25 Nov 2007 à 13:29
Messages : 2884 GCPoints : 108090	Bon, je veins d'écrire la partie qui cocnerne la barre d'outil qui ne varie jamais, celle en dessous des menus fichiers, edition... Tu peut l'ajouter au tuto, Mod ? Il faut juste supprimer une phrase ou deux à la fin. J'édite le 1er post ;) .