|
De nombreux sites utilisent des boutons pour naviguer entre les pages et même des liens à d'autres sites. La plupart des logiciels de conception de sites Web ont des conceptions de boutons prédéfinis que vous pouvez utiliser . Adobe Photoshop, cependant , vous permet de créer des boutons uniques qui ne sont nulle part ailleurs sur le Web. Il fait quelques pas , mais la conception finale sera la vôtre. Basics
Conception de base de bouton dans Photoshop peut être fait en quelques minutes. Commencez avec un nouveau fichier d'environ 10 par 10 pouces et une résolution de 200 points par pouce. Vous allez changer cela plus tard à la norme 72 dpi pour une utilisation de site Web, mais vous obtiendrez conceptions propres si vous commencez élevé. Aller à la barre latérale et sélectionnez l'outil Forme. Cela vous donne le rectangle de base, ellipse et des outils de polygone avec l'outil Forme personnalisée . Si vous voulez juste un bouton de base, sélectionner un rectangle arrondi ou une ellipse. Avant de dessiner la forme sur le fichier , allez dans Fenêtre> Styles et sélectionnez un préréglage que vous souhaitez pour votre bouton. Assurez-vous que cette conception apparaît dans la barre d'outils supérieure . Puis dessiner la forme. Le préréglage se former dans n'importe quelle forme que vous choisissez.
Couches
Une fois que vous avez votre bouton forme et le style de base, vous pouvez travailler avec elle pour le personnaliser. Allez à Calque> Styles de calques . Ici, vous serez en mesure de modifier la forme et le style que vous avez sélectionné . Par exemple, pour donner à votre bouton certaine profondeur , choisissez Ombre portée . Pour plus de profondeur et de forme , utilisez Biseau et estampage . Vous pouvez également ajuster les couleurs et donnez votre forme une course autour du bord pour plus de définition .
Texte
La dernière partie de la touche est le texte . Shorter est mieux, mais vous pouvez nommer votre bouton que vous voulez. Aller à la barre latérale et sélectionnez l'outil Texte . Cliquez sur le curseur quelque part pas sur votre bouton et le type . Sélectionnez le texte et changer la police dans la barre d'outils supérieure , si vous le souhaitez. Ensuite, cliquez sur l'outil Pointeur et déplacer le texte sur le bouton. Maintenant, allez dans Fenêtre> Styles nouveau et sélectionnez un style pour votre texte. Choisissez quelque chose de lisible sur le style du bouton. Par exemple, si vous avez un bouton d'or, choisir un style de police comme le blanc ou autre chose qui se démarque. Lorsque vous obtenez le préréglage que vous voulez, allez à Calque> Styles de calques et de peaufiner le texte. Quand vous avez le texte et le bouton alignés et prêts, partez à la barre latérale et sélectionnez l'outil Pot de peinture. Splash la couleur en arrière-plan qui correspond au site de fond . Cela est essentiel si le bouton apparaît comme un bouton et non sur son propre fond blanc carré. Ensuite, allez à Calque> Aplatir couche . Allez dans Image> Taille de l'image et changer le bouton à 72 dpi.
|
