|
Aussi connu sous menus " suckerfish " , menus déroulants s'affichent sous-menus qui tombent à partir du menu principal lorsque utilisateur passe le pointeur de la souris sur les éléments de menu contenant des liens vers les sous- sections d'un site web . Bien que les développeurs n'ont plus besoin de faire ces menus à partir d'images pour les afficher sur les pages Web , les concepteurs ont encore besoin de " maquettes " listes déroulantes dans leurs conceptions Web . C'est une bonne idée de concevoir le menu principal et au moins un échantillon déroulant, lorsque vous pouvez cacher en cliquant sur l'icône " oeil " à côté du calque dans le panneau Calques dans Photoshop. Instructions
1 charge Photoshop sur votre ordinateur et ouvrez le fichier contenant la conception de votre site Web ou de créer un fichier vide . Créez le fichier vide, si vous souhaitez en utiliser un, en appuyant sur " Ctrl + N " sur votre clavier et entrez une largeur de 960 pixels ou plus et une hauteur d'environ 500 pixels ou plus. Si vous ajoutez le menu pour un design de site web existant , appuyez sur "Shift + Ctrl + N " de votre clavier pour créer un nouveau calque.
2 Cliquez sur l'icône en forme de rectangle de l'outil de forme. Cliquez et maintenez sur l'icône de l' outil de forme si vous voulez sélectionner l'outil Rectangle arrondi , lorsque le sous-menu de la forme outil apparaît, sélectionnez l'outil Rectangle arrondi et entrez un montant d' un rayon dans le domaine des rayons sur les options d'outils barre d'outils. Les valeurs comprises entre 10 et 20 pixels fonctionnent bien .
3 Placez le curseur de la souris sur l'image où vous voulez créer le menu. Cliquez et faites glisser le curseur jusqu'à ce que le contour de la forme correspond à la forme désirée et la taille du
4 Double -cliquez sur le nom de la couche de rectangle déroulante , puis relâchez la souris . Dans le panneau Calques pour charger le « Blending options" de dialogue. Cliquez sur « Ombre portée » et configurer les paramètres jusqu'à ce que vous créez une ombre à votre goût.
5 Aller à Gradient Overlay sur la boîte de dialogue Options de fusion et cliquez sur le menu déroulant à côté de dégradé. Choisissez un dégradé existant dans le nuancier sous Présélections ou créer votre propre dégradé. Double- cliquez sur la flèche en bas à gauche sur l' aperçu du dégradé et sélectionnez la première couleur d'un dégradé personnalisé . Double-cliquez sur le coin inférieur droit flèche sur le gradient de choisir la deuxième couleur . Cliquez sur «OK» lorsque vous avez terminé .
6 Cliquez sur l'icône "T" dans la barre d'outils . Placez le curseur sur la barre de menu, où vous voulez commencer à taper les éléments du menu . Saisissez chaque élément de menu , en utilisant la barre d'espace , autant de fois que vous le souhaitez entre chaque élément. Double-cliquez sur le calque de texte dans le panneau Calques pour sélectionner le texte , puis sélectionnez une police dans le menu déroulant dans le menu d'options de l'outil. Sélectionnez une taille et une couleur aussi.
7 Créez un nouveau calque en appuyant sur " Ctrl + Maj + N " sur le clavier . Cliquez sur le nom du nouveau calque dans le panneau Calques et faites-le glisser au-dessous de la couche de rectangle de la barre de menu . Dessinez la partie déroulante du menu où vous souhaitez qu'il apparaisse .
8 clic-droit sur le calque rectangle du menu dans le panneau Calques et sélectionnez " Style de calque de copie. " Clic-droit sur la couche et du menu déroulant, sélectionnez " style de calque Coller". Faire cela va appliquer l'ombre et le gradient de la barre de menu principale de la partie déroulante du menu.
9 Utilisez l'outil de texte pour placer Extrait éléments de menu déroulant . Utilisez la touche «Entrée» pour ajouter de l'espace entre les éléments de menu .
|
