Botones sin halos blancos

[J.Ramirez]

Hola navegantes,

No se como quitar los halos blancos del boton ovalado de esta web:

http://www.lajacadedonana.com/principal.htm

Lo he intentado en la opción capa/halos, y no se activa.

Saludos cordiales

Juan Ramirez

[Wakkos]

Hola! seguramente tu capa de fondo es blanca, y por eso se nota el halo, rellena la capa de fondo con el color promedio del background de la imagen (lo que está 'detrás' del gif). Para hacer eso puedes hacer lo siguiente:
Tomemos como ejemplo tu imagen, tiene dos colores, uno un poco 'claro' en la parte superior (R:231 G:169 B:130) y otro más oscuro en la parte inferior (R:198 G:137 B:93) y los sumas para luego dividirlos:

Código:

 R   G   B  
        231 - 169 - 130  +
        198 - 137 -  93
        --------------
        439 - 306 -  223 / 2 = 220 - 153 - 111

O tamién puedes crear dos capas, capa1 y capa2, rellena capa1 con el color claro y capa2 con el color oscuro, y la que esté en la parte superior bájale la opacidad al 50%, agarra el color que ves con el gotero y eso es.


Luego con ese color, rellena la capa de fondo de tu gif, lo que será el color 'Matte', actualmente lo tienes en blanco.



<div style="color:#000;font-family:Verdana;font-size:10px;">Wakkos<br><a href="http://www.artreves.com/wakk/clickcount/clic.php3?url=www.artreves.com/wakk/index.php" style="font-size:9px;color:#e1470b;">follow the white rabbit</a></div>

[Wakkos]

Una prueba:
<a href='ir.asp?http://www.artreves.com/test/la.htm' target='_blank'>http://www.artreves.com/test/la.htm...</a>

Y el .PSD
<a href='ir.asp?http://www.artreves.com/test/trans.psd' target='_blank'>http://www.artreves.com/test/trans.psd...</a>

<div style="color:#000;font-family:Verdana;font-size:10px;">Wakkos<br><a href="http://www.artreves.com/wakk/clickcount/clic.php3?url=www.artreves.com/wakk/index.php" style="font-size:9px;color:#e1470b;">follow the white rabbit</a></div>

[J.Ramirez]

Muchas gracias,Wakkos
de Unión Europea
Eres el mejor del foro

Muy Agradecido por tu colaboración

gracias

Saludos Cordiales
Juan Ramirez ;)

[Scramble]

Hola a todos.

Yo había hecho algo un poco mas rustico y menos estético.

Copie su imagen, cree un nuevo layer con un fondo oscuro (solo para ver donde están los píxeles blancos), cargue la selección de la imagen del botón (Ctrl+Click sobre el layer), la invertí Ctrl+Shift+I, la expandí 1 píxel y borre los puntos blancos.

Esto me resultó pero, quedan un poco pixelados los bordes, todo queda en suavizar la selección antes de borrar, esto es solo lo que pensé al primer momento.

Aunque te recomiendo, te vallas con la solución de Wakkos.

<hr>
<p><strong><font size="2">Si el cerebro humano fuese tan simple que pudiésemos
entenderlo, entonces seriamos tan simples que no podríamos entenderlo.
[/CODE]</strong></p>

[Wakkos]

Scramble, si cuando inviertes, en vez de expander la selección la contraes 1 pixel y luego le das un feather (calado) de 1 pixel, puedes presionar el botón 'delete' unas cuantas veces hasta que se vayan todos los puntos blancos (siempre ayuda esconder la selección - ctrl+H -)

Y un poco fuera de tema pero para el caso de Scramble que quería 'acomodar' la imagen existente: puedes colocar un BG oscuro como hicistes y pasar la capa del óvalo a mutiply, eso transpasará los colores blancos, claro que el problema en este caso son las letras blancas, pero buéh, nada que la herramienta de texto no pueda arreglar en otro layer ;)

<div style="color:#000;font-family:Verdana;font-size:10px;">Wakkos<br><a href="http://www.artreves.com/wakk/clickcount/clic.php3?url=www.artreves.com/wakk/index.php" style="font-size:9px;color:#e1470b;">follow the white rabbit</a></div>