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

degradar a gris guardando el efecto sombra

Estas en el tema de degradar a gris guardando el efecto sombra en el foro de Diseño Gráfico en Foros del Web. como podria hacer esto http://www.maestrosdelweb.com/editor...lizando/f1.jpg , pero en vez de degradar a verde con degradar a gris, en contreto #F5F7F7, guardando el efecto sombra. o ...
  #1 (permalink)  
Antiguo 07/06/2006, 03:02
 
Fecha de Ingreso: enero-2002
Mensajes: 1.438
Antigüedad: 15 años, 10 meses
Puntos: 0
degradar a gris guardando el efecto sombra

como podria hacer esto http://www.maestrosdelweb.com/editor...lizando/f1.jpg , pero en vez de degradar a verde con degradar a gris,
en contreto #F5F7F7, guardando el efecto sombra.

o mejorando.

hacer el campo de texto, pero dejando lo verde transparente, para q un boton valga para todos los fondos, eso si es necesario mantener el efecto sombra.

enga gracias por la ayuda, yo son de programacion y cuando veo pixeles de colores empiezo a temblar
  #2 (permalink)  
Antiguo 07/06/2006, 03:53
Avatar de escribanto2005
(Desactivado)
 
Fecha de Ingreso: octubre-2005
Mensajes: 876
Antigüedad: 12 años, 1 mes
Puntos: 6
Juro por todos los santos que esta vez no he entendido ni... nada de nada.

En especial con esto:

hacer el campo de texto, pero dejando lo verde transparente, para q un boton valga para todos los fondos, eso si es necesario mantener el efecto sombra.

Me he quedado demasiado confundido, no se diga el resto del mensaje.

Pero no os preocupeis, que el fallón soy yo, alguien mas te sabrá entender. (¿Será?)
  #3 (permalink)  
Antiguo 07/06/2006, 05:48
Avatar de escribanto2005
(Desactivado)
 
Fecha de Ingreso: octubre-2005
Mensajes: 876
Antigüedad: 12 años, 1 mes
Puntos: 6
Y yo lo que no entendía era precisamente lo del degradado jejeje, ya que no hay ningún degradado en esos botones, son colores lisos.

Paso 1.- Te creas un archivo nuevo, con fondo transparente y (según tu ejemplo) de medidas: 260 px de ancho y 35 px de alto.

Paso 2.- Tomas tu herramienta Forma Personalizada (Tecla U) y creas tu rectángulo, teniendo en cuenta que NO abarque todo el tamaño de tu lienzo, si se te hace mas sencillo, usa líneas guía para tal fin.



Nota.- Como he entendido, tu quieres un botón transparente, con el contorno negro y con la sombra... así que hagamos lo siguiente:

Paso 3.- Te vas a tu Capa donde tienes trazado tu rectángulo y le quitas todo el relleno (Relleno 0%), entonces das click con Botón Derecho sobre esta (para PC, si es MAC click con "manzanita"+ clik ratón) y das click en la opción emergente "Opciones de Fusión".

Paso 4.- En la ventana que aparece (Estilos de Capa) metes trazo a tu gusto y sombra paralela, como desde el principio has manejado fondo transparente, te queda algo mas o menos así:



Ultimo Paso.- Ya sólo resta que des click en Menú Archivo - Guardar para web y para que te respete la transparencia escoges el formato GIF.

¿El problema? La sombra se hace un poco dura y se ve un poco tosca.

¿La solución? Guardar como PNG en esta misma ventana a expensas de que sabemos que PNG no lo soporta IE si no es con un plugin, en Firefox no hay problema.

Pero bueno, lo que pedías ya está.


Aquí el GIF:



Aquí el PNG (Y juro que aunque se ve gris en Internet Explorer, en realidad es transparente):



"Bueno... eso creo jijiji".

De cualquier manera me doy un tiempo para checar este post horas mas tarde, saludos.
  #4 (permalink)  
Antiguo 08/06/2006, 01:32
 
Fecha de Ingreso: enero-2002
Mensajes: 1.438
Antigüedad: 15 años, 10 meses
Puntos: 0
genia, el paso 3 era el clave
  #5 (permalink)  
Antiguo 08/06/2006, 02:37
Avatar de escribanto2005
(Desactivado)
 
Fecha de Ingreso: octubre-2005
Mensajes: 876
Antigüedad: 12 años, 1 mes
Puntos: 6
Ok

Saludos Ruffo que bueno que te ha servido.
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 16:30.