Un badge dans la conception de sites Web signifie une sorte de badge que tout le monde connaît, qui contient généralement des informations sur une section d'un site, un sujet spécifique ou des services du site. Les badges peuvent avoir différentes formes, à la fois simples (formes géométriques) et plus complexes (combinaison de plusieurs formes).
Nécessaire
Logiciel Adobe Photoshop
Instructions
Étape 1
Après avoir lancé l'éditeur graphique, appuyez sur le raccourci clavier Ctrl + N (créer un fichier). Dans la fenêtre qui s'ouvre, vous devez indiquer qu'un document RVB de forme carrée de dimensions 600 px est en cours de création, il est souhaitable d'utiliser un fond blanc.
Étape 2
Dans la partie gauche de la fenêtre du programme se trouve une barre d'outils, cliquez sur l'outil Forme personnalisée, des paramètres supplémentaires apparaîtront dans le panneau supérieur, parmi lesquels vous pourrez choisir la forme du futur badge. Dans la zone de liste déroulante Forme, sélectionnez n'importe quelle forme. Si vous ne trouvez pas de forme appropriée, cliquez sur la flèche et sélectionnez la collection Objet de formes.
Étape 3
Créez une forme dans le document en l'étirant avec le bouton gauche de la souris. Utilisez la commande Rasteriser le calque du menu contextuel pour superposer un raster sur une image.
Étape 4
Sélectionnez ensuite la forme de la manière standard ou en utilisant la touche Ctrl, qui doit être serrée simultanément en cliquant avec le bouton gauche de la souris sur le calque avec la forme créée.
Étape 5
Allez dans le sélecteur de couleurs et sélectionnez 2 couleurs (premier plan et arrière-plan), une couleur doit être légèrement plus foncée que l'autre. Cliquez sur l'outil Dégradé et tracez une ligne sur l'image. S'il s'agit d'une forme simple, comme un carré, tracez une ligne à partir du coin supérieur gauche et arrêtez-vous dans le coin inférieur droit.
Étape 6
Pour désélectionner une forme, utilisez le raccourci clavier Ctrl + D. L'image résultante doit être traitée, c'est-à-dire ajouter quelques effets. Sélectionnez le calque de forme et cliquez sur le bouton "Filtres" dans le panneau des calques. Appliquez un filtre Ombre portée avec les paramètres suivants: Opacité-20, Angle-120, Distance-10, Taille-15.
Étape 7
Appliquez ensuite un filtre Bevel and Emboss avec les paramètres suivants: Style-Inner Bevel, Technique-Chisel Hard, Size-2.
Étape 8
Ensuite, vous devez créer un nouveau calque. Pour ce calque, vous devez réinitialiser toutes les couleurs, cela peut être fait en appuyant sur la lettre anglaise D du clavier. Sur la palette d'outils, utilisez la "Sélection ronde" et faites une sélection du bord de votre forme. Dans le panneau Calques, définissez les paramètres suivants: Calques-Éclaircir, Opacité-20.
Étape 9
Remplissez le nouveau calque de blanc et désélectionnez. Il ne reste plus qu'à ajouter des informations sur la section du site ou sur n'importe quel mot de votre choix. Pour ce faire, utilisez l'outil Texte.
