Creación de Menus (Estilo Mctekk v.1)

>> //seccion/photoshop/ -- 0 comentario /// Agregado el 2003-09-08 @ Por kaioken

La creación de un menú, es clave para una página web, y si lo puedes hacer sencillo y atractivo a la vez, no seria mucho mejor?? Aquí tienes uno que te puede ayudar.

--Bueno, no creo que tengan que decir que programa abrir??
--Utilizando Photoshop, creen un archivo nuevo con las siguientes configuraciones.

User posted image.


--Primero de todo debes colocar un background (del color que quieras), yo usare (#8A8675).

--Luego creamos nuestro primer layer (Shft + Ctrl + N) con el nombre de body, en este utilizaremos el "Tool --Rectangular" (para formara figuras).
--Ahora creamos un rectángulo de estas dimensiones (167 x 193). A este layer le agregaremos un background blanco y un "Stroke" Edit> Stroke (de color negro):

User posted image.

* Stroke, es esa línea negra que ven en el border del layer

--Ahora crearemos un layer (Top), arriba del layer (Body).
--El layer (Top) debe llevar estas dimensiones (167 x 9) y un background (#F58008).
--Aquí tenemos la parte entretenida, vayan al "Toolbar" allí a Layer> Layer Style> Blending Options. Al entrar a esta sección veras una opción como esta:

User posted image.

* Dale un clic a la imagen para que veas las modificaciones que le debes hacer al layer(Top) para que llegue a tener el efecto estilo Bevel.

--Ya tenemos las estructura general del menú:

User posted image.


--Ahora, lo único que nos falta es crear las secciones de los links:
--Para crear esto, necesitamos hacer un nuevo layer(links), de background (#ECEEEC) de estas dimensiones (165 x 14).
--Este layer, debe estar arriba del layer (Body).
--Casi estamos terminando, lo que te falta es poner las líneas de puntos.

--Esto lo logras dándole a la tecla "B" de tu teclado para activar la opción "Pencil Tool" User posted image., luego que activas esta opciones, debes ir a su Control Panel "Toggle The Brushes Palette" User posted image. (en photoshop 7, se encuentra al activar la opción de "Pencil Tool", en la parte superior derecha de la pantalla)

--Debes configurar el Pencil de esta manera:

User posted image.


--Ya tienes tu pencil de puntos, ahora necesitas crear un nuevo layer (Punto1), arriba del layer(link).
--En este nuevo layer crear tu línea de punto (recuerda usar "Shft", para hacer líneas rectas).

--Finito, ya terminaste tu menú:

User posted image.


Descargar Menu