ya he hehco de todo en photoshop

dibujante_82 · #1 (**permalink**) 02/10/2009, 16:25

Buenas amigos del foro ya tengo como 3 meses con este problema.

Son unos tabs o en otras palabras como pestañas pero como tienen una pequeña inclinacion y es pequeña la imagen pues se pixela esa inclinacion, se ve como efecto serrucho.

trate de colocarlo como difuminado ese borde pero, asi no srive.

es una pastaña para un sistema

si tienen algun truco, por que yo ya agote los mios.

gracias le agradeceria mucho si me ayudan en eso.

Carlangueitor · #2 (**permalink**) 02/10/2009, 17:02

Que software trabajas? Que formato Estas Utilizando?? quizas esto te sriva un Poco: http://www.forosdelweb.com/f6/hablem...6/#post2904868

creativo · #3 (**permalink**) 02/10/2009, 19:04

Muestra lo que has hecho.

dibujante_82 · #4 (**permalink**) 03/10/2009, 09:20

como hago para subir la imagen, para mostrarla

dibujante_82 · #5 (**permalink**) 03/10/2009, 09:39

Explico bien el asunto es un tab o pestaña como lo quieran llamar.

es para un sistema web, el cual son de dos degradados uno en estado normal y otro para cuando este activo.

no debe de llevar bordes y no puede llevar halos ni menos ese efecto escalera o cerrucho
tienen dos tamaños las pestañas una mide 96 X 44 pxeles y 140 X 44 pixeles a 72 dpi

cual es el proplema pues que la linea de arriba es inclinada ya que no puede ser la imagen cuadrada. seria puntas curvas t la parte de arriba es inclinada

(a)

(b) (d)

(c) !
! !
! !
(e) (h)
(f)______________________________(g)

Linea inclinada horizontal que va de (a) hasta (b) le sigue una curva que va de (b) a (c)
una recta vertical que va de (C) hasta (e) despues una curva que va de (e) hasta (f) despues una recta horizontal que va de (f) hasta (g) despues una curva de (g) hasta (h)y por ultimo una recta vertical que une (h) hasta (d)

sera que se entiende. jejje ojala a evr si me prestan ayuda.

dibujante_82 · #6 (**permalink**) 03/10/2009, 09:39

Explico bien el asunto es un tab o pestaña como lo quieran llamar.

es para un sistema web, el cual son de dos degradados uno en estado normal y otro para cuando este activo.

no debe de llevar bordes y no puede llevar halos ni menos ese efecto escalera o cerrucho
tienen dos tamaños las pestañas una mide 96 X 44 pxeles y 140 X 44 pixeles a 72 dpi

cual es el proplema pues que la linea de arriba es inclinada ya que no puede ser la imagen cuadrada. seria puntas curvas t la parte de arriba es inclinada
y los archivos deben de ser guardados en gif y en png con o sin fondo transparente

Rafael · #7 (**permalink**) 03/10/2009, 12:11

Hola dibujante, no se si leiste el post que Carlangueitor te puso (que bueno está

)

Me voy a ver un poco obvio aquí. Disculpa el siguiente juego de palabras siguiente

.
Hay 2 opciones o tienes halo o no tienes halo. Si no tienes halo tienes aserrado. Ok no queremos aserrado, entonces ¿que nos queda?
CONTROLAR el halo.
Si preparas tus archivos con un fondo blanco, pensando que se van a fundir en un fondo verde, no se va a poder... la solución: preparar los archivos con fondo verde pensando que van a estar en un fondo verde.

En el ejemplo del link inicial el ejemplo del halo blanco tiene halo, pero no lo ves, lo ves como alisado porque es halo blanco con fondo blanco... cuando le cambias el fondo, obvio se nota.

Ahora, decide si necesitas gif o png o fondo transparente o sin fondo transparente, son 3 opciones diferentes...

dibujante_82 · #8 (**permalink**) 03/10/2009, 15:29

de hecho lo necesito pero en los dos formatos y en fondo transparente pero el gif es el que me da problemas. pero aun asi lo estoy trabajando con un fondo blanco pero se sigue viendo cerruchadono logro crear esa linea inclinada que se vea bien definida.

ya sea con o sin fondo se sigue viendo la linea cerruchada claro es algo minimo pero, mi jefe j9ode mucho y la quiere bien definida. se que esta complicado el asunto pero hay vamos.

por mas que la realice vectorizada y la termine en photoshop se sigue pixelanto ese borde.

creativo · #9 (**permalink**) 03/10/2009, 15:53

Insisto ¿muestra lo que has hecho para saber de que estas hablando?

Subela aquí para mostrarla: http://imageshack.us/

Quizá esta bien y el problema es como la estas visualizando en tu monitor, ya sea cuestión de tarjeta gráfica adecuada o visualización a menos de 32 bits.

Obviamente es por demás decir que la visualización real es al 100%.

dibujante_82 · #10 (**permalink**) 03/10/2009, 16:11

por esa pagina no la puedo subir por que la tengo bloqueada aqui en la oficina, dame otra al cual pueda subirla por que no se como mostrartela al menos que te la envie por correo.

Carlangueitor · #11 (**permalink**) 03/10/2009, 16:32

http://tinypic.com
http://photobucket.com/

Cluaquiera de esos te sirve.

dibujante_82 · #12 (**permalink**) 04/10/2009, 09:31

Código IMG para foros y paneles de mensajes

Dirección URL para correo electrónico e IM

http://es.tinypic.com/r/2qd9ztd/4

Rafael · #13 (**permalink**) 04/10/2009, 09:35

Cita:

Hay 2 opciones o tienes halo o no tienes halo. Si no tienes halo tienes aserrado. Ok no queremos aserrado, entonces ¿que nos queda?
CONTROLAR el halo.
Si preparas tus archivos con un fondo blanco, pensando que se van a fundir en un fondo verde, no se va a poder... la solución: preparar los archivos con fondo verde pensando que van a estar en un fondo verde.

En el ejemplo del link inicial el ejemplo del halo blanco tiene halo, pero no lo ves, lo ves como alisado porque es halo blanco con fondo blanco... cuando le cambias el fondo, obvio se nota.

Edito. Para no verme tan gruñón

explico:
El formato gif tiene limitantes intrínsecas del formato. La paleta y el sistema de transparencia. Esta transparencia es tomar un único color, uno y solo uno, como color transparente. No hay más, no hay manera de degradar el borde.

Para evitar un aserrado hay que tener un alisado, que es una serie de pixeles, degradados de un color hacia el otro.

En un gif lo más que puedes hacer es pensar en el fondo en términos genéricos. Si el fondo es un arbusto en primavera, el fondo piénsalo en el verde dominante, entonces se suavizará un poco un botón blanco, con un suave halo verde y PUM, un corte para tener el fondo de hojas.

PNG es otra cosa. En este caso ese degradado de pixeles está dado con el canal adicional de transparencia.

Ya es histórica la incopatibilidad del png con el Ie6, (tomando como regla pensar sólo en 2 versiones de navegador para desarrollar) por lo que el uso de un gif sólamente lo veo justificado en un gif animado. En el caso de un emoticon por ejemplo hace falta a veces hacer por lo menos 2 versiones, uno para fondos claros y otro para fondos obscuros, por ejemplo.

dibujante_82 · #14 (**permalink**) 05/10/2009, 09:06

pues quede igual jajajaj.

te cuento que mi jefe se dio por vencido.

la parte de arriba la deje con un pequeño fondo blanco la cual me interesa que se vea bien por la linea inclinada.

pero bueno ya quedo asi y bueno ya no tendre mas que afanarme a eso.

gracais de todos modos