elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Recuerda que debes registrarte en el foro para poder participar (preguntar y responder)


+  Foro de elhacker.net
|-+  Media
| |-+  Diseño Gráfico
| | |-+  [Tutorial] Barra de navegacion & botones
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] 2 Ir Abajo Respuesta Imprimir
Autor Tema: [Tutorial] Barra de navegacion & botones  (Leído 6,100 veces)
-[C][L4RiO][N]-

Desconectado Desconectado

Mensajes: 275


Ver Perfil WWW
[Tutorial] Barra de navegacion & botones
« en: 11 Abril 2005, 03:29 am »

En este tutorial voy a enseñar como hacer botones y barras de navegacion para tu web en Photo shop 7.0 o mayor.


Primero que nada creamos un nuevo documento(Blanco) de cualquier tamaño yo lo hixe 162x21


Despues lo rellenamos del color deseado yo lo hixe con # 1A2930

Y nos vamos a Blending options(opciones de mescla)

1- Drop Shadow

2-Inner Glow

3-Bevel and Emboss

4-Pattern Overlay

5-Stroke

En este paso si tu fondo es brillante ponele una opacity entre 60% y 75%.

Ahora dependiendo de como estas diceñando tu web estamos casi listos.

Pero yo le voy a dar forma al boton asi que nos vamos a Poligonal lasso Tool y seleccionamos algo asi:



Despues cortamos (CTRL+X) y listo nos queda algo asi:


Pero no nos detengamos ahora vamos a hacer una esfera
Creamos un nuevo layer>new>layer
Despues tomamos el Elipse Tool y Hacemos un pequeño circulo a mano Izquierda y nos vamos a blending options.







Despues eso solo queda ponerle texto a mi me quedo asi :





Espero les guste mi tutorial.
Dudas? aqui mismo ;)
Clari0n.


« Última modificación: 5 Mayo 2005, 06:31 am por -[C]L4RiO[N]- » En línea

MinusFour
Moderador Global
***
Desconectado Desconectado

Mensajes: 5.529


I'm fourth.


Ver Perfil WWW
Re: [Tutorial] Barra de navegacion & botones
« Respuesta #1 en: 11 Abril 2005, 03:37 am »

opino que donde esta el pattern .. nos des un link para bajarlo.. que yo no lo tengo xD


En línea

-[C][L4RiO][N]-

Desconectado Desconectado

Mensajes: 275


Ver Perfil WWW
Re: [Tutorial] Barra de navegacion & botones
« Respuesta #2 en: 11 Abril 2005, 07:36 am »

Eso es depende el gusto prueba con otros!

No es necesario usar ese mismo por ejemplo ahorita  hixe otros pero le cambie el pattern overlay:














Espero les guste.
Clari0n.
En línea

-[C][L4RiO][N]-

Desconectado Desconectado

Mensajes: 275


Ver Perfil WWW
Re: [Tutorial] Barra de navegacion & botones
« Respuesta #3 en: 5 Mayo 2005, 06:32 am »

Acabo de actualizar las imagenes del tutorial ya que en el host que las tenia se caio.








Clari0n.
En línea

aNexos
Registered Linux User: 354086
Ex-Staff
*
Desconectado Desconectado

Mensajes: 4.433


¿Quieres saber?, toma tiempo para aprender.


Ver Perfil WWW
Re: [Tutorial] Barra de navegacion & botones
« Respuesta #4 en: 5 Mayo 2005, 06:38 am »

Muy buen aporte.

opino que donde esta el pattern .. nos des un link para bajarlo.. que yo no lo tengo xD

No es nada dificil hacerlo.

Haces una linea diagonal de cinco pixeles y la guardas como motivo.
En línea



-[C][L4RiO][N]-

Desconectado Desconectado

Mensajes: 275


Ver Perfil WWW
Re: [Tutorial] Barra de navegacion & botones
« Respuesta #5 en: 5 Mayo 2005, 22:20 pm »

SI el pattern lo hice asi exactamente como dice ozangelus no te sabria decir si lo puedes descargar de algun lugar.







Clari0n.
En línea

Sub_Cero
Colaborador
***
Desconectado Desconectado

Mensajes: 2.002


Sub Cero


Ver Perfil WWW
Re: [Tutorial] Barra de navegacion & botones
« Respuesta #6 en: 7 Mayo 2005, 11:37 am »

Clarion, tengo k hablar con tigo, este tutorial lo has hecho tuu ??, las imagenes son hechas por ti??.
En línea

kåhjî£
Ex-Staff
*
Desconectado Desconectado

Mensajes: 2.422


Remenber the time


Ver Perfil
Re: [Tutorial] Barra de navegacion & botones
« Respuesta #7 en: 7 Mayo 2005, 16:55 pm »

bueno, poniendome en papel de alguien muy principiante, no es muy claro el tuto, sobre todo con los ejemplos, generalment elos tutos inician mostrandote el resultado final y luego el proceso de dicha imagen paso a paso.
En línea

"Hay tantas cosas para gozar y nuestro paso pro la tierra es tan corto, que sufrir es una perdida de tiempo"

"Casi todas las personas son tan felices como se deciden a serlo"
+ enrique ZP


Desconectado Desconectado

Mensajes: 2.936


X-Aqui


Ver Perfil WWW
Re: [Tutorial] Barra de navegacion & botones
« Respuesta #8 en: 7 Mayo 2005, 20:48 pm »

Clarion, tengo k hablar con tigo, este tutorial lo has hecho tuu ??, las imagenes son hechas por ti??.

Yo digo que si son de el, porque cuando el lo hizo me paso sus imagenes para que se las subiera. No lo a copiado a nadie, ademas a mostrado varios ejemplos esa es la prueba.

Hasta Luego :D
En línea

-[C][L4RiO][N]-

Desconectado Desconectado

Mensajes: 275


Ver Perfil WWW
Re: [Tutorial] Barra de navegacion & botones
« Respuesta #9 en: 8 Mayo 2005, 01:16 am »

Jeje que me tratas de decir?

Esta dificil de hacer acaso como para decir que no lo hixe yo?
En línea

Páginas: [1] 2 Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Google vuelve a modificar su barra de navegación: descubre cómo activarla
Noticias
wolfbcn 0 1,906 Último mensaje 6 Febrero 2012, 18:16 pm
por wolfbcn
Recupera la barra negra de navegación de Google con una modificación en la URL
Noticias
wolfbcn 0 1,587 Último mensaje 11 Noviembre 2013, 02:21 am
por wolfbcn
Chrome deja de permitir los botones de sus extensiones en la barra de ...
Noticias
wolfbcn 0 1,200 Último mensaje 4 Marzo 2016, 21:48 pm
por wolfbcn
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines