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

Botones sin halos blancos

Estas en el tema de Botones sin halos blancos en el foro de Diseño Gráfico en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/08/2002, 08:30
 
Fecha de Ingreso: abril-2002
Ubicación: ROCIANA /Huelva/Andalucia/España
Mensajes: 58
Antigüedad: 15 años, 8 meses
Puntos: 0
Botones sin halos blancos

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
  #2 (permalink)  
Antiguo 15/08/2002, 09:22
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 16 años, 1 mes
Puntos: 59
Re: Botones sin halos blancos

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>
  #3 (permalink)  
Antiguo 15/08/2002, 09:37
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 16 años, 1 mes
Puntos: 59
Re: Botones sin halos blancos

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>
  #4 (permalink)  
Antiguo 15/08/2002, 10:50
 
Fecha de Ingreso: abril-2002
Ubicación: ROCIANA /Huelva/Andalucia/España
Mensajes: 58
Antigüedad: 15 años, 8 meses
Puntos: 0
Re: Botones sin halos blancos

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

Muy Agradecido por tu colaboración

gracias

Saludos Cordiales
Juan Ramirez ;)
  #5 (permalink)  
Antiguo 15/08/2002, 11:27
Avatar de Scramble  
Fecha de Ingreso: mayo-2002
Ubicación: En un lugar de Venezuela
Mensajes: 186
Antigüedad: 15 años, 6 meses
Puntos: 0
Re: Botones sin halos blancos

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>
  #6 (permalink)  
Antiguo 16/08/2002, 06:01
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 16 años, 1 mes
Puntos: 59
Re: Botones sin halos blancos

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>
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




La zona horaria es GMT -6. Ahora son las 18:44.