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
Упражнение
Въпроси?

PhS - Урок 5

  • 2.
  • 3.
    Градиент. Концепция • Градиент=> многоцветно запълване на обекти или селектирана област • Използваме градиенти, за да създадем: – Светлинни ефекти – Огледални ефекти – Запълване на фоново пространство – Ефект на усещане за обем
  • 5.
    Създаване на градиент •Избираме Gradient Tool • Поставяме начална точка с инструмента; без да отпускаме левия бутон на мишката, поставяме крайната точка • Предварителни настройки на градиента
  • 6.
    Видове градиенти • LinearGradient / Линеен градиент – преход от един към друг цвят по права • Radial Gradient / Сферичен градиент => чертаем линията на градиента от центъра навън
  • 7.
    Видове градиенти • AngleGradient / Ъглов градиент – под формата на конус • Reflected Gradient / Огледален градиент => подобен на линейния • Diamond Gradient => градиент в ромбоидна форма (на принципа на сферичния градиент)
  • 8.
    Особености при рисуванетона градиент • Посока на градиента – контролираме я чрез мишката / графичния таблет • Размер на градиента – зависи от дължината на нарисуваната линия => от това зависи плавността на преливката
  • 9.
    Особености при рисуванетона градиент • Важно! Градиентът автоматично запълва цялото пространство след крайната точка, която сме поставили. • Отметката Reverse => обръща градиента в обратна посока –При линейния градиент е достатъчно да сменим посоката на начертаване на линията
  • 10.
    Видове градиенти • Solid/ smooth gradients => плавни градиенти – могат да се персонализират изцяло • Noise gradients => “шумови” градиенти – изчисляват се от програмата на случаен принцип – Можем единствено да ги ограничим, но не и да ги контролираме
  • 11.
    Solid Gradients /Плавни градиенти • От лентата с опции избираме стрелката в полето за редакция на градиента • Бутон за настройки => Библиотеки с градиенти / Presets • Reset Gradients => връщаме се към библиотеката с градиенти по подразбиране • Foreground / Background Color => служат като основа
  • 12.
    Създаване на цветнипреливки • Отваряме диалоговия прозорец на градиентите от лентата с опции на инструмента – Избираме готов модел и го редактираме – Създаваме нов градиент чрез конфигурация на цветната скала • Долни маркери – служат за избор на цветовете за градиента – Местене на маркери – чрез плъзгане – Премахване на маркери – чрез бутона Delete или чрез издърпване надолу – Копиране на маркери – чрез бутон Alt + влачене или чрез последователно кликване в/у цвета за копиране и новата позиция
  • 13.
  • 14.
    Настройки на цветнипреливки • Полето Color – избираме цвят за маркера • Полето Location / Местоположение – регулираме позицията на цвета в числова стойност – Позицията определя последователността на цветовете в градиента – 50% = средата между два маркера • Color Midpoint / Средна точка – ромбоидната точка между две маркера – Контролира плавността на преливката
  • 15.
    Примери за различна локация намаркер Примери за различна позиция на средната точка Color Midpoint
  • 16.
  • 17.
    Настройки на цветнипреливки • Настройката Smoothness – По подразбиране е 100% – При 0% цветовете се нареждат на база математически стойности • Прозрачност на градиента – 2 опции: – Opacity 1=> регулира се от полето Opacity в лентата с опции на инструмента – Opacity 2 => регулира се през диалоговия прозорец на инструмента • Opacity Stops – горните маркери над цветната скала • Черен маркер = 100% = непрозрачен цвят • Бял маркер = 0% = прозрачен цвят • Опцията Transparency в лентата с опции трябва да е отметната, за да виждаме прозрачността
  • 19.
    Noise Gradients /“Шумови” градиенти • Избираме вида градиенти от падащото меню Gradient Type • Параметърът Roughness / Неравност => определя гладкостта на градиента – Високи стойности = цветни участъци без преход • Бутонът Randomize => програмата размества цветовете на случаен принцип • Може да се наложи да натискаме бутона многократно • Няма възможност за връщане към предния вариант на градиент
  • 20.
    Управление на Noise градиентите •Можем да ограничим резултата, като забраним конкретни опции! • Избор на цветен модел Color Model: – RGB – чисти, ярки цветове – L.a.b. – цветове извън различимата гама за принт и екран – HSB = Hue, Saturation, Brightness – нюанс, наситеност, яркост (светлост) • Чрез маркерите ограничаваме вариациите на цветове – По-малко разстояние между маркерите = по- малко цветове
  • 21.
    Прозрачност на Noise градиентите •Отметката Add Transparency => добавяме прозрачност на случаен принцип • Зависи от Roughness => по-висока стойност = повече прозрачни полета • Noise градиентите се използват за създаване на текстури, за създаване на т.нар. процедурни карти, с които работят 3D програмите и т.н.
  • 22.
    1. Elliptical Marquee Tool 2.Solid Gradients => Angle Gradient 3. Noise Gradient => Radial Gradient • Opacity 40% • Multiply Упражнение
  • 23.