diseño de botones para barra de navegación!!

Bueno, stoy usando el paint.net para diseñar botones para la web.
Alguien lo ha usado?
Tengo dos problemillas.
1º no consigo hacer que sus esquinas queden redondeadas
2º he usado 2 capas para crearlo y quisiera saber que tendria que hacer que cuando pulse cambie el color.
La verdad que no se como ponerlo en este post si no os lo enseñaria.
¿Por cierto como se puede hacer? No lo tengo puesto en la web si no en una carpeta local del ordenador.

Yo usaría el photoshop.

Para poner aquí una imagen súbela a http://imageshack.us y pega aquí la dirección para verla.

Saludos

Gracias foley.
La imagen del boton es esta http://img237.yfrog.com/i/historiaa.jpg/
haber si me podeis ayudar.
El photoshop me da un poco de miedo.
Aparte lo intente con photoshop cs4 y la verdad que da miedo usarlo,jejejeje

Hola paxarin, no tengas miedo de usar photoshop, si bien es una tremendamennte poderosa herramienta de diseño, aprender lo necesario para complementar tu web te resultará muy sencillo, y por lo demás puedes hacernos consultas acá. Igualmente una opción es crear tus botones como gustes y dar el toque final con photoshop, por ejemplo tu botón...

[contenido no disponible]

Para hacer eso., solo 4 sencillos pasos. Si te intereza saber cuales, nos cuentas. Saludos

hola johnpeterjp, la verdad que ha quedado muy bien.
Supongo que habra que dar el salto y hacerme con el photoshop, con cual trabajas tu? con cs4, cs3?
Supongo que con el conseguire hacer una buena barra de navegación, aunque seguro que algo de ayuda voy a necesitar.

Bueno eso lo he hecho con CS2 aunque creo son muy similares en ejecución los PS, salvo que tienen nuevas funciones pero en general son similares.

El suavisar o redondear bordes tiene una forma muy sencilla, te la describo;

1. abres tu imagen.
2. con la herramienta de seleccion rectangular la seleccionas y cortas.
3. creas un documento nuevo y por defecto se abre ya en las medidas del que recortaste antes, solo fíjate que sea con fondo transparente.
4. Lo pegas y lo seleccionas nuevamente.
5. vas a los menus en SELECCION - MODIFICAR - BORDE , ahí pones unos 5 pixeles, verás que las lineas de seleccion se ajustan.
6. ahora en el mismo menu; SELECCION - MODIFICAR - SUAVIZAR , le pones otros 5 px, estos son los que darán el borde redondeado. Las lineas de seleccion se redondean, luego vas al documento y eliminas lo que queda seleccionado y ya verás que se ve el borde redondeado y el fondo transparente.

Para guardar vas a ARCHIVO - GUARDAR PARA WEB , se abrirá una nueva ventana y a la derecha seleccionas GIF, así puede quedar con los bordes transparentes. Listo ya tienes tu boton redondeado, transparente y optimizado para web.

A ver si te hago unas capturas para guiarte un poco más... Saludos.

CAPTURAS.

[contenido no disponible]

[contenido no disponible]


Saludos.

muchas gracias.
voy a ver si me hago con el PS :lol: cs2 para empezar a trabajar con el.

Ya ahí estan las capturas... Disculpa el tamaño. Je, je.. Saludos.

johnpeterjp escribió:Ya ahí estan las capturas... Disculpa el tamaño. Je, je.. Saludos.

:arrow: Alomejor no deberia, sabes o sabeis si me lo puedo descargar de algun sitio.
Es imposible encontar el cs2 o el cs3 por ningun lado, todos los enlaces me llevan al cs4 y lo estuve probando y como no sabia que hacer lo borre y claro ahora no me deja volver a instalarlo.
Deben de guardar alguna información sobre la ip o el ordenador y cuando lo quieres instalar te dice que ya paso tu periodo de prueba.
Podeis ayudarme?

El photoshop es un programa de pago y aquí en cctw no te podemos comentar los "truquillos" que la mayoría de usuarios saben para conseguir que los programas, aún siendo de prueba, dejen de serlo.

Yo tengo una versión portable del photoshop cs4 que va muy bien, la descargué de taringa.net, viene listo para usar pero hasta ahí puedo leerte ;)

En ese mismo sitio puedes encontrar el cs2, cs3 y algún otro.

Saludos

gracias por el mensaje foley.
No queria que nadie me dijera aqui te dejo este enlace........
tengo ya la version portable del cs3.
Ahora tengo que buscar algun manual, por que la mitad de los que hay en youtube, son para la version cs3 normal y muchas cosas no funcionan igual.
haber si le pillo el truco.
Un saludo a la gente del foro

johnpeterjp escribió:Ya ahí estan las capturas... Disculpa el tamaño. Je, je.. Saludos.

:arrow:
johnpeterjp, has trabajado alguna vez con la version cs3 portable?

Voy a esperimentar haber si me salen como a ti los botones.
Un saludo

paxarin, la verdad no, pero como te decía más arriba, los PS son muy parecidos en todas sus versiones, sobre todo en herramientas ,digamos, standar. No te lo aseguro pero si aún tienes el PS que instalaste, intenta borrando los rastros de tu pc con algún programa tipo cc cleaner o si encuentras por ahí el abandonado reg cleaner, un limpiador de registro. Y checas si tiene esas herramientas donde mismo el CS2.

El dato que te paso Foley es muy bueno da una vuelta por ahí de seguro te vá bien, y si no es así, pasa por vagos.es, son mis 2 sitios de "respaldos" favoritos.

Y de los botones, esa que te muestro es la manera más básica y sencilla, yo conozco 2 más que te dejan los bordes con mucha mejor calidad, pero eso más adelante, hay que ir paso a paso.

Un saludo.

paxarin, mientras aprendes, no tengo problema en crear esos botones redondeados para tí. Solo envíame los datos.

Un saludo.

hola johnpeterjp
Al final me pasaron una cop......un conocido.
Tengo el cs3 extended, la verdad que si hay herramientas en comun, pero hay otras que no . Pero bueno sera cuestión de aciertos menos errores, jejeje.
Si me necuentro algun problemilla y me desespera te aviso.
Muchas gracias.

Ok, hay que agradecer al conocido por ese "respaldo", suerte.