Crear el Menú
1
Abrir Adobe Photoshop y seleccione "Archivo - > Nuevo. " Seleccione la opción de la dimensión x 1024 768 para tener una idea de cómo el menú pop -up debe estar a escala y tamaño de la ventana del navegador normal "Web " preset y .
2
Seleccione la herramienta " Línea " desde el panel de herramientas y " Shift + clic" mientras se arrastra hacia los lados para trazar una línea horizontal a través de la tela. Puede establecer cualquier color de primer plano que desea determinar el color de la línea , vamos a seguir con este color para el menú pop -up , así
3
Seleccione el "Tipo . herramienta " . Mueva el cursor cerca de la línea y haga clic en cuando se ve una línea serpenteante junto al cursor tipo. Esto activa el "Tipo de ruta " función.
4
Establezca sus preferencias de texto para el texto del menú desplegable . Escriba una palabra título para el menú.
5
Vuelva a seleccionar la herramienta " Tipo " y haga clic donde desee en el menú emergente Salida para comenzar debajo del título . Escriba cabo sus subtítulos , al pulsar la tecla "Return " para empezar el nuevo. Si usted desea cambiar el espaciado entre subtítulos , resalte el texto y abrir el " carácter" del panel para ajustar los valores principales .
6
Seleccione la herramienta " Rectángulo" y dibuja un rectángulo alrededor del subtítulo texto para crear un fondo para el menú emergente. Utilice la herramienta " Mover" para alinear el rectángulo a la línea horizontal. . Mueva la capa del rectángulo debajo de la capa de línea horizontal en el panel "Capas"
7
Regresar a la capa de texto de subtítulo y seleccione " Layer - > Rasterizar - . > Tipo "
8
Haga clic en la capa en el panel "Capas" y seleccione "Seleccionar píxeles ". Seleccione "Editar - > Rellenar " y elija un color claro que contraste con el fondo azul. Por ejemplo , si utiliza llanura blanca , tendrá un efecto de texto inverso fresco para el menú.
9
Seleccione la herramienta " Línea " y "Shift + clic " para crear una línea divisoria entre el primero y segundo subtítulos . Duplicar esta línea entre cada subtítulo al seleccionar la herramienta " Mover " y manteniendo presionada la tecla " Option" mientras arrastra la línea para cada lugar.
10
Seleccione todas las capas de líneas divisorias en el " capas "del panel y seleccione" Layer - > capa de grupo ". Seleccione ese grupo y seleccione la opción "Distribuir centros verticales " en la " Herramienta Mover " panel sobre el lienzo para distribuir las líneas en partes iguales entre los subtítulos .
Preparando Su menú para la búsqueda Web
11
Seleccione la herramienta " Slice" desde el panel de herramientas y seleccione " View - > Snap" desde el panel de control. Crear divisiones para el titular y cada uno de los subtítulos , permitiendo que el cursor se ajuste a cada línea.
12
Seleccione "Archivo -> Guardar para Web " y establecer su calidad y ajustes de color de cómo desea que el menú emergente que aparezca en la web.
13
Abrir y vincular sus imágenes en Adobe Dreamweaver u otro editor HTML para animar el menú emergente.