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

2012-04-26 Por tema Kinda Marrawi
Gracias Leonel!
Muy útil!

El 25 de abril de 2012 21:00, Leonel Silva lsi...@gmail.com 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 http://www.leonelsilva.com

 ---

 También estoy por:  Google + http://goo.gl/Rtoh9  l
 Linkedinhttp://www.linkedin.com/pub/leonel-silva/25/496/317
 l  Delicious http://www.delicious.com/leonelsilva  l
 Flickrhttp://www.flickr.com/photos/graphicmotion/
 l  LastFM http://www.lastfm.es/user/leonelsilva  l
 StumbleUponhttp://www.stumbleupon.com/stumbler/leonelsilva/
 l  Tumblr http://leonelsilva.tumblr.com/
 ___
 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

2012-04-26 Por tema Tei
On 25 April 2012 21:00, Leonel Silva lsi...@gmail.com 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

2012-04-26 Por tema 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 lsi...@gmail.com 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

2012-04-26 Por tema 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 lsi...@gmail.com 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

2012-04-26 Por tema 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
lis...@ramoncorominas.comescribió:

 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

2012-04-26 Por tema 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 carlos.palenci...@pulpolab.com

 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 lsi...@gmail.com 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 http://www.leonelsilva.com
---

También estoy por:  Google + http://goo.gl/Rtoh9  l
Linkedinhttp://www.linkedin.com/pub/leonel-silva/25/496/317
l  Delicious http://www.delicious.com/leonelsilva  l
Flickrhttp://www.flickr.com/photos/graphicmotion/
l  LastFM http://www.lastfm.es/user/leonelsilva  l
StumbleUponhttp://www.stumbleupon.com/stumbler/leonelsilva/
l  Tumblr http://leonelsilva.tumblr.com/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a