Re: [Ovillo] OT: Bandas en degrades de photoshop

[Kinda Marrawi]

Gracias Leonel!
Muy útil!

El 25 de abril de 2012 21:00, Leonel Silva  escribió:

> Perdón por el Off Topic pero me pareció importante compartir ésta info que
> me acaba de ser de mucha utilidad.
>
> Cuando haces un degradado de una zona amplia con dos colores planos en
> photoshop te aparecen unas bandas muy evidentes y desagradables que no hay
> manera de eliminar fácilmente, es un problema documentado y que no han
> resuelto ni siquiera en el último photoshop, googleando conseguí la
> siguiente acción de photoshop que te evita eso, lo probé y me quitó un
> dolor de cabeza con un diseño que estoy haciendo.
>
> Espero sea de utilidad para alguno: http://nomorebanding.com/
>
> Conseguí también una técnica paso a paso pero es más engorroso y no lo he
> probado:
> http://mrare.ca/blog/how-to-get-rid-of-gradient-banding-in-photoshop
>
>
>
> Saludos,
> Leonel
>
> --
> Caracas - Venezuela
> Leonelsilva.com 
>
> ---
>
> También estoy por:  Google +   l
> Linkedin
> l  Delicious   l
> Flickr
> l  LastFM   l
> StumbleUpon
> l  Tumblr 
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] OT: Bandas en degrades de photoshop

[Tei]

On 25 April 2012 21:00, Leonel Silva  wrote:
> Perdón por el Off Topic pero me pareció importante compartir ésta info que
> me acaba de ser de mucha utilidad.
>
> Cuando haces un degradado de una zona amplia con dos colores planos en
> photoshop te aparecen unas bandas muy evidentes y desagradables que no hay
> manera de eliminar fácilmente, es un problema documentado y que no han
> resuelto ni siquiera en el último photoshop, googleando conseguí la
> siguiente acción de photoshop que te evita eso, lo probé y me quitó un
> dolor de cabeza con un diseño que estoy haciendo.
>
> Espero sea de utilidad para alguno: http://nomorebanding.com/
>
> Conseguí también una técnica paso a paso pero es más engorroso y no lo he
> probado:
> http://mrare.ca/blog/how-to-get-rid-of-gradient-banding-in-photoshop
>

Parece que simplemente es una limitacion de hardware.  Si el usuario
visualiza la informacion usando una VGA trabajando en RGB, un
degradado no puede mostrar cualquier color, y si el degradado es por
ejemplo gris (donde R=G=B) solo puede mostrar 256 grises distintos,
por tanto un degradado gris contendra 256 areas bien definidas como
maximo, pudiendo tener menos si partimos de un gris oscuro a otro un
poco mas oscuro (256 grises, desde [0,0,0] hasta [255,255,255] )

La "solución" parece ser utilizar una tecnica de cuantizacion, donde
los colores que no existen, se recreando añadiendo pixeles de
diferentes colores,  exactamente lo mismo que se hacia para mostrar
fotos en GIF de 256 colores, el famoso dithering.

A mi mucha gente me ha dicho que Photoshop puede trabajar en RGB de 16
bits por canal, lo cual me parece una solucion mas sencilla,
...trabajar en este modo (el mas alto que soporta la herramienta) y
solo convertir a RGB normal o paletizado de X colores, cuando
guardamos una copia... al hacer esta conversion supongo que Photoshop
te dejara elegir como quieres reducir los colores.

Otra alternativa, quizás la que usaremos en el futuro, es utilizar los
gradientes de CSS3 / SVG / Canvas.  Ese día sera el fin de los
ficheros filete.png con 1 pixel de grosor.



-- 
--
ℱin del ℳensaje.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] OT: Bandas en degrades de photoshop

[Carlos Palenciano]

En Fireworks se soluciona, pinchando el botón que os marco en el screenshot :)




On 26/04/2012, at 10:26, Tei wrote:

