PDA

Просмотр полной версии : Глючный градиент


mj_nooker
16.12.2010, 23:36
Привет всем!

вот пример:
http://nooker.site11.com/dany

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

проверяли настройки видяхи, монитора - у нас и у клиента - 32bit TrueColour, 72dpi.

градиент = заливка высотой 20 пикселов и шириной 1000 - при разных разрешениях монитора она растягивается.
у меня 1280х800 и у клиента 1280х800.

спортивный здоровый интерес довести вопрос до ответа -почему на некоторых мониках градиент глючит = перетекает не плавно, а вертикальными блоками.

помогите, пожалуйста, хотя бы с догадками?

mooncar
16.12.2010, 23:45
У меня на ЖК - ступенями, а на ЭЛТ - еле заметными ступенями.
Почему так - лично у меня несколько версий. Одна из них - флеш-плееру все-таки тяжело правильно рассчитать градиент.
Попробуйте вместо векторного фона сделать заливку фонового мувика горизонтальным кусочком битмапы сверху донизу. PNG-шку соответственную импортируйте.

mj_nooker
16.12.2010, 23:47
спасибо! тоесть битмапой=png,jpg, e.t.c.?

mooncar
16.12.2010, 23:48
Ну раз вам прозрачность нужна - то PNG-шку. Аккуратно в том же фотошопе нарисуйте полоску узенькую с нужным градиентом и прозрачностью. Сохраните как PNG, импортируйте во флеш. А потом используйте как заливку.
Как вариант.

mj_nooker
17.12.2010, 06:27
Снкс!

Не помог PNG - вертикальные блоки-переходы градиента так и остались: http://nooker.site11.com/dany/, думаю, этот глюк именно из-за растяжки (возможно я указывал неподходящие опции в фотошопе при save for web & devices).

Читаю хелп по программной заливке - есть идея сначала нарисовать прямоугольник нужного размера, а потом залить программно (одним цветом, 50% непрозр. слева -> 100% непрозр. направо).

Очередной интересный подводный камень Flash :)

drnet_ua
17.12.2010, 11:30
а помойму это обычная проблемма градиета, печатники поймут :)

у вас там получается градации "черного" спеньками пошли

опять-же на "откалиброванном" мониторе под полиграфию их не видно

переключаемся в "динамик контраст" - видно

дома на саммсунге ТФТ тоже видно

mj_nooker
17.12.2010, 12:31
2 drnet_ua а что за проблема? и есть-ли выход из ситуации? клиент не хочет принимать "битый градиент" и всё тут ((

С мувиками дело обстоит так: в мувике centerCube_mc есть centerCube_mc.fon_mc, его _alpha = 37.
В centerCube_mc.fon_mc - градиентная заливка - одним цветом, но alpha левой части заливки = 50, правой = 100.
Думал всё дело в наложении alpha 37 на переход в заливке от 50 до 100 -> сделал centerCube_mc.fon_mc._alpha = 100 (не 37), а непрозрачности заливки внутри сделал 10 и 60. Но не тут-то было.
Из-за того, что заливка растягивается/сжимается в зависимости от размеров resolutionX - тоже может влиять на высчитывание градиента и его "блочное" отображение. Таки надо попробовать программно заливать уже готовый=отресайзенный прямоугольник.

mooncar
17.12.2010, 12:53
Ну вот например, с PNG:
http://21rest.ru/test/grad/grad.htm
Нормально масштабируется, ступенек вроде нет.
Градиент в PNG-шке с исп. прозрачности.

Исходник:

-De-
17.12.2010, 12:57
Полосы Маха? Я не вижу никаких полос... Вообще полосы Маха лечатся при помощи dithering (воспоминания из курса комп. графики), но не знаю, есть ли он на флэше %)
Если расскажет кот про dithering на флэше, будет интересно =)

mj_nooker
17.12.2010, 13:49
mooncar подскажите, пожалуйста, а PNG с какими опциями сохраняли? и ещё щас попробую ваш-же PNG залить градиентом не 0-100%, а 10-60%, для приближения условий к "боевым".

-De- таки спасибо за новый термин ) нарыл статью, http://arttower.ru/forum/index.php?showtopic=11859, с удовольствием ломаю мозги над объёмом инфы после безсонной ночи :)

mooncar
17.12.2010, 14:06
Для PNG там опций особо нет, это не потерьный GIF.
Просто PNG-24 с транспарентом.

mj_nooker
23.12.2010, 08:27
чекните, пожалуйста,ещё раз.
http://nooker.site11.com/dany
сделал программную заливку.

drnet_ua
23.12.2010, 09:58
на самсунге тфт полосатый

mooncar
23.12.2010, 10:09
Да, на TFT полосит. Шаг правда поменьше стал.

mj_nooker
23.12.2010, 14:53
useful
http://www.lagom.nl/lcd-test/gradient.php

dark256
23.12.2010, 16:30
Печатники всегда рыдали и плакали над градиентами...
А град от какого к какому цвету у вас там?
Мне ваша ссылка предложила флэш-плэер 10.1 воткнуть, но так как он и так уже стоит - то я лицезреть не могу :)

А для растрового градиента - после его создания добавьте еще в фотошопе:
Filter-Noise-AddNoise: Gaussian-1%|Monochromatic-Off