INFORMATICA Y OCIO

guinevere · Conociendo Foroz Registrado: 03 Ago 2005 Mensajes: 21

Hola a todos, aquí les dejo un tuto de como hacer nuestro menú con logo, espero les sirva para sus ideas que tienen por ahí pendientes.

Primero vamos a crear un nuevo documento de 600x120 con fondo blanco.

Hacemos una nueva capa y tomamos la herramienta de MARCO RECTANGULAR y hacemos un rectangulo de lado a lado en la nueva capa, como se mustra en la foto.

Ponle color, yo use # C92F2F, ustedes tomen el que gusten.

Creamos una nueva capa y en esta vamos hacer una línea de color # CCCCCC con la línea herramienta 1px en la parte de arriba y de abajo del primer rectangulo que creamos.

Hacemos una nueva capa y tomamos nuevamente la herramienta MARCO RECTANGULAR y vamos hacer otro rectangulo ligeramente más ancho que el primero.

Rellenamos de cualquier color y vamos añadir estilo de capa y vamos a SUPERPOSICIÓN DE DEGRADADO y vamos a poner los siguientes valores.

Ahora ustedes deben de tener algo como esto:

Bien, ahora vamos a crear una nueva capa, con MARCO RECTANGULAR y creamo una nueva selección como la de abajo:

Le ponemos un gris # D2D2D2

Ahora vamos añadir estilo de capa SOMBRA INTERIORy copiamos los siguentes valores:

Ahora tenemos algo así:

Ahora podemos comenzar a trabajar en la pieza de la navegación. Esto es bastante simple.
Utilizaremos las herramientas de MARCO RECTANGULAR junto con la HERRAMIENTA DE LÍNEA para lograr la creación del menú.

Primero hacemos una nueva capa. Seleccione la herramienta de MARCO RECTANGULAR y haga una selección y rellenamos con 121212.

Ahora hacemos una nueva capa y utilizamos HERRAMIENTA DE LÍNEA y vamos hacer una línea vertical de 2px con un color gris. Esto es para dividir los botones de menú. Vamos hacer este mismo paso hasta completar el menú.

Con el paso anterior, vamos hacer dos líneas horizontales, la primera va arriba de menú y la segunda debajo del manú, así como se puestra en la imagen de abajo:

Ahora solo pongale su toque personal en la parte de enmedio y el menú que ustedes necesite.

Yo lo termine así. Espero les guste este estilo.

w0rm · Publicado: Lun Oct 31, 2005 11:12 pm **Título del mensaje**:

Interesante tutorial...
Me gusta, a era hora de ver nuevos tutoriales por aqui, jejeje.

Acabo de terminar uno y me gusta mucho como queda...
Dime que te parece.

Salu2.
_________________

netw0rm.com[a:R`r,0+b¨a]G|v|4¡L[p^u.n-t'O]C0|v|
NO ATIENDO A PEDIDOS POR MP...

coyote911 · Publicado: Mar Nov 01, 2005 1:34 am **Título del mensaje**:

muy buen tutorial y de paso un poquito de publicidad a su pagina jejeje
_________________

§ølø lø§ müë®tø§ hån vî§tø ël ƒînål dë lå güë®®å

t4t0 · Publicado: Mar Nov 01, 2005 3:53 pm **Título del mensaje**:

No puedo ver las imagenes del tuto Sad

w0rm · Publicado: Mar Nov 01, 2005 3:57 pm **Título del mensaje**:

Yo las visualizo perfectamente...:S
_________________

netw0rm.com[a:R`r,0+b¨a]G|v|4¡L[p^u.n-t'O]C0|v|
NO ATIENDO A PEDIDOS POR MP...

Anuar Bassett · Publicado: Mar Nov 01, 2005 5:55 pm **Título del mensaje**:

Muy buen aporte guinevere. y el tuyo w0rm esta exelente.

Salud2
_________________

I want to die dreaming and wake up when I dead

w0rm · Publicado: Mar Nov 01, 2005 6:13 pm **Título del mensaje**:

Gracias, jejeje.
_________________

netw0rm.com[a:R`r,0+b¨a]G|v|4¡L[p^u.n-t'O]C0|v|
NO ATIENDO A PEDIDOS POR MP...

Ottoniel · Publicado: Mar Nov 08, 2005 10:04 pm **Título del mensaje**:

Muy buen aporte guinevere esta muy bueno el tuto. y Virush el tuyo esta culaso viejo
_________________

Ottoniel · Publicado: Mar Nov 08, 2005 10:06 pm **Título del mensaje**:

Perdon si ahora es w0rm es la costumbre xd
_________________

w0rm · Publicado: Mar Nov 08, 2005 10:28 pm **Título del mensaje**:

Jajajajajaa no pasa nada colega, Wink

.
Gracias por las felicitaciones, lo que me gusta de la mia es el efecto ese que tiene de fondo,
parece como que tiene nervios o algo asi...xDDDD
Lo demas es facil. Venga animaros y poned vuestros resultados.
Demosle vidilla al foro ¿no?.

PD: Ottoniel me gusta mucho tu firma man, mola que lo flipas jajaja.
Salu2.
_________________

netw0rm.com[a:R`r,0+b¨a]G|v|4¡L[p^u.n-t'O]C0|v|
NO ATIENDO A PEDIDOS POR MP...

	Índice del Foro Foroz comunity :: Tutoriales photoshop	Todas las horas están en GMT + 1 Hora Ir a página 1, 2 Siguiente
Página 1 de 2