Преглед на урок

Прозрачни Градиенти (Transparent Gradients)

Прозрачни Градиенти (Transparent Gradients)




Прозрачни Градиенти в Adobe Illustrator
създаване на градиенти с маските за непрозрачност

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

В повечето програми с графично и анимационно приложение градиентите имат два вида стопери - цветови стопер и стопер за прозрачността ... Снимката по долу показва нагледно пример за такъв градиент (Скрииншота е от Adobe Photoshop, където стопера за прозрачност от е горната страна на градиентната лента, а този за цвета е отдолу.)



В Illustrator градиентите имат само един вид стопери - цветови стопери - както се вижда от палитрата за градиенти по-долу.



И така, предполагам се чудите, как може да вкараме прозрачност в градиент:). Ето как.

Едноцветен градиент с прозрачност

Ще започнем с прост едноцветен градиент, който прелива от плътен към прозрачен. Започваме със създаване на нов обект със плътно запълване, направете запълването с цвят който искате в последствие да ползвате да градиента. Аз избирам тъмно червено.



Сега, отворете палитрата за прозрачност (Window-Transparency). От падащото меню в горният десен ъгъл изберете "Make Opacity Mask" (Създай маска за прозрачност).



След като направите това обектът Ви по всяка вероятност ще стане невидим.



Сега ще създадем реалната маска на този обект. Може да направите това по няколко начина, но аз ще ви покажа най-лесният (според мен), защото се състои само от две стъпки.

Първо кликнете на самата маска в палета Transparency.



След това нарисувайте нов обект над стария (препоръчително е новият обект да покрива изцяло стария). Забележете, че в примера отдолу моят обект стана частично прозрачен. Това се дължи на факта, че маските за призрачност определят прозрачността на основният (първият, старият) обект от светлината в обекта за маскиране (т.е. вторият обект). В случая моят цвят е тъмно червен, затова обектът е почти прозрачен. Ще оправим този проблем в следващата стъпка.



Вече е време да създадем нашият градиентен ефект. За да направим това ние няма да прилагаме градиентно запълване на нашият основен обект, а ще направим това в/у обекта в маската (вторият). И така ... при селектирана маска в палитрата Transparency, отидете в палитрата Gradient (Window-Gradient) и изберете вида на градиента с който желаете да работите (линеарен или радиален). Когато направите това ще видите, че маската в палитрата Transparency се е променила.



Естествено ще забележите, че и прозрачността на вашият обект се е променила. Ако това не е точно прозрачността, която желаете вие може да я корегирате като местите стоперите на градиентната лента в палитрата Gradient - може да добавяте нови стопери или да променяте стойностите на вече съществуващите. За да промените стойността на даден стопер крикнете на него за да го селектирате и отворете палитрата Color и от там изберете нова стойност. За да добавите нов стопер кликнете под градиентната лента в палитрата Gradient. В примерът по долу Ви показвам обекта с прозрачния градиент върху други обекти, за да демонстрирам прозрачността.



Вероятно ще забележите малък проблем със самата прозрачност. Ако деселектираме обекта ясно се вижда, че непрозрачността на обекта в края не е 0, какти бихме очаквали. Причината за това е, че черно белите градиенти по подразбиране ползват сиви полутонови(grayscale) стойности.



Но все пак може да се справим с този проблем, като просто селектираме черният стопер и променим цветовият му режим от палитрата Color - от grayscale на RGB (или CMYK;HSB) - и това ще ни даде красиво, плавно преливане от плътно червено до пълна прозрачност.




Многоцветни градиенти с прозрачност

Като допълнение към това нека добавим, че е възможно да създавеме многоцветни градиенти с прозрачност. За пример ще ползвам вече съществуващият обект, като просто ще превърна запълването на основният обект от плътно в градиентно.

За да направим това, от палитрата Transparency селектирайте модела на обекта за да излезнем от режима за редактиране на маската.



След дова приложете градиентна запълване на обекта. Готово ! имаме се градиент с много цветове заедно с прозрачността.



И за финал, ако желаете може да "излеете" вашият цветен градиент под различен ъгъл, така че вашият цветен градиент да бъде перпендикулярен на градиента за непрозрачност. За да направите това просто променете ъгъла на градиента на 90 градуса от палитрата Gradient. (Разбира се можете да сложите каквито градуси си поискате.)



Превод: Nzhul
Източник

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: maqpen4eva

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.