|
Comme vous compilez plusieurs pages Web HTML pour guider les visiteurs vers votre domaine en ligne , de leur donner un moyen simple de se déplacer avec des boutons cliquables. Même les utilisateurs novices sauront qu'en cliquant sur un bouton prend quelque part d'autre, mais avec Photoshop , vous pouvez créer une expérience personnalisée pour ces clics . Profitez du processus de conception bouton - de création Adobe Photoshop CS5 pour créer des boutons qui font que votre page HTML se démarquer. Instructions
1 Ouvrez Photoshop CS5 , cliquez sur le menu "Fichier " et cliquez sur "Nouveau". Saisissez le nom du bouton, comme " HelpButton », ou le nom de votre fichier préféré dans le champ "Nom " boîte . Entrez les dimensions pour le bouton dans la "largeur" et des boîtes "Hauteur" , en utilisant des pixels ou en pouces selon les exigences de votre site. Cliquez sur le menu « Contenu d'arrière-plan » et sélectionnez « Transparent ». Cliquez sur le bouton "OK" pour ouvrir la toile bouton de décision.
2 Cliquez sur le curseur dans le milieu du carré de couleur en bas du volet «Outils» sur le côté gauche de l'écran. Choisissez une couleur pour le bouton et cliquez sur "OK".
3 un clic droit sur l'icône d'une ligne , un cercle gris, carré gris ou étoile grise près du bas de l'onglet "Outils " volet sur le côté gauche de l'écran . Choisissez " outil Rectangle Arrondi " ou " outil Ellipse " pour la forme du bouton.
4 Placez le curseur dans le coin supérieur gauche de la toile de damier gris . Cliquez et maintenez enfoncé le bouton gauche de la souris , puis déplacez le curseur sur le coin inférieur droit. Veillez à ne pas glisser loin dans le bureau de travail gris Photoshop. La forme du bouton apparaît sur la toile.
5 Double- cliquez sur la ligne de couche 1 dans la palette " Calques " . Lorsque la fenêtre " Style de calque " s'ouvre, cliquez sur la case " Ombre portée " . Cette option est facultative , mais donne la touche un aspect plus élevé , ce qui peut aider à guider les visiteurs à votre site HTML. Cliquez sur «OK» pour fermer la fenêtre .
6 Cliquez sur l'icône "T " sur le volet «Outils» . Choisissez une police , la taille du texte et la couleur de la barre d'outils en haut de l'écran. Pour la couleur , choisissez celui qui se détachent sur le bouton fond choisi , comme un blanc si le bouton est sombre.
7 Cliquez sur le bouton et tapez le texte du bouton , comme " Aide" ou "Démarrer". Faites glisser le texte en place dans le centre de la touche .
8 clic droit sur le calque de texte dans la palette " Calques " . Sélectionnez l'option " Fusionner les calques visibles . "
9 Cliquez sur le menu "Fichier" et sélectionner "Enregistrer sous ". Cliquez sur le menu " Format " et sélectionnez " PNG " ou " GIF ", qui gardera le bouton de fond transparent, nécessaire pour les pages HTML . Cliquez sur le bouton "Enregistrer" .
|
