Comment faire un menu vertical dans Photoshop

March 29

Les menus déroulants sont devenus omniprésents avec le logiciel. Les utilisateurs savent presque naturellement que quand ils voient un texte en haut d'un espace de travail, il sera généralement obtenir une prime d'autres options en dessous. Pour obtenir l'aspect vertical d'un menu déroulant, tirer parti des outils dans Adobe Photoshop, le composant graphique de l'Adobe Creative Suite et une interface de menu en utilisant verticale. Faire un menu vertical dans Photoshop pour convenir à votre prochain projet Web ou tout simplement de concevoir une prise espiègle sur la liste typique des commandes, des actions et des objets trouvés sur les menus.

Instructions

1 Ouvrez Photoshop. Cliquez sur le menu "Fichier" puis l'option "Nouveau". Entrez "VerticalMenu" dans le champ "Nom". Entrez les dimensions du Menu dans la "Largeur" ​​et des boîtes "Hauteur", tels que "2" et "5", respectivement. Sélectionnez "pouces" pour chacun des menus déroulants. Sélectionnez "White" dans le menu déroulant "Contenu d'arrière-plan", puis cliquez sur le bouton "OK".

2 Cliquez sur le "Type" outil - la version de Photoshop du texte - en cliquant sur l'icône "T" sur la palette «Outils». Sélectionnez une police pour le menu, comme un lisible et clair "Arial" de la barre d'outils en haut de l'espace de travail. Sélectionnez une taille de police ainsi que la couleur de la barre d'outils.

3 Cliquez sur la case "VerticalMenu". Tapez le premier élément de menu, tels que «Ouvrir». Appuyez sur la touche "Entrée" pour tomber à une nouvelle ligne, ou appuyez sur "Entrée" deux fois pour laisser une ligne d'espace entre l'élément de menu premier et le deuxième.

4 Tapez les éléments de menu supplémentaires, en utilisant la touche "Entrée" pour tomber à une nouvelle ligne. Cliquez dans l'espace gris de la toile Photoshop lorsque vous avez terminé pour définir le texte.

5 Cliquez sur le "Line Tool" sur le "Outils" volet. Si vous ne voyez pas une icône de ligne, cliquez-droit sur une icône d'une étoile, cercle gris ou carré gris, puis cliquez sur "Line Tool" dans le menu fly-out.

6 Cliquez dans la zone "de poids" sur la nouvelle barre d'outils en haut de la zone de travail. Tapez "1 px" si elle ne dit pas déjà cela par défaut dans la boîte. Cliquez dans la case "Couleur", sélectionnez noir et puis cliquez sur "OK".

7 Placez le curseur dans la zone grise sur le côté gauche du menu. Appuyez et maintenez enfoncée la touche "Shift". Tracez une ligne sur le côté droit de la zone grise de la toile Photoshop. La portion de ligne dans la zone grise ne sera pas inclus dans le document, mais il vous aide à positionner la ligne dans le menu.

8 Répéter pour tracer des lignes supplémentaires, en séparant chaque élément de menu ou le regroupement de plusieurs éléments de menu en un seul bloc.

9 Cliquez sur le calque "Background" dans le "Layers" palette sur le côté droit de l'écran pour lui donner le focus. Double-cliquez sur le "Color Picker" au bas de la "Outils" volet. Sélectionnez une couleur de fond pour le menu, comme quelque chose de léger qui ne sera pas occulter le texte. Cliquez sur "OK".

dix Cliquez sur l'outil "Pot de peinture" sur le "Outils" volet, puis cliquez dans le blanc de l'arrière-plan pour le remplir avec la couleur. Passer cette étape pour un menu fond blanc.

11 Cliquez droit sur le calque "Background", puis sélectionnez "Aplatir l'image." Lorsque toutes les couches se combinent en un seul, cliquez sur le menu "Fichier". Sélectionnez "Enregistrer sous", choisissez un emplacement pour sauvegarder le menu, puis cliquez sur le bouton "Enregistrer".

Conseils et avertissements

  • Photoshop ne prend pas en charge le codage ou les scripts; faisant un menu vertical est tout simplement un exercice dans la conception d'un menu. Une fois que vous avez l'image de menu, d'autres options sont possibles, telles que l'importation graphique dans les programmes de conception Web tels que Fireworks et Dreamweaver (deux des autres logiciels Adobe Creative Suite.) A partir de là, l'utilisation de tranchage et d'outils de cibles pour rendre le menu revivre.

          

Post a comment: