Estoy luchando por crear un degradado sin bandas. He visto todos los videos en YT e intenté: Bluring todo tipo, ruido, tramado, profundidad de bits, pincel y hacer el gradiente en Illustrator.
Todo falla y siempre puedo ver las bandas.
El color de fondo que uso detrás de la imagen: 050b3c
Respuestas:
El ruido y el tramado generalmente producen resultados bastante buenos. Hay un par de cosas que pueden hacer que las "bandas" sean más evidentes:
También sería útil saber cuál es su dispositivo de destino. Hay una diferencia en cuánto puede "extender" su gradiente si está apuntando a la impresión (qué tipo de impresión también importa, por ejemplo: pantallas como monitores de computadora AM, pseudo-estocásticos, estocásticos) o pantallas de dispositivos móviles. También hace la diferencia si usa gráficos de trama o gráficos vectoriales.
La conclusión es: este es un tema bastante complejo :).
Sí, es posible crear gradientes de alta calidad. Sin embargo, hay muchos factores a tener en cuenta.
Photoshop no hace ni puede difuminar en el canal alfa. Es mejor usar colores sólidos, si es posible. Además, trate de evitar la opacidad de la capa. Crea el degradado usando los colores exactos que necesitas. Editar: Photoshop CC 2014.2 agregó tramado de canal alfa. :)
Puede haber algunos errores de redondeo acumulativos si su editor de imágenes está utilizando una profundidad de color de 8 bits por canal. La mejor manera de generar un gradiente que se crea a partir de varias capas (con modos de fusión y opacidad en el juego) es renderizar a una profundidad de bits más alta, luego difuminar a 8 bits por canal, si es posible. Photoshop puede hacer esto. Si desea crear un gradiente sólido a partir de una capa, 8 bits por canal está bien (16 bits solo es útil cuando hay una combinación de capas involucrada).
El tramado es muy, muy importante. (Ver punto anterior)
No uses Illustrator. Es de 8 bits por canal y no se tambalea.
El escalado de la imagen arruinará el buen trabajo que ha realizado el dithering, por lo que deberá crear la imagen con el tamaño correcto desde el principio.
La mayoría de las computadoras portátiles tienen pantallas de 6 bits por canal con algunos trucos animados para hacer que las cosas se vean mejor. Obviamente estás luchando contra la pantalla y los resultados suaves pueden no ser posibles debido a la pantalla. El nuevo MacBook Pro con pantalla Retina es una notable excepción: tiene una pantalla IPS de 24 bits. Editar: ¡Las pantallas de las computadoras portátiles han mejorado un poco desde esta publicación!
Como ha sugerido thebodzio, otros procesamientos a nivel del sistema operativo también pueden alterar las cosas.
Si utiliza el modo de 16 bits en Photoshop, pruébelo en el modo de 8 bits. Hay ciertas circunstancias donde el modo de 8 bits se ve mejor y otras circunstancias donde el modo de 16 bits es mejor. Regla básica: si tiene un degradado, use 8 bits con tramado. Si tiene varias capas y gradientes que usan opacidad, use el modo de 16 bits.
Al mirar su imagen, parece que está ocurriendo otra conversión destructiva. ¿Estás usando Guardar para Web? ¿Tiene Convert to sRGB activado? Si es así, apáguelo (es la forma más fácil de arruinar la calidad de sus imágenes y hacer cambios de color destructivos al mismo tiempo).
Marc Edwards escribe que "Photoshop no hace ni puede difuminar en el canal alfa". Si es así, es posible que pueda simularlo creando un degradado difuminado de blanco a negro y luego haciendo que el blanco sea transparente. Por desgracia, ha pasado un tiempo desde que usé Photoshop, pero la idea general sería algo como esto:
(Sí, sé que esto es más un comentario que una respuesta, pero tardó demasiado en caber en el cuadro de comentarios).
Encontré un problema similar en Illustrator (que ni siquiera tiene una opción de "tramado" para gradientes). Suena un poco loco, pero lo soluciono aplicando un filtro de "vidrio", que puede aproximarse al difuminado con los parámetros correctos.
Yo suelo:
En Illustrator, esto introduce motas blancas en los bordes de su objeto, que puede arreglar usando una máscara de recorte.
Resultados? "Dithered" uno a la derecha. Agrega una textura un poco ruidosa, pero creo que es mejor que las bandas la mayor parte del tiempo.
Una diferencia muy básica en la creación de degradados es usar la Capa de degradado que tiene una opción de interpolación incorporada (Capa> Nueva capa de relleno> Gradiente) y se mantiene ajustable. A partir de aquí, puede convertir a capa inteligente y agregar los efectos que necesite para mejorar aún más, pero le brinda un punto de partida mucho mejor.
Estas son tres muestras que demuestran dither. El conjunto a continuación es el conjunto anterior con niveles ajustados para resaltar los efectos del tramado.
De izquierda a derecha, el primero está visiblemente anillado; sin dither presente. El segundo es el mismo gradiente con tramado; mucho mejor. Y el tercero, el de la derecha, tiene tramado, y además he agregado una capa de ruido, lo que en realidad aumenta el tramado. Vea el comentario de por qué agregaría el ruido adicional. Consulte "notas adicionales" para saber cómo difuminar el canal alfa / transparencia.
Comentario
He estado haciendo grandes representaciones de degradados con una mínima variación de color, y las bandas fueron muy visibles sin vacilaciones, como en la primera muestra. Luego descubrí el dither y mejoró mucho las cosas, esa es la segunda muestra. Pero en una representación grande (menos visible aquí) todavía había algunas bandas. Necesitaba un tramado más agresivo. Así que copié * la capa de degradado, la rastericé y agregué una pequeña cantidad (0.1%) de ruido monocromático uniforme. Eso mejoró la imagen a gran escala considerablemente. Esa es la tercera muestra. La mejora del ruido adicional (que es lo que es esencialmente el dither) es menos visible a pequeña escala como en esta muestra aquí, pero fue muy importante en una representación grande como las que estaba trabajando.
* Creé una capa separada para el ruido porque de esa manera podía controlar el ruido con la opacidad de la nueva capa.
Notas adicionales
Solo he discutido la imagen real. El hardware y el lado del conductor de las cosas también pueden influir; otro dispositivo puede mostrar las cosas de manera diferente. Otras respuestas lo han cubierto bastante bien.
Photoshop no difumina el canal alfa. Si necesita difuminar la transparencia, debe difuminar el canal alfa manualmente. Usaría una capa de máscara para crear transparencia, por lo que solo sería cuestión de difuminar esa capa de máscara. Y cuando trabaje con máscaras de capa, no olvide hacer ALT+ left clicken la máscara de capa para mostrarla.
Artículo muy útil sobre el tema: http://nomorebanding.com/cache
Aquí está la esencia:
La idea es crear un gradiente en modo de 16 bits y luego convertirlo en modo de 8 bits, siguiendo el procedimiento para el dithering manual (usando una capa de dithering personalizada). Aquí está el procedimiento:
1. Desactive el tramado predeterminado (Edición> Configuración de color desmarque Usar tramado), porque vamos a hacer nuestro propio "motor" de tramado
2.Cree una nueva capa (debe ser la más alta).
3.Rellenar con 50% de gris sólido.
4.Filtro> Ruido> Agregar ruido. (Cantidad 25%, Uniforme de distribución, Monocromático-verificado)
6. Establezca la capa a Luz lineal.
7.En la paleta Capas, establezca Opacidad en 1%, Opacidad de relleno en 19%.
Importante: debe aplanar la imagen (incluida la capa de ruido) mientras está en modo de 16 bits y solo luego convertirla en modo de 8 bits para la exportación. Si lo hace al revés, primero perderá toda la información de 16 bits, y luego la capa de ruido no hará precisamente nada en 8 bits. Además, tenga en cuenta la configuración Use Dither de Photoshop. Puede usar la capa o el método de difuminado nativo, pero no use ambos durante la conversión, ya que produce el doble del ruido que necesita.