phs - Урок 5

Gradients/Преливки на

цветове

Градиент. Концепция• Градиент => многоцветно

запълване на обекти или селектирана област

• Използваме градиенти, за да създадем:– Светлинни ефекти– Огледални ефекти– Запълване на фоново пространство– Ефект на усещане за обем

Създаване на градиент• Избираме Gradient Tool • Поставяме начална

точка с инструмента; без да отпускаме левия бутон на мишката, поставяме крайната точка

• Предварителни настройки на градиента

Видове градиенти• Linear Gradient /

Линеен градиент – преход от един към друг цвят по права

• Radial Gradient / Сферичен градиент => чертаем линията на градиента от центъра навън

Видове градиенти• Angle Gradient /

Ъглов градиент – под формата на конус

• Reflected Gradient / Огледален градиент => подобен на линейния

• Diamond Gradient => градиент в ромбоидна форма (на принципа на сферичния градиент)

Особености при рисуването на градиент• Посока на

градиента – контролираме я чрез мишката / графичния таблет

• Размер на градиента – зависи от дължината на нарисуваната линия => от това зависи плавността на преливката

Особености при рисуването на градиент• Важно! Градиентът

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

• Отметката Reverse => обръща градиента в обратна посока–При линейния градиент е

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

Видове градиенти• Solid / smooth gradients =>

плавни градиенти – могат да се персонализират изцяло

• Noise gradients => “шумови” градиенти – изчисляват се от програмата на случаен принцип–Можем единствено да ги ограничим,

но не и да ги контролираме

Solid Gradients / Плавни градиенти• От лентата с опции избираме

стрелката в полето за редакция на градиента

• Бутон за настройки => Библиотеки с градиенти / Presets

• Reset Gradients => връщаме се към библиотеката с градиенти по подразбиране

• Foreground / Background Color => служат като основа

Създаване на цветни преливки• Отваряме диалоговия прозорец на

градиентите от лентата с опции на инструмента– Избираме готов модел и го редактираме– Създаваме нов градиент чрез конфигурация на

цветната скала• Долни маркери – служат за избор на

цветовете за градиента– Местене на маркери – чрез плъзгане– Премахване на маркери – чрез бутона Delete

или чрез издърпване надолу– Копиране на маркери – чрез бутон Alt + влачене

или чрез последователно кликване в/у цвета за копиране и новата позиция

Създаване на цветни преливки

Настройки на цветни преливки• Полето Color – избираме цвят за

маркера• Полето Location / Местоположение –

регулираме позицията на цвета в числова стойност– Позицията определя последователността

на цветовете в градиента– 50% = средата между два маркера

• Color Midpoint / Средна точка – ромбоидната точка между две маркера– Контролира плавността на преливката

Примери за различна локация на маркер

Примери за различна позиция на средната точка Color Midpoint

Създайте следните градиенти:

Настройки на цветни преливки• Настройката Smoothness

– По подразбиране е 100%– При 0% цветовете се нареждат на база

математически стойности• Прозрачност на градиента – 2 опции:

– Opacity 1=> регулира се от полето Opacity в лентата с опции на инструмента

– Opacity 2 => регулира се през диалоговия прозорец на инструмента• Opacity Stops – горните маркери над цветната скала• Черен маркер = 100% = непрозрачен цвят• Бял маркер = 0% = прозрачен цвят• Опцията Transparency в лентата с опции трябва да

е отметната, за да виждаме прозрачността

Noise Gradients / “Шумови” градиенти• Избираме вида градиенти от падащото

меню Gradient Type• Параметърът Roughness / Неравност =>

определя гладкостта на градиента– Високи стойности = цветни участъци без

преход• Бутонът Randomize => програмата

размества цветовете на случаен принцип• Може да се наложи да натискаме бутона

многократно• Няма възможност за връщане към

предния вариант на градиент

Управление на Noise градиентите• Можем да ограничим резултата,

като забраним конкретни опции!• Избор на цветен модел Color Model:– RGB – чисти, ярки цветове– L.a.b. – цветове извън различимата гама

за принт и екран– HSB = Hue, Saturation, Brightness –

нюанс, наситеност, яркост (светлост)• Чрез маркерите ограничаваме

вариациите на цветове– По-малко разстояние между маркерите =

по-малко цветове

Прозрачност на Noise градиентите• Отметката Add Transparency =>

добавяме прозрачност на случаен принцип

• Зависи от Roughness => по-висока стойност = повече прозрачни полета

• Noise градиентите се използват за създаване на текстури, за създаване на т.нар. процедурни карти, с които работят 3D програмите и т.н.

1. Elliptical Marquee Tool

2. Solid Gradients => Angle Gradient

3. Noise Gradient => Radial Gradient• Opacity 40%• Multiply

Упражнение

Въпроси?