(Tutoriel réalisé sur la version 3.3 de PDN)
Bonjour !
Sur ce tuto, nous allons découvrir ensemble l'utilisation de plusieurs outils sur Paint.Net, par l'intermédiaire d'un travail pratique :
La réalisation d'une "userbar" (assez large pour débuter).
C'est parti !
Ouvrez Paint.Net, sélectionnez un rectangle de
360 sur
90 pixels, par exemple.
(Voyez dans la barre d'état, tout en bas, les dimmensions s'affichent lors de la sélection)
Puis rognez selon la sélection

.
Ensuite, sélectionnez tout (Ctrl+A) et supprimez la sélection (Suppr).
Bien ! A partir de maintenant, tout est possible...
Arrière-plan :
Choisissez deux couleurs : une primaire et une secondaire. (j'ai choisi
marron clair et
marron foncé)
Et prenez l'outil remplissage

.
Dans les options, choisissez une texture de remplissage. J'ai pris
Grand damier, mais c'est selon votre bon vouloir. Vous pouvez tout aussi bien mettre une photo : c'est pour faire un arrière-plan.
Ombre de profondeur :
Ensuite, créez un nouveau calque

.
Que vous nommerez (dans les propriétés

) "Ombre noire".
Sur ce calque, nous allons faire un dégradé noir et transparent :
Prenez l'outil dégradé

et choisissez les couleurs par défaut : noir et blanc. (Pour faire rapide : cliquez sur la miniature dans le coin en bas à gauche, des deux couleurs actives.)
Puis sélectionnez votre couleur secondaire (blanc), déployez la palette (bouton
Plus >>), et réduisez la couleur blanche à Zéro d'opacité (Transparence - Alpha).
Maintenant, déployez un dégradé à partir du haut, vers le bas.
Puis réduisez l'opacité du calque à
160 environ, dans ses propriétés

.
Bien ! Après avoir fait cette ombre noire, nous allons faire une ombre
foncée !
Quelle différence ? C'est simple : l'ombre n'est plus de couleur noire, elle fonce les couleurs présentes sur le calque du dessous.
Dupliquez

le calque "Ombre noire".
Dans les propriétés

, renommez-le "Ombre couleur". Puis dans le volet des modes de fusion, sélectionnez "Superposition". Et rétablissez l'opacité à
255.
C'est un peu trop foncé.
Allez donc dans les propriétés de "Ombre noire" et réduisez l'opacité à
60.
N'est-ce pas mieux ?
Pour voir la différence, masquez (dé-cochez) le calque "Ombre noire". Vous verrez que le calque "Ombre couleur" fonce les couleurs, mais n'ajoute pas de noir.
Ça fait plus naturel.
Image :
Maintenant, nous allons ajouter une image. Cherchez un personnage, un logo, ou ce que vous voulez. Pourvu que le fond soit transparent.
Pour moi, ce sera cette image :
Créez un nouveau calque

, et nommez-le "Image".
Puis collez votre image dedans (si l'image dépasse, choisissez "Ne pas agrandir la zone de dessin" ).
Réduisez la taille avec les poignées, si besoin. Faites-le en maintenant la touche Majuscule enfoncée, pour garder les proportions.
Une fois fini, vous pouvez monter d'un cran ce calque

, pour que l'ombre soit moins profonde.
Bien ! Maintenant, nous allons faire une ombre portée, à cette image.
Positionnez-vous sur le calque "Arrière-plan", puis créez un nouveau calque

(nommez-le "ombre img" par exemple).
Sélectionnez le calque "Image" et prenez la baguette magique

. Utilisez le mode de remplissage
Global et sélectionnez la couleur transparente.
Dé-cochez le calque Image, ce sera plus clair.
Sur le nouveau calque inversez la sélection (Ctrl+I). Puis remplissez-la de couleur noire (mode de remplissage "Couleur unie", de préférence).
Dé-sélectionnez. Puis dans le menu
Effets > Flous, appliquez un
Flou gaussien de 15 pixels environ.
Voilà !
Vous pouvez re-cocher le calque Image.
Diagonales :
Pour faire joli, on va faire des diagonales.
Réduisez l'opacité de la couleur secondaire à zéro. Et prenez la couleur noire en primaire.
Créez un nouveau calque, tout en haut. (je l'ai nommé "diag noires" )
Prenez le pot de peinture et sélectionnez le mode de remplissage "
Diagonales serrées vers le bas".
Et clic ! Remplissez !
Argh !

Mais c'est moche !
Je vous rassure, on va améliorer ça. Avant, on va faire la même chose, mais en blanc.
Vous connaissez la manip : nouveau calque (je l'ai nommé "diag blanches" ), couleur primaire clic...
Le souci, c'est que les diagonales se superposent. Nous allons donc les déplacer :
Sélectionner tout (Ctrl+A), outil déplacement

. Puis copier le calque (Ctrl+C).
Ensuite, le déplacer de deux pixels vers la droite : frappez deux fois la touche -> du clavier.
Enfin, coller l'image copiée (Ctrl+V) et la déplacer de deux pixels vers la gauche, cette fois (pour boucher le trou).
Maintenant, pour les deux calques de diagonales, nous allons sélectionner l'option de fusion "Superposition", et l'opacité à 50.
De cette manière, le motif vient s'incruster légèrement.
Voilà ça de fait !
Un reflet :
Bien ! Maintenant, nous allons terminer par un reflet :
Prenez l'outil
Ellipse 
, réglez le mode "
Forme pleine" et tracez un ovale blanc. Comme ceci :
Déployez votre ellipse en partant d'un bon centimètre au dessus d'un coin. Puis ajustez de façon à ce que les bords se placent idéalement sur les coins.
Sélectionnez tout (Ctrl+A), prenez l'outil déplacement

et réduisez la hauteur.
Bien !
Maintenant, la touche finale :
Prenons l'outil dégradé. Et sélectionnez le mode "Transparence" !
Ceci va nous permettre de rendre transparent la partie "couleur secondaire" du dégradé. Aussi, rétablissez toute l'opacité de la couleur secondaire, sinon on va avoir un problème.
Vous n'avez pas compris ?

Pas grave, vous allez vite percuter :
Faites un dégradé du haut vers le bas, sur le reflet.
Ensuite, faites de même en partant du milieu, et en allant sur un côté. Puis faites pareil pour l'autre côté :
Enfin, si vous voulez un reflet plus naturel, vous pouvez dupliquer le calque

et mettre celui du dessous en mode "Superposition".
Terminé ! Ouf !
Il ne vous reste plus qu'à sauvegarder. Je vous conseille de garder le fichier
.pdn (avec tous les calques). Car une fois tout aplati, c'est beaucoup plus dur de changer... Ainsi, par la suite, rien ne vous empêchera d'ajouter du texte, d'autres images, ou de modifier quelques calques.
Merci d'avoir suivi et à bientôt pour d'autres tutos !

Message édité par Alain Ternaute le 14-12-2011 à 18:32:31