Dessiner un bouton élégant pour un site Web dans Photoshop n'est pas si difficile. Ce processus ne vous prendra que 10 à 20 minutes. Le bouton que vous pouvez créer avec ce tutoriel se trouve sur un fond clair. En option, vous pouvez placer le bouton sur un fond sombre. Et montrez également votre imagination et créez-la dans un style qui s'intégrera dans la conception de votre site.
Instructions
Étape 1
Créez un nouveau document à l'aide du raccourci clavier Ctrl + N.
Étape 2
Définissez la taille souhaitée, par exemple 200 par 100 pixels.
Étape 3
Le document a été créé. Vous pouvez maintenant commencer à créer le bouton.
Étape 4
Sélectionnez l'outil Rectangle arrondi U dans la palette d'outils. Sélectionnez ensuite le mode Couche de forme, qui se trouve sous le menu principal dans la barre des options, pour les paramètres de l'outil actif.
Étape 5
Dessinez un bouton dans le document. Dans cet exemple, la couleur de premier plan est le noir, donc le bouton est noir. Ensuite, nous sélectionnerons une couleur appropriée pour cela.
Étape 6
Pour ce faire, accédez à la palette Styles et sélectionnez le style approprié pour notre bouton.
Étape 7
Cet exemple utilise le style Blue Glass.
Étape 8
Rastériser le calque supérieur: menu "Calque" - commande "Rasteriser" - élément "Calque".
Étape 9
Appuyez sur la touche Ctrl et, tout en la maintenant, sélectionnez l'icône de la couche supérieure avec le bouton gauche de la souris. Le bouton sera mis en évidence par une ligne pointillée.
Étape 10
Pour créer une petite bordure autour des bords du bouton, cliquez sur Sélectionner - Modifier - Rétrécir.
Étape 11
Dans la fenêtre qui s'ouvre, définissez 3 pixels.
Étape 12
Le résultat est un trait en pointillé.
Étape 13
Inversez la sélection à l'aide du raccourci clavier Shift + Ctrl + I.
Étape 14
Copiez la sélection dans un nouveau calque en appuyant sur Ctrl + J. Le troisième calque apparaîtra dans la palette "Calques".
Étape 15
Choisissez un style que vous aimez pour une petite bordure de 3 pixels. Pour ce faire, accédez à nouveau à la palette Styles et sélectionnez celui que vous souhaitez. Dans cet exemple, le style de bordure de ciel ciselé est appliqué, car il correspond à la couleur du bouton.
Étape 16
Le résultat est un tel bouton. En option, vous pouvez appliquer vos propres styles que vous préférez.
Étape 17
Il reste à écrire le texte. Pour ce faire, sélectionnez l'outil Type horizontal (T). Vous pouvez choisir les options de police dans la barre d'options pour définir cet outil.
Étape 18
Votre bouton est maintenant prêt.
