Foros del Web » Creando para Internet » Diseño Gráfico »

Barra de Navegación para web

Estas en el tema de Barra de Navegación para web en el foro de Diseño Gráfico en Foros del Web. hola, quisiera realizar en photoshop la siguiente barra de navegación: http://74.208.97.55/barra/menu.jpg Se me dificulta el momento en realizar la líneas divisoras de las secciones, si ...
  #1 (permalink)  
Antiguo 19/05/2009, 14:42
 
Fecha de Ingreso: junio-2006
Mensajes: 330
Antigüedad: 11 años, 5 meses
Puntos: 4
Barra de Navegación para web

hola, quisiera realizar en photoshop la siguiente barra de navegación:

http://74.208.97.55/barra/menu.jpg

Se me dificulta el momento en realizar la líneas divisoras de las secciones, si alguien me podría orientar en ello gracias!!!
  #2 (permalink)  
Antiguo 19/05/2009, 16:09
ramonjosegn
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Barra de Navegación para web

hola, la verdad es que es un efecto y no es sencillo, aunque lo parezca, si buscas por webs de plantillas gratuitas puedes encontrar ese mismo efecto y comprobar cómo se hizo... ahora mismo no sé concretarte alguna...
  #3 (permalink)  
Antiguo 19/05/2009, 16:46
Avatar de Ramirogf  
Fecha de Ingreso: marzo-2009
Mensajes: 90
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Barra de Navegación para web

Hola greisy, mira, el diseño en si es bien sencillo, pero si esa parte blanca que esta en "About us" es un efecto que va cambiando de acuerdo a la ubicacion del cursor del mouse, pues yo creo que eso es un "script", y para que tenga ese efecto debes realizar dos imagenes de cada boton, si no es asi que alguien me corrija, pero por ejemplo en Trafico Total yo lo hice de esa manera.
Saludos!!
__________________
Peliculas Argentinas
Sólo Adultos
  #4 (permalink)  
Antiguo 19/05/2009, 20:01
Avatar de creativo  
Fecha de Ingreso: diciembre-2001
Ubicación: Arriba de Salma Hayek
Mensajes: 3.461
Antigüedad: 16 años
Puntos: 101
Respuesta: Barra de Navegación para web

Color sólido de fondo con capa encima en degradado suave o con opacidad baja.
__________________
foro-creativo.com En Photoshop, fotografía y diseño. Estamos a la vanguardia.

..:::Visita mis tutoriales:::..
  #5 (permalink)  
Antiguo 19/05/2009, 22:09
 
Fecha de Ingreso: junio-2006
Mensajes: 330
Antigüedad: 11 años, 5 meses
Puntos: 4
Respuesta: Barra de Navegación para web

Gracias chicos por responder, realmente me refiero a la línea divisora, no me queda tan perfecto como está allí, se que se le aplica varios efectos al dibujar una línea, pero que va no lo logro hacer.
  #6 (permalink)  
Antiguo 20/05/2009, 07:14
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Respuesta: Barra de Navegación para web

la linea divisoria es:
una capa de 1 px en negro con fusión multiplicar y transparencia + otra capa con una linea de 1 px de blanco con fusion trama y transparencia (pegadita al lado de la linea negra)
Acoplas ambas capas y las vas repitiendo. Y listo.
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #7 (permalink)  
Antiguo 22/05/2009, 19:22
 
Fecha de Ingreso: noviembre-2006
Ubicación: Evergreen Street
Mensajes: 239
Antigüedad: 11 años, 1 mes
Puntos: 2
Respuesta: Barra de Navegación para web



Te dejo un archivo donde he probado ha hacerlo, puede que se pueda hacer de una forma más sencilla, pero traté de dejarlo lo más parecido posible. Incluso en la primera capa del archivo está la imagen que me servió de base, pero está no visible. Lo hice un poco más grande para que se viera mejor el diseño.

Descargar Archivo

Lo que hice con el separador solo fue hacer la capa del separador de 2px, similar a lo que dice Paola, le di el color que tiene y luego le dí el efecto de Sombra (Drop Shadow), pero a la sombra con el color correspondiente. El efecto tiene modo Multiply, angulo 0 grados, distancia 2 y tamaño 4.

Última edición por otto1303; 22/05/2009 a las 19:31
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 23:11.