“Conocimientos software>Photoshop

Cómo hacer un menú desplegable en Photoshop

2012/9/28
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ú .

Photoshop
Cómo combinar tres imágenes juntas en Photoshop CS2
Cómo agregar contenido de imagen con la copia y pegar en Photoshop
Cómo crear letras burbuja en Photoshop
Cómo crear manchas de color en Photoshop
Cómo corregir el color en Photoshop CS2
Photoshop Wireframe Effects
Cómo calcular la altura de línea de Photoshop a HTML
Cómo hacer que las imágenes tienen una resolución más alta en Photoshop CS4
Conocimientos Informáticos © http://www.ordenador.online