Vectorboom
Советы / Основы / Comments: 0

Несколько методов комбинирования и смешивания градиентов в Adobe Illustrator

Ярослав Лазунов
17.05.2013

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

Комбинирование градиентов при помощи режимов смешивания

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

Применим к объекту с градиентной заливкой режим смешивания Multiply в панеле Transparency. Как вы можете видеть, белый цвет после применения этого режима смешивания стал абсолютно прозрачным.

Теперь применим к этому прямоугольнику режим смешивания Screen. В этот раз прозрачным стал черный цвет.

Здесь я хочу заметить, что этот трюк полноценно работает только в цветовом режиме RGB. К тому же нам нужно использовать для черного цвета абсолютно черный цвет R=0; G=0; B=0.

Теперь давайте рассмотрим на практике, как использовать, описанные выше свойства. Столбик знака Stop залит линейным градиентом, который передает объем цилиндрической поверхности.

Продублируем этот объект, затем заливаем новый объект вертикальным линейным градиентом от  темно-серого к белому цвету.

Применяем к верхней форме режим Multiply. Как и следовало ожидать – белый цвет стал прозрачным и мы получили тень на верхней части столбика.

Теперь мы можем управлять интенсивностью тени, осветляя или затемняя серый цвет линейного градиента.

Дублируем форму столбика еще один раз. Заливаем копию радиальным градиентом  от черного к белому цвету.

Применяем к верхней форме режим Screen.

Черный цвет стал прозрачным. Теперь мы можем отрегулировать интенсивность рефлекса, заменив белый цвет радиального градиента на серый.

Вы, конечно, можете использовать эти техники для комбинирования цветных градиентов, но работать это будет не так эффективно из-за наложения цветов.

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

Комбинирование градиентов при помощи функции  прозрачности слайдеров.

Начиная с релиза Adobe Illustrator CS5, мы можем изменять прозрачность слайдеров градиентных заливок. Это свойство можно использовать для комбинирования градиентов. В этом случае нам не нужно использовать режимы смешивания, мы можем применять такие градиенты в обеих цветовых режимах (RGB и CMYK) и комбинировать цветные градиенты без ограничений.

Обычно в таких градиентах используют два слайдера одинакового цвета, один из которых имеет прозрачность 0%. Некоторые пользователи избегают использовать градиенты с прозрачными слайдерами, из-за того что финальная работа должна быть сохранена в формате EPS10. Не думаю, что с этим у вас будут какие-либо проблемы. После сохранения векторной работы в формате EPS10 градиент с прозрачными слайдерами трансформируются в маски прозрачности.

Комбинирование градиентов при помощи масок прозрачности ( Opacity Mask )

Давайте рассмотрим технику создания Opacity Mask на простом примере. Имеем прямоугольник, который залит линейным градиентом.

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

Выделяем оба прямоугольника, затем выбираем Make Opacity Mask в сплывающем меню панели Transparency. Верхний прямоугольник с черно-белым градиентом играет роль маски. Там где он имеет черный цвет, нижний прямоугольник стал прозрачным.

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

Для управления черно-белым градиентом необходимо кликнуть по окну masking objects в панели Transparency.

Для управления градиентом цветного объекта необходимо кликнуть на окошке Opacity mask.

Использование масок прозрачности дает нам больше возможностей, чем предыдущих два способа комбинирования градиентных заливок. По сути, мы имеем два объекта, переход между которыми определяет третий объект в виде черно-белого градиента. Кроме того, таким способом вы можете маскировать группы объектов, чего нельзя добиться никаким другим способом. Давайте посмотрим несколько рисунков, где показано как я на практике применял такие маски.

В данном примере я использовал маску прозрачности для создания отражения. Маска позволила мне ограничить его видимость и размыть края.

Этот урок был написан мною для известного англоязычного интернет издания DesignModo

Всего комментариев: 0
Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.