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

Crear una Barra de menus como esta

Estas en el tema de Crear una Barra de menus como esta en el foro de Diseño Gráfico en Foros del Web. Que tal Masters, Tiempo que no pasaba por acà...y como siempre a pedir ayuda basica (En comparacion con los genios que frecuentemente postean). Pues bien ...
  #1 (permalink)  
Antiguo 30/09/2009, 11:39
Avatar de jpogsistem  
Fecha de Ingreso: diciembre-2001
Mensajes: 2.405
Antigüedad: 22 años, 4 meses
Puntos: 4
Crear una Barra de menus como esta

Que tal Masters,

Tiempo que no pasaba por acà...y como siempre a pedir ayuda basica (En comparacion con los genios que frecuentemente postean).

Pues bien la pregunta es sencilla, y es como hacer una imagen como està ?



Sacada de esta web : http://www.sun.com/

Dispongo de Photoshp CS2 y quisiera hacerla con ese estilo pero en escala de grises.

No estoy muy actualizado sobre las paginas de tutoriales, asì que son bienveniso estos y toda clase de ayudas.
__________________
EL LIMITE ES EL UNIVERSO
  #2 (permalink)  
Antiguo 30/09/2009, 12:35
Avatar de roc2107
ɹopɐɹǝpoɯ
 
Fecha de Ingreso: febrero-2003
Ubicación: León Guanajuato
Mensajes: 4.834
Antigüedad: 21 años, 2 meses
Puntos: 109
Respuesta: Crear una Barra como esta

Eso lo puedes hacer con la herramienta degradado, puedes cambiar los colores y la posición en el editor de degradados.



Saludos.
__________________
Blog de Diseño Gráfico roc21.com ||

El secreto de la creatividad es saber esconder tus fuentes.
  #3 (permalink)  
Antiguo 30/09/2009, 13:02
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: Crear una Barra como esta

Bueno a mi parece que es muy sencillo mira:

1.- Creas un Rectángulo Redondeado de la medida que Necesitas tu barra de Navegación, con un radio de 5 px, los demas Valores no Importan:




2.- Te vas a Menu Capa>Estilo de Capa> Opciones de Fusión... y configuras los Siguientes Valores:


Superposición de degradado, Modo de Fusión: Normal, Opcidad: 100%, Estilo: Lineal, Angulo: 90°, Escala: 100%, y el degrado es este:



Luego vas a Sombra paralela, y configuras los sigueintes valores:


Y esto va quedando asi mas o menos:


Lo siguiente que tienes que Hacer es Duplicar la Capa y hacer los cambios siguientes en las opciones de Fusión: Quitas la Sombra pralela y cambias el Degradado por este:



Los Colores son del #000000 (negro) a #45494D.

Luego creas una nueva capa y tomas la herramienta Pluma y vas a crear la curva del logo:



Y continuas con la el Trazado hasta crear un rectangulo que cubra lo que realizamos anteriormente:



Luego te vas a menu Capa> Rasterizar>Capa en la figura que hicimos anteriormente y el Rectabgulo Mas obsucro.

Te pones en la Capa del Rectangulo Ubscuro y haces Click+Ctrl en la capa del trazado luego le das Suprimir y Eliminas la capa del trazado:

Te quedara algo asi:


Lo demas Es agreagar Un logo y Texto al Gusto


Y el Resultado es este:
__________________
Grupo Telegram Docker en Español
  #4 (permalink)  
Antiguo 30/09/2009, 13:26
Avatar de Hugo Jr
Moderador Jedi
 
Fecha de Ingreso: octubre-2004
Ubicación: Cancún y Riviera Maya
Mensajes: 1.987
Antigüedad: 19 años, 6 meses
Puntos: 78
Respuesta: Crear una Barra de menus como esta

Lo cierro y va a tutoriales!!
__________________
Mientras todos ustedes duermen...
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.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 15:02.