> On 25 April 2012 21:00, Leonel Silva  wrote:
>> Perdón por el Off Topic pero me pareció importante compartir ésta info que
>> me acaba de ser de mucha utilidad.
>> 
>> Cuando haces un degradado de una zona amplia con dos colores planos en
>> photoshop te aparecen unas bandas muy evidentes y desagradables que no hay
>> manera de eliminar fácilmente, es un problema documentado y que no han
>> resuelto ni siquiera en el último photoshop, googleando conseguí la
>> siguiente acción de photoshop que te evita eso, lo probé y me quitó un
>> dolor de cabeza con un diseño que estoy haciendo.
>> 
>> Espero sea de utilidad para alguno: http://nomorebanding.com/
>> 
>> Conseguí también una técnica paso a paso pero es más engorroso y no lo he
>> probado:
>> http://mrare.ca/blog/how-to-get-rid-of-gradient-banding-in-photoshop
>> 
> 
> Parece que simplemente es una limitacion de hardware.  Si el usuario
> visualiza la informacion usando una VGA trabajando en RGB, un
> degradado no puede mostrar cualquier color, y si el degradado es por
> ejemplo gris (donde R=G=B) solo puede mostrar 256 grises distintos,
> por tanto un degradado gris contendra 256 areas bien definidas como
> maximo, pudiendo tener menos si partimos de un gris oscuro a otro un
> poco mas oscuro (256 grises, desde [0,0,0] hasta [255,255,255] )
> 
> La "solución" parece ser utilizar una tecnica de cuantizacion, donde
> los colores que no existen, se recreando añadiendo pixeles de
> diferentes colores,  exactamente lo mismo que se hacia para mostrar
> fotos en GIF de 256 colores, el famoso dithering.
> 
> A mi mucha gente me ha dicho que Photoshop puede trabajar en RGB de 16
> bits por canal, lo cual me parece una solucion mas sencilla,
> ...trabajar en este modo (el mas alto que soporta la herramienta) y
> solo convertir a RGB normal o paletizado de X colores, cuando
> guardamos una copia... al hacer esta conversion supongo que Photoshop
> te dejara elegir como quieres reducir los colores.
> 
> Otra alternativa, quizás la que usaremos en el futuro, es utilizar los
> gradientes de CSS3 / SVG / Canvas.  Ese día sera el fin de los
> ficheros filete.png con 1 pixel de grosor.
> 
> 
> 
> -- 
> --
> ℱin del ℳensaje.
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] OT: Bandas en degrades de photoshop

[Carlos Palenciano]

Perdón, desconocía que no se pudieran adjuntar ficheros, ahora me parece 
bastante lógico… Bueno, hay un botón en las propiedades del gráfico, o del 
degradado en este caso, que pinchando soluciona el problema.

On 26/04/2012, at 10:31, Carlos Palenciano wrote:

> En Fireworks se soluciona, pinchando el botón que os marco en el screenshot :)
> 
> 
> 
> 
> On 26/04/2012, at 10:26, Tei wrote:
> 
>> On 25 April 2012 21:00, Leonel Silva  wrote:
>>> Perdón por el Off Topic pero me pareció importante compartir ésta info que
>>> me acaba de ser de mucha utilidad.
>>> 
>>> Cuando haces un degradado de una zona amplia con dos colores planos en
>>> photoshop te aparecen unas bandas muy evidentes y desagradables que no hay
>>> manera de eliminar fácilmente, es un problema documentado y que no han
>>> resuelto ni siquiera en el último photoshop, googleando conseguí la
>>> siguiente acción de photoshop que te evita eso, lo probé y me quitó un
>>> dolor de cabeza con un diseño que estoy haciendo.
>>> 
>>> Espero sea de utilidad para alguno: http://nomorebanding.com/
>>> 
>>> Conseguí también una técnica paso a paso pero es más engorroso y no lo he
>>> probado:
>>> http://mrare.ca/blog/how-to-get-rid-of-gradient-banding-in-photoshop
>>> 
>> 
>> Parece que simplemente es una limitacion de hardware.  Si el usuario
>> visualiza la informacion usando una VGA trabajando en RGB, un
>> degradado no puede mostrar cualquier color, y si el degradado es por
>> ejemplo gris (donde R=G=B) solo puede mostrar 256 grises distintos,
>> por tanto un degradado gris contendra 256 areas bien definidas como
>> maximo, pudiendo tener menos si partimos de un gris oscuro a otro un
>> poco mas oscuro (256 grises, desde [0,0,0] hasta [255,255,255] )
>> 
>> La "solución" parece ser utilizar una tecnica de cuantizacion, donde
>> los colores que no existen, se recreando añadiendo pixeles de
>> diferentes colores,  exactamente lo mismo que se hacia para mostrar
>> fotos en GIF de 256 colores, el famoso dithering.
>> 
>> A mi mucha gente me ha dicho que Photoshop puede trabajar en RGB de 16
>> bits por canal, lo cual me parece una solucion mas sencilla,
>> ...trabajar en este modo (el mas alto que soporta la herramienta) y
>> solo convertir a RGB normal o paletizado de X colores, cuando
>> guardamos una copia... al hacer esta conversion supongo que Photoshop
>> te dejara elegir como quieres reducir los colores.
>> 
>> Otra alternativa, quizás la que usaremos en el futuro, es utilizar los
>> gradientes de CSS3 / SVG / Canvas.  Ese día sera el fin de los
>> ficheros filete.png con 1 pixel de grosor.
>> 
>> 
>> 
>> -- 
>> --
>> ℱin del ℳensaje.
>> ___
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
>> http://lists.ovillo.org/mailman/listinfo/ovillo
> 
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Dudas CSS y comportamiento navegadores con link js

[Eva García]

Gracias a todos por las respuestas.

Lo del CSS lo arreglé añadiendo el px a 10, madre mía mira que di vueltas y
vueltas y nada. Y al final lo del JS se solucionó poniendo como me indicó
Ramón, con el onclic y poniendo la barra "/" antes del nombre del archivo.
La propuesta de Tei me la apunto pero para este proyecto no me servía pues
a esta Web se acceder desde dos dominios distintos.

