Как убрать эти линии?

Question

[▪ ▪]

Привет. Уже давно заметил в фотошопе когда делаешь градиентную заливку, при сохранении в jpg появляются уродливые линии. Можно ли как то победить это безобразие?

Answer 1

[Вячеслав]

1) галочка dither в стилях слоя: cl.ly/image/203b0K2K2u0d
Кладешь градиент оверлей, например, на векторный прямоугольник, а потом крутишь прямоугольник — удобно и верстальщики так могут этот градиент в CSS себе вытягивать, если речь о веб-дизайне. Так же галочка dither встречается в градиент мапе: cl.ly/image/443g042i1y3x
2) на крайний случай есть метод из 90x: перед сдачей макета в веб во избежание таких полосок на темных мониторах — слой с градиентом немного (на 1%) покрывается noise cl.ly/image/0H3P2W1T2K3k , это сглаживает полоски.

А вообще старайтесь не делать длинных градиентов с очень низкой разницей яркости цветов. Чуть потемнее темный цвет, чуть посветлее светлую часть и уже будет меньше полосок.

Answer 2

[maaGames]

Помимо вышесказанного, ещё можно попробовать временно переключиться на 48 битные цвета.

Comments

[▪ ▪]

Да, но если потом сохранять для web в jpg, он вернётся в 8 битный профиль.

[maaGames]

kingdomofcrooked: Это да, но именно в процессе построения градиентов у него будет больше свободы для интерполяции. После возврата в 8 бит будет примерно то же самое, что при дисеринге.

[▪ ▪]

maaGames: то есть сначала переводить в 48 бит, потом рисовать градиент, а далее уже сохранять в web? (не могу сейчас в фотошопе проверить, так как у компьютера буду только через неделю)

[maaGames]

kingdomofcrooked: Извиняюсь, я был не прав. 16/32 бита на канал не решают проблему, это косяк алгоритма градиентной заливки, а не нехватка точности. Но dithering с ней справляется. Видимо, проблема в том, что фотошоп не использует вещественные числа в вычислениях. Так что ставьте галочку dithering и проблема не будет заметна.