Cómo hacer un menú desplegable en Photoshop

También conocido como "menús", Suckerfish desplegable submenús aparecerán los menús que caen desde el menú principal cuando un usuario pasa el puntero del ratón sobre los elementos del menú que contienen enlaces a las subsecciones de una página web. Aunque los desarrolladores ya no tienen que hacer estos menús de imágenes que mostrar en las páginas web, los diseñadores todavía tienen que "maqueta" menús desplegables en sus diseños web. Es una buena idea para diseñar el menú principal y al menos un desplegable muestra, a continuación, cuando se puede ocultar haciendo clic en el icono "ojo" al lado de la capa en el panel Capas de Photoshop.

Instrucciones

1 Cargar Photoshop en su ordenador y abra el archivo que contiene el diseño de su sitio web o crear un archivo en blanco. Crear el archivo en blanco, si desea utilizar uno, pulsando la tecla "Ctrl + N" en el teclado e introduzca una anchura 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 el teclado para crear una nueva capa.

2 Haga clic en el icono con forma de rectángulo de la herramienta de forma. Haga clic y mantenga pulsado el icono herramienta de forma, si desea seleccionar la herramienta rectángulo redondeado; cuando aparece al 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 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 y tamaño deseados para el menú 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 cuadro de diálogo "Opciones de fusión". Haga clic en "Sombra" y configurar los ajustes hasta que se cree una sombra a su gusto.

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

6 Haga clic en el icono "T" en la barra de herramientas. Coloque el cursor sobre la barra de menú, donde desea comenzar a escribir los elementos de menú. Llene cada elemento del menú, utilizando 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, a continuación, seleccione una fuente en el menú desplegable en el menú de opciones de la herramienta. Seleccione un tamaño y un color también.

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

8 Haga clic en la capa del rectángulo del menú en el panel Capas y seleccione "Copiar estilo de capa." Haga clic en la capa del desplegable y seleccionar "Pegar estilo de capa." Hacer esto se aplique la sombra y el gradiente de la barra de menú principal a la desplegable porción del menú.

9 Utilice la herramienta de texto para colocar elementos de menú de ejemplo en el menú desplegable. Utilice la tecla "Enter" para agregar espacio entre los elementos de menú.