Gracias a todos de nuevo!!

Eva




El 25 de abril de 2012 16:03, Ramón Corominas
escribió:

> Me acabo de dar cuenta de que, en el primer selector:
>
> legend {
>   display:block; padding:10; width:100%; background-color:#333;
>   color:#fff; margin:0 0 10px 0;
> }
>
> El valor de padding es 10. Sólo 10. ¿Eso son píxeles, ems o qué? No sé
> si tendrá que ver, pero prueba a ponerle una unidad de medida.
>
> Saludín,
> Ramón.
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] OT: Bandas en degrades de photoshop

[Leonel Silva]

A la orden!

Tei yo probé haciendo el degradado desde cero en un archivo de 16 bits y
luego convirtiendo a 8bits por el tema del peso de la imagen y no funcionó,
ni siquiera el de 16bits sin convertir se veía bien.
Hice lo mismo con uno de 32bits que es lo máximo que te permite el
photoshop y la misma cosa.

Ésta acción que les comenté hace un monton de cosas, le agrega ruido a la
imagen, después un gaussian blur, lo convierte a 16bits y hace un par de
cosas más, luego le das flatten a toda la imagen la salvas como 8bits y
listo. (si es un lío pero no conseguí nada mejor)

Lo del fireworks no lo sabía, pero debería implementarlo al photoshop, que
se me hace muy ortodoxo ésto de tener que hacer magia para obtener un
simple degradado.

Pero bueno mientras, ya sabemos o un acción o el fireworks con el botón que
comenta Carlos.


Saludos,
Leonel



2012/4/26 Carlos Palenciano 

> Perdón, desconocía que no se pudieran adjuntar ficheros, ahora me parece
> bastante lógico… Bueno, hay un botón en las propiedades del gráfico, o del
> degradado en este caso, que pinchando soluciona el problema.
>
> On 26/04/2012, at 10:31, Carlos Palenciano wrote:
>
> > En Fireworks se soluciona, pinchando el botón que os marco en el
> screenshot :)
> >
> >
> >
> >
> > On 26/04/2012, at 10:26, Tei wrote:
> >
> >> On 25 April 2012 21:00, Leonel Silva  wrote:
> >>> Perdón por el Off Topic pero me pareció importante compartir ésta info
> que
> >>> me acaba de ser de mucha utilidad.
> >>>
> >>> Cuando haces un degradado de una zona amplia con dos colores planos en
> >>> photoshop te aparecen unas bandas muy evidentes y desagradables que no
> hay
> >>> manera de eliminar fácilmente, es un problema documentado y que no han
> >>> resuelto ni siquiera en el último photoshop, googleando conseguí la
> >>> siguiente acción de photoshop que te evita eso, lo probé y me quitó un
> >>> dolor de cabeza con un diseño que estoy haciendo.
> >>>
> >>> Espero sea de utilidad para alguno: http://nomorebanding.com/
> >>>
> >>> Conseguí también una técnica paso a paso pero es más engorroso y no lo
> he
> >>> probado:
> >>> http://mrare.ca/blog/how-to-get-rid-of-gradient-banding-in-photoshop
> >>>
> >>
> >> Parece que simplemente es una limitacion de hardware.  Si el usuario
> >> visualiza la informacion usando una VGA trabajando en RGB, un
> >> degradado no puede mostrar cualquier color, y si el degradado es por
> >> ejemplo gris (donde R=G=B) solo puede mostrar 256 grises distintos,
> >> por tanto un degradado gris contendra 256 areas bien definidas como
> >> maximo, pudiendo tener menos si partimos de un gris oscuro a otro un
> >> poco mas oscuro (256 grises, desde [0,0,0] hasta [255,255,255] )
> >>
> >> La "solución" parece ser utilizar una tecnica de cuantizacion, donde
> >> los colores que no existen, se recreando añadiendo pixeles de
> >> diferentes colores,  exactamente lo mismo que se hacia para mostrar
> >> fotos en GIF de 256 colores, el famoso dithering.
> >>
> >> A mi mucha gente me ha dicho que Photoshop puede trabajar en RGB de 16
> >> bits por canal, lo cual me parece una solucion mas sencilla,
> >> ...trabajar en este modo (el mas alto que soporta la herramienta) y
> >> solo convertir a RGB normal o paletizado de X colores, cuando
> >> guardamos una copia... al hacer esta conversion supongo que Photoshop
> >> te dejara elegir como quieres reducir los colores.
> >>
> >> Otra alternativa, quizás la que usaremos en el futuro, es utilizar los
> >> gradientes de CSS3 / SVG / Canvas.  Ese día sera el fin de los
> >> ficheros filete.png con 1 pixel de grosor.
> >>
> >>
> >>
> >> --
> >> --
> >> ℱin del ℳensaje.
> >> ___
> >> Lista de distribución Ovillo
> >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> >> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
Caracas - Venezuela
Leonelsilva.com 
---

También estoy por:  Google +   l
Linkedin
l  Delicious   l
Flickr
l  LastFM   l
StumbleUpon