Buenas noches, mi nombre es Jaziel Valladares y utilizo Photoshop CS5, hasta hace no mucho no recuerdo haber tenido problemas con los gradientes en PS, hace poco empeze a notar que estos se segmentaban cuando los creaba ya sea mediante el pincel o el uso de gaussan blur, que es como suelo utilizarlos, empece a utilizar el truco del filtro "spatter" sin embargo esto no me soluciona el problema del todo pues yo trabajo creando iconos, estos requieren de degradados muchas veces de 2 colores bastante similares para crear efectos de cambios bastante sutiles de iluminacion y para ello requiero separar casa luz y sombra en capas distintas, spatter no mejora el "degradado" cuando se trata de una capa individual sobre otra, un degradado de un color hasta transparente tal y como se crean con el pincel, espero estar explicando mi problema dado que es bastante frustrante.
He probado cambiando las opciones de rendimiento en el menú performance, asi tambien trabajando en distintas profundidades de color sin ningun resultado aparte mi trabajo me exige trabajar en 8 bits solamente, tambien he intentado con distintos perfiles de color, he revisado en muchas partes donde comentan aquello de que el uso de monitores LCD es el problema, sin embargo puedo ver perfectamente otros gradientes, en el mismo PS cuando selecciono un gradiente desde "blending options" se ve bastante suave mientras que en el capa se ve segmentado, espero obtener una solucion al problema.
Gracias de antemano.
Podrías detallar, paso a paso, como creas o aplicas los degradados (gradientes) para que se visualices bandeado o posterización (segmentado) de los degradados?
Si pudieras adjuntar un pequeño ejemplo mejor, porque los pantallazos dado su resolución impiden visualizar el efecto. Tampoco entiendo muy bien el uso comentado del filtro Spatter o cómo aplicas con un pincel un degradado?
Puedes detallar la técnica utilizada de uso de capas (y modos de fusión o efectos de estilos de capas) para replicarla y confirmar la situación que expones? Gracias.
Tienes marcada la opción de Utilizar Dither en Ajustes de Color? Qué monitor empleas?
El problema no aparece en otras aplicaciones donde puedas generar degradados?
Si en Photoshop creas degradados sobre un área grande (p.ej. 640 px de ancho) entre valores de gris con luminosidades similares (0 y 10% en Brillo ó Lumin.) y haces zoom, visualizas algun bandeado (segmentado)?
Por supuesto, veras, el problema se presenta al intentar crear un degradado bajo cualquier método, usando la herramienta degradado, mediante blending options, aplicando blur a un elemento o utilizando el pincel con una dureza (hardness) baja, esto ultimo lo utilizo para crear sombras, luces o cambios de color sutiles en los elementos como mencione antes, mi principal trabajo es crear iconos en Photoshop, para lo cual utilizo el pincel con dureza 0 para crear sombras y luces en los elementos, lo hago de esa forma para poder tener mas control sobre la cantidad de luz o la posición de la misma, estas luces o sombras las creo en capas separadas, de nuevo, para tener mayor control, el problema es que se ve poco natural un degradado bandeado o segmentado, esto parece solo darse al crear degradados en los que los cambios de color son muy sutiles o sea colores cuya tonalidad no varia mucho, por ejemplo, de un gris a un gris un poco mas oscuro o claro, es ahí cuando es mas notorio el bandeado; el bandeado ocurre de forma independiente de si esta en algún modo de fusión, como mencionaba antes ocurre incluso si lo aplico desde blending options.
El truco del spatter es bastante difundido en blogs de diseño o uso de photoshop, el cual es el siguiente; al obtener un degradado bandeado se aplica el filtro spatter con una suavidad del 0% y un radio del 9% (puede variar) de esta forma se mejora el bandeado, se obtienen resultados similares aplicando ruido, mas no es lo ideal, lo ideal es que el degradado no requiera de estos trucos para verse adecuadamente.
Con respecto a los ajustes de color si utilizo "dither" el monitor que utilizo es un LCD de 21 pulgadas que viene en la iMac 2009 para ser mas preciso, la tarjeta grafica es una NVIDIA GeForce 9400.
Este problema no aparece en otros programas en los que utilizo degradados como Illustrator, el bandeado se sigue presentando aun haciendo zoom en el área, adjuntare archivos de menor tamaño para que puedan visualizarlos mejor, gracias por tu atención.
Correccion: Al aplicar el degradado con la herramienta se obtiene un degradado suave.
Gracias Jaziel,
Bueno en las muestras que adjuntas se puede apreciar un muy ligero bandeado, (utilizo un LCD Dell 2711 y una tarjeta Radeon 5670) lo primero que te aconsejaria es que los guardaras como PNG, que no reduce la información de color, y los vieras en otros monitores diferentes, quizas en especial an algun CRT no distingas esos pequeños saltos en la transición. También tendrás que juzgar a qué tamaño/ampliación se mostrarán en pantalla, si se podrán distinguir.
Prueba a verlos sobre fondo negro sin paneles y desplaza con la Mano, mira si las bandas se desplazan (estarían en la imagen) o se mantienen (es el monitor el causante).
Pasando a Photoshop algunos especialistas recomiendan que desactives el OpenGL para previsualizar (el propio Chris Cox de Adobe) degradados, asi como que actives la opción de Dither de la herram. de Degradado (en la Barra de Control). Trabajar en 16bits es otra alternativa y convertir al final a 8 bits.
Buenas noches, antes que nada, muchas gracias por tu ayuda, verás, por lo general siempre guardo en formato PNG por lo que no es un problema el formato, sigue presente en el PNG cabe destacar que aun guardando en dicho formato el bandeado, después, siempre trabajo iconos a una escala especifica para saber que detalles se podrán visualizar, 128px, 256px, 512px, por lo que por lo general siempre se podrán ver esos detalles o errores.
Lo que me comentas lo he realizado, ¡inclusive puedo seleccionar las bandas con la varita mágica! jaja entonces el bandeado se encuentra en la imagen.
Ya había sospechado lo del OpenGL trabajo con esa opción desactivada.
Adjunto nuevos archivos, un PNG con transparencia en donde se ve el bandeado de nuevo y una imagen donde selecciono una banda con la varita mágica.
Jazziel, gracias por los detalles y comentarios.
Efectivamente, moviendo el cursor por la imagen puedes ver los valores RGB (o en otro modo) en el panel de Info (Ctrl+8). Como verás los cambios de valores numéricos son muy sutiles.
Recuerda que en toda imagen de 8bits/canal el numero máximo posible de valores en escala de grises es de 256.
Luego si utilizas sólo un componente de color y varias sus valores entre 68 y 86, sólo puedes tener un total de 19 valores diferentes, y cuando más grande o mayor sea el número de píxeles las bandas con el mismo tono o color será mas amplio y se podrá distinguir más facilmente. Las unicas opciones para que se note o difumine algo la visualización de esas bandas es con dithering, o añadiendo ruido, desenfoque o efctos "spatter"como citas.
Asi que si ni puedes cambiar el número de píxeles que en tu caso es reducido, y trabajas en 8 bits puedes probar a crear colores que utilicen más de un componente que varíe de lo contrario solo tendras (inevitablemente) un escaso número de valores intermedios ya que los tonos extremos que utilizas en los degradados son muy próximos entre si (repito que entre blanco y negro llegarían a 256, pero entre dos grises proximos puede ser como en tu ejemplo de 23 niveles de escala de grises). El ruido, dither, etc., reducen o disimulan al difuminar la continuidad de esos valores el bandeado. Si es posible, prueba entonces a variar no sólo la luminosidad, sino alguno de los tres componentes de distinta forma para que se produzca un mayor número de tonos intermedios.
En Photoshop CS5 ya no es necesario visualizar al 100% las imágenes por que no realiza remuestreos cuando el nivel de ampliación es intermedio, del 66, 50, 33%, etc. como antiguamente. Es decir la previsualziación es real a cualquier factor de zoom, aunque es conveniente ver las imágenes al 50 o al 100 % para apreciar bandeados, o enfoques. Aunque no estoy seguro que no utilice imágenes en caché, que yo por cierto tengo reducidos al mínimo en Preferencias.
Por curiosidad te adjunto un archivo similar a los incluidos, dime si lo ves con el mismo bandeado.
Saludos
Hola! esto siempre ha sido un dolor de cabeza, yo desde que tengo uso de razón esto ha sucedido, en especial degradaciones de colores oscuros a claros y la respuesta es que viene dada por los 256 tonalidades de colores que puede interpretarse al trabajar en 8 bits. Creo que me gustaria que algún día solucionen esto antes de crear algún filtro inutil!
Muchas gracias por tu comentario! es de mucha ayuda, en tu imagen no se observan el bandeado que comento, he creado imagenes a 16bits y el bandeado continua mientras sean colores similares, ahora bien, cuando utilizo la herramienta gradiente y no el pincel, o blur o el gradiente de blending options no se crean las bandas aun trabajando a 8bits.
gracias de nuevo por su atención a todos.
Hola! si es cierto ya no paso con tanta frecuencia como antes! creo que cada vez es más fácil usar los programas y se han vuelto muy confiables! en realidad me detengo a leer los post que se refieren a técnicas o simplemente diseño... Saludos ![]()
PD: Increible que en más de un año solo tenga 32 mensajes cuando eso era lo que hacia en 2 semanas!
Disculpar mi retraso,
Todas las aplicaciones informáticas utilizan o aplican digitallización a los valores numéricos, de color, etc.
Las imágenes en particular se digitalizan en valores discretos con una codificación de 1byte, 2 bytes, de profundidad de color por cada canal (color primario)... es decir 8 bits, 16bits, ... por canal.
De forma que en las imágenes convencionales, en particular para su uso web, de 8 bits, cualquier valor se aproxima utilizando una secuencia o conjunto de 8 ceros o unos, luego el número total de posibilidades es en este caso de 256 valores intermedios o diferentes, en el caso de imágenes en escala de grises o por cada canal en una imagen en color.
Esto es lo que tenemos en un imagen en escala de grises donde entre los extremos blanco y negro sólo puede haber 256 valores entre ambos, aunque entre dos grises (ni blanco ni negro) la diferencia o número será menor, luego si la diferencia entre dos grises es de un 10% de luminosidad, el número de valores intermedios, transiciones entre ambos, será sólo de 25 ó 26.
Luego en función de su tamaño, y distancia de visualización, estas transiciones pueden visualizarse como elementos propios, independientes, distintos de los siguientes o anteriores. En particular en monitores donde la gama dinámica puede estar limitada por pérdidas de contraste, linearidad, uniformidad, iluminación ambiental y otros factores.
En resumen el bandeado que a veces se puede apreciar en degradados o transiciones suaves de color o en escala de grises en las imágenes es una consecuencia de la digitalización (de la ausencia de un suficiente número de valores intermedios) y del tamaño o distancia de visualización, No es algo exclusivo o propio de Photoshop, al que cito por primera vez.
En Photoshop las herramientas como la de Degradado si pueden aplicar gradaciones suaves (256 niveles por canal en imágenes de 8 bits), mientras que en herramientas como los pinceles, las transiciones las controlan o crean ajustes de suavidad/dureza que varian entre 1-100%, asi como los cambios de opacidad tambien actuan de esta forma. (Igual ocurre con los desenfoques).
En posts previos hemos comentado formas de atenuar/disimular o reducir estos efectos, algunas no aplicables en este caso cómo trabajar en 16bits/canal, otras más efectivas que incluso aplica Photoshop como uso de Dithering, otras como anadir ruido u otros filtros, y también la posibilidad de aumentar en lo posible el contraste (diferencia etre valores extremos) o añadir cambios (valores de tonalidad) en otros canales de color siempre que sea posible.
North America
Europe, Middle East and Africa
Asia Pacific