Créer un bouton Web 2.0 brillant dans Photoshop

Vous cherchez à concevoir un bouton brillant Web 2.0? Voici un tutoriel simple de Photoshop qui vous explique, étape par étape, comment obtenir un joli bouton brillant rouge..

Étape 1 - Création de la base

Lancez une nouvelle toile et ajustez les paramètres suivants (indiqués en jaune) en fonction de l'image ci-dessous. Le reste devrait venir par défaut. Vous voudrez peut-être vérifier aussi les valeurs par défaut.

Créer un nouveau calque appelé 'Button'

Sur le calque 'Bouton', sélectionnez l'outil Rectangle arrondi

Donnez-lui un rayon de 7px

Dessinez un rectangle semblable à l'image ci-dessous.

Étape 2 - Bouton rouge

Faites un clic droit sur les options de mélange pour le calque 'Button'

Ajustez les paramètres suivants pour

Ombre portée

Ombre intérieure

Biseau et estampe

Superposition dégradée

Votre bouton devrait ressembler à quelque chose comme ça

Étape 3 - Créer un effet brillant

Créer un nouveau calque appelé 'Glass'

Sélectionnez l'outil Rectangle de sélection, assurez-vous de sélectionner le calque "Bouton". Tenez votre touche Ctrl enfoncée et cliquez sur les boutons de la couche”s vignette de calque. Votre bouton devrait maintenant être en surbrillance.

Sélectionnez le bouton 'Verre' maintenant, maintenez la touche Alt enfoncée avec l'outil Rectangle de sélection sélectionné. Tracez (coupez) dans la moitié inférieure du bouton, comme sur l'image ci-dessous.

Remplissez la zone sélectionnée avec la couleur blanche #ffffff à l'aide de l'outil Pot de peinture

Ajuster l'opacité à 18%

Vous devriez avoir un bouton brillant ressemblant à ceci.

Étape 4 - Superposition de motifs

Donnons au bouton une légère superposition de motifs. Je vais utiliser le stripe5px personnalisé créé plus tôt. Créez un nouveau calque appelé "Motif" entre "Bouton" et "Verre" et passez à Options de fusion..

Sélectionnez Pattern Overlay, choisissez Stripe5px (ou n’importe quel motif que vous avez créé) et cliquez sur OK puis fermez la boîte de dialogue..

Assurez-vous que vous êtes toujours sur l'outil Rectangle de sélection, maintenez et cliquez sur la vignette du calque du bouton pour obtenir la forme des boutons. Remplissez la zone sélectionnée dans le calque 'Motif' avec l'outil Pot de peinture et ajustez l'opacité du calque à 5%

Étape 5 - Insérer du texte

Ajoutez du texte aléatoire en couleur #ffffff blanche avec les paramètres suivants

Utilisez les effets de fusion suivants sur le calque de mon texte.

Ombre portée

Étape 6 - Résultat final

Vous devriez obtenir une image comme celle-ci.