Web 2.0 est un style populaire dans la conception web . Boutons Web 2.0 aspect tridimensionnel et brillant, comme une bulle , comme si ils sortent de l'écran. Le processus de création de boutons Web 2.0 implique beaucoup de gradients et des travaux de couche . Choses que vous devez
Photoshop
Voir Plus Instructions
1
Ouvrez Photoshop , créer un nouveau fichier et définir la taille de la toile à la taille de votre bouton sera . Prenez l'outil de forme à partir de la barre d'outils , choisissez un rectangle ou un cercle rond, puisque c'est la plus fréquente dans le style web 2.0 . Choisissez une couleur de votre bouton , cliquez et faites glisser pour créer la forme de sorte qu'il remplit presque la toile. Laisser un couple de pixels autour d'elle pour une frontière. Ensuite, cliquez droit sur le calque de forme dans le panneau Calques et sélectionnez « pixellisation ».
2
Sélectionnez l'outil dégradé. Jetez un oeil dans le menu de gradient déroulant juste en dessous de la barre de menu en haut de votre écran, et de trouver un dégradé de deux couleurs avec la couleur de votre forme et blanc. Si vous ne voyez pas les couleurs que vous souhaitez, cliquez sur l'image gradient dans la partie supérieure du menu à la place. Cela vous mènera à une boîte de dialogue dans laquelle vous pouvez éditer, créer et enregistrer vos propres dégradés . Faites votre dégradé à l'aide des curseurs. Une fois que vous avez le gradient dont vous avez besoin , définissez votre opacité dégradé à 40%. Ensuite, Ctrl ou Commande-cliquez sur l'icône du calque dans le panneau de couche pour sélectionner des pixels de cette couche . Cliquez et faites glisser de haut à environ 80% en bas de la figure à appliquer le dégradé. Maintenant, en utilisant l'outil de texte, créer une zone de texte et tapez le texte de votre bouton. Retour à votre pointeur de la souris normale et la position du texte dans le centre de la touche
3
Ajoutez un 1 - . Ou d'AVC de 2 pixels de votre texte en utilisant les styles de calque . Faire la couleur du contour un peu plus foncée que la couleur de votre bouton. Faites de même pour votre calque du bouton . Faire une nouvelle forme identique à la forme du bouton d'origine, mais environ 90% plus large et de 50% aussi grande que l'original . Positionner dans le centre et dans le haut de la forme de la touche originale . Pixelliser la forme comme vous l'avez fait avec votre première forme . Sélectionnez les pixels de contrôle ou de commande en cliquant sur l'icône de couche et d'effacer complètement la zone sélectionnée . Maintenant, choisir à nouveau l'outil dégradé et créer un dégradé qui va du blanc au transparent. Maintenant que vous savez comment à partir de la dernière étape, il devrait être facile . Appliquer le dégradé en cliquant et en faisant glisser vers le bas à travers la forme de sorte que le blanc est en haut et en bas pour se fane transparent.
4
Sélectionnez votre calque du bouton d'origine dans le panneau Calques, puis double-cliquez dessus pour l'ouvrir la boîte de dialogue Style de calque . De là , sélectionnez " Lueur interne " de la colonne de gauche et réglez l'opacité à 50%. Faire la couleur de votre Glow la même teinte que votre bouton, mais un peu plus léger . Pour rendre encore plus tridimensionnelle , ajouter une ombre à votre texte via Styles de calques le calque de texte . Cela rend le look de texte comme si c'était portant sur le dessus d'un brillant bulle, semi- transparent.