Tecnología

Inicio

Cómo hacer un menú vertical en Photoshop

Los menús desplegables se han vuelto omnipresentes con el software. Los usuarios saben casi innata que cuando ven el texto en la parte superior de un espacio de trabajo, por lo general dará lugar a una abundancia de otras opciones por debajo de ella. Para conseguir el aspecto vertical de un menú desplegable, tomar ventaja de las herramientas de Adobe Photoshop, el componente de gráficos de la Creative Suite de Adobe y una interfaz de menú utilizando vertical, así. Hacer un menú vertical en Photoshop para adaptarse a su próximo proyecto web o simplemente para diseñar una toma juguetona en la lista típica de comandos, acciones y objetos que se encuentran en los menús.

Instrucciones

1 Abrir Photoshop. Haga clic en el menú "Archivo", seguido de la opción "Nuevo". Enter "VerticalMenu" en el cuadro "Nombre". Introduzca las dimensiones del menú en los cuadros de "Altura", como "2" y "5", respectivamente "Ancho" y. Seleccione "pulgadas" para cada uno de los menús desplegables. Seleccione "Blanco" en el menú desplegable "Contenido de fondo" y, a continuación, haga clic en el botón "OK".

2 Haga clic en la función "Tipo" - la versión de Photoshop de texto - haciendo clic en el icono "T" en la paleta "Herramientas". Seleccione una fuente para el menú, tales como leer y borrar "Arial" de la barra de herramientas en la parte superior del espacio de trabajo. Seleccione un tamaño de fuente, así como un color de la barra de herramientas.

3 Haga clic en el cuadro "VerticalMenu". Escriba el primer elemento del menú, como "Abrir". Pulse la tecla "Enter" para caer a una nueva línea, o pulse "Enter" dos veces para salir de una línea de espacio entre el primer elemento del menú y la segunda.

4 Escriba los elementos de menú adicionales, utilizando la tecla "Enter" para colocarlas en una nueva línea. Haga clic en el espacio de color gris de la lona de Photoshop cuando haya terminado para establecer el texto.

5 Haga clic en la "Herramienta de Línea" en el panel "Herramientas". Si no ve un icono de línea, haga clic en un icono de una estrella, círculo o cuadrado gris gris y, a continuación, haga clic en "herramienta de línea" en el menú desplegable.

6 Haga clic en el cuadro "peso" en la nueva barra de herramientas en la parte superior del área de trabajo. Tipo "1 px" si no tiene ya decir esto de forma predeterminada en el cuadro. Haga clic en el cuadro "Color", seleccione negro y haga clic en "Aceptar".

7 Coloque el cursor en el área gris en el lado izquierdo del menú. Presione y mantenga presionada la tecla "Shift". Dibuje una línea en el lado derecho de la zona gris de la lona de Photoshop. El tramo de línea en el área gris no se incluirá en el documento, sino que ayuda a que la posición de la línea en el menú.

8 Repita para dibujar líneas adicionales, separando cada elemento del menú o agrupar varios elementos de menú en un solo bloque.

9 Haga clic en el "fondo" de la capa en la paleta "Capas" en el lado derecho de la pantalla para darle el foco. Haga doble clic en el "Selector de color" en la parte inferior del panel "Herramientas". Seleccionar un color de fondo para el menú, como por ejemplo la luz algo que no va a eclipsar el texto. Haga clic en Aceptar."

10 Haga clic en la herramienta "Cubo de pintura" en el panel "Herramientas" y, a continuación, haga clic en cualquier lugar del blanco del fondo para llenarla de color. Omita este paso para un fondo de menú blanca.

11 Haga clic en el "fondo" de la capa, y luego seleccione "Acoplar imagen". Cuando todas las capas se combinan en una sola, haga clic en el menú "Archivo". Seleccione "Guardar como", elegir un lugar para guardar el menú y luego haga clic en el botón "Guardar".

Consejos y advertencias

  • Photoshop no admite ningún tipo de codificación o secuencias de comandos; hacer un menú vertical es simplemente un ejercicio de diseño de un menú. Una vez que tenga el menú gráfico, son posibles otras opciones, tales como la importación el gráfico en programas de diseño web como Fireworks y Dreamweaver (dos de los otros programas de software de Adobe Creative Suite.) A partir de ahí, el uso de corte y las herramientas de destino para el menú cobrar vida.

Artículos relacionados