Feb. 24th, 2012

steblina: (Default)
В некоторых случаях необходимо использовать бленды вместо градиентов и мэшей. Но возникают некоторые трудности, когда бленда содержит один из объектов с нулевой непрозрачностью. Особенно это видно на темных или черных фонах.

К примеру, вам надо на черном фоне сделать красивую растяжку (бленду) от красного в 100% прозрачность. Вы увидите, что прозрачный объект генерирует отвратительный блеклый цвет, который, к тому же, показывает границы этой самой прозрачности. Это явно некрасиво. 

Проблема решается двумя способами. Во-первых, прозрачный дочерний объект должен быть покрашен в цвет родительского (в нашем случае прозрачный объект имеет такой же красный цвет, как родительский объект, просто на картинке я ему дал 15% opacity, чтобы его было видно, а бленду я уже сделал с 0% opacity). И обязательно к этому цвет надо добавить нижележащей краски. В нашем случае мы добавляем 50% черного (можно и 100%). Тогда переход в прозрачность сгладится. 

Но этого не совсем достаточно. Иллюстратор достаточно хорошо передает 100% черного цвета, таким, какой он в жизни — с грязно-серым налетом. Если в настройках у вас включено Display black accurately, то вы увидите, что 100% черного не совсем уж такой и черный. Это отражается на самой графике. Если на такой "черный" цвет разместить объект другого цвета, то у вас появятся отвратительные белесые стыки. Если рисунок сложный и этих стыков много, то даже для превью картинка выглядит плохо. Такая ситуация лечится добавлением по 50% каждой краски к 100% черного. Получается своего рода rich black. 

Если мы на таком фоне сделаем бленду в прозрачность, то исчезнут вообще всякие отвратительные артефакты в переходе.


P.s.: хочется отметить, что иногда неправильно используются два термина opacity и transparency. Opacity — это непрозрачность. И когда я говорю 100% непрозрачности, то имею ввиду абсолютно залитый видимый объект. Transparency — это прозрачность. И если говорят 30% transparency, то имеется в виду, что объект видим лишь на 30%. Короче, 30% transparency и 30% opacity — это два разных результата.

January 2013

S M T W T F S
  1234 5
6789101112
13141516171819
20212223242526
2728293031  

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Sep. 22nd, 2017 01:23 pm
Powered by Dreamwidth Studios