Photoshop Créer Web 2
Créer une toile vierge à environ 500px (largeur) x 400px (hauteur) pour commencer la conception de bouton. Créer un nouvel appel de la couche « de BG01 ». Sélectionnez l'outil rectangulaire à coins arrondis. maintenir SHIFT et dessiner un carré de côté rond au centre. Toute couleur est bien au stade actuel.
Appeler les options de fusion de « BG01 « et ajuster les styles suivants:
- Arrêt Couleur: 0%, # d00031
- Arrêt Couleur: 100%, # ff2b5d
Maintenez la touche Ctrl, cliquez à gauche sur l'image de la couche « de BG01 » pour sélectionner sa forme. Go Sélectionnez -> Modifier -> Contrat et entrez la valeur « 2px ». Cela diminuera la région sélectionnée par 2 pixels.
Créer un nouvel appel de la couche « de BG02 « et rempli la zone en surbrillance (après psy) avec toutes les couleurs. J'utilise # 000000 noir ici. Double-cliquez sur « BG02 » pour lancer la Blending Option et tweak le style suivant.
- Arrêt Couleur: 0%, # c6002f
- Arrêt Couleur: 100%, # c6002f
Créer un nouveau calque pour le texte, l'appeler « txt ». Insérez le texte de votre bouton. Je vais utiliser un alphabet pour représenter. Les styles de police que je utilise ici sont les suivantes:
- Profondeur: 1px
- Réalisation: vers le bas
- Taille: 0px
- Softten: 0px
- Mettre en surbrillance Mode Opacité: 32%
- Shadow Mode Opacité: 32%
- Couleur d'arrêt: 0% # d2d2d2
- Couleur d'arrêt: 100% # f0efef
Créez un nouveau calque, appeler « lueur « et remplir la partie mise en surbrillance avec le blanc [ffffff]. Cela devrait ajouter un effet de rayonnement à la partie supérieure de votre bouton. Le produit final devrait ressembler à l'image ci-dessous.
Quelque chose de plus ..
Tweak les options de fusion de « BG01 « et « BG02 « vous donnera des boutons plus intéressants. Voici un autre tutoriel Photoshop sur le bouton que je l'ai fait précédemment - bouton Créer brillant pour le Web 2.0