También conocido como menús " suckerfish " , menús desplegables muestran submenús que se despliegan en el menú principal cuando un usuario pasa el puntero del ratón sobre los elementos de menú que contienen enlaces a sub -secciones de un sitio web. Aunque los desarrolladores ya no necesitan hacer estos menús de imágenes para mostrarlas en las páginas Web , los diseñadores todavía tienen que " maqueta " desplegables en sus diseños web. Es una buena idea para diseñar el menú principal y al menos una muestra desplegable, cuando se puede ocultar haciendo clic en el icono "ojo " al lado de la capa en el panel Capas de Photoshop. Instrucciones
1

carga de Photoshop en su ordenador y abra el archivo que contiene el diseño de su sitio web o crear un archivo en blanco . Cree el archivo en blanco , si desea utilizar una, pulsando " Ctrl + N " en el teclado e introduzca un ancho de 960 píxeles o más y una altura de alrededor de 500 píxeles o más. Si se añade el menú para un diseño de sitio web existente, presione "Shift + Ctrl + N " en su teclado para crear una nueva capa.
2

Haga clic en el icono en forma de rectángulo de la herramienta de forma. Haga clic y mantenga pulsado el icono de la herramienta forma si usted desea seleccionar la herramienta rectángulo redondeado , y cuando aparece el submenú de la herramienta de forma, seleccione la herramienta Rectángulo redondeado e introduzca una cantidad radio en el campo Radio de la barra de opciones de la herramienta . Los valores comprendidos entre 10 y 20 píxeles funcionan bien .
3

Coloque el cursor del ratón sobre la imagen en la que desea crear el menú . Haga clic y arrastre el cursor hasta que el contorno de la forma coincide con la forma deseada y el tamaño de la lista desplegable , a continuación, suelte el ratón.

4 Haga doble clic en el nombre de la capa del rectángulo en el panel Capas para cargar el diálogo " Opciones de fusión " . Haga clic en " Sombra " y configurar los ajustes hasta que se cree una sombra de su agrado.
5

Ir a superposición de degradado en el cuadro de diálogo Opciones de fusión y haga clic en el menú desplegable junto a Desnivel . Seleccione un degradado existente de las muestras bajo Presets o crear su propio gradiente . Haga doble clic en la flecha inferior izquierda de la vista previa del gradiente y seleccionar el primer color de un degradado personalizado . Haga doble clic en la flecha abajo a la derecha en el gradiente para seleccionar el segundo color. Haga clic en " Aceptar " cuando haya terminado.
6

clic en el icono de " T" en la barra de herramientas . Coloque el cursor sobre la barra de menús, en la que desea comenzar a escribir los elementos de menú. Escriba cada opción del menú , con la barra espaciadora tantas veces como sea necesario entre cada elemento . Haga doble clic en la capa de texto en el panel Capas para resaltar el texto , seleccione una fuente en la lista desplegable en el menú de opciones de la herramienta . Seleccione un tamaño y un color también.

7 Crear una nueva capa pulsando " Ctrl + Shift + N " en el teclado . Haga clic en el nombre de la nueva capa en el panel Capas y arrástrela debajo de la capa rectángulo de la barra de menú. Dibuja la parte desplegable del menú en el que desea que aparezca.
8

Haga clic en la capa del rectángulo en el menú del panel Capas y seleccione " Copiar estilo de capa ". Haga clic en capa y del menú desplegable selecciona " Pegar estilo de capa. " Hacer esto le aplique la sombra y el gradiente de la barra de menú principal a la parte desplegable del menú.
9

Utilice la herramienta de texto para colocar elementos de menú de ejemplo en el menú desplegable . Use la tecla "Enter " para añadir espacio entre los elementos del menú .