SlideShare a Scribd company logo
1 of 23
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
Упражнение
Въпроси?

More Related Content

What's hot

PhS - Урок 2
PhS - Урок 2PhS - Урок 2
PhS - Урок 2RaynaITSTEP
 
PhS - Урок 3
PhS - Урок 3PhS - Урок 3
PhS - Урок 3RaynaITSTEP
 
PhS - Урок 10
PhS - Урок 10PhS - Урок 10
PhS - Урок 10RaynaITSTEP
 
Photoshop 4
Photoshop 4Photoshop 4
Photoshop 4iiani
 
Photoshop Въведение
Photoshop ВъведениеPhotoshop Въведение
Photoshop ВъведениеRaynaITSTEP
 
Photoshop 3
Photoshop 3Photoshop 3
Photoshop 3iiani
 
Photoshop 1
Photoshop 1Photoshop 1
Photoshop 1iiani
 
Comp graph
Comp graphComp graph
Comp graphiiani
 
Урок 2 pixel art
Урок 2   pixel artУрок 2   pixel art
Урок 2 pixel artRaynaITSTEP
 
вмъкване на графичен обект
вмъкване на графичен обектвмъкване на графичен обект
вмъкване на графичен обектVera
 

What's hot (13)

PhS - Урок 2
PhS - Урок 2PhS - Урок 2
PhS - Урок 2
 
PhS - Урок 3
PhS - Урок 3PhS - Урок 3
PhS - Урок 3
 
PhS - Урок 10
PhS - Урок 10PhS - Урок 10
PhS - Урок 10
 
Photoshop 4
Photoshop 4Photoshop 4
Photoshop 4
 
Photoshop Въведение
Photoshop ВъведениеPhotoshop Въведение
Photoshop Въведение
 
Photoshop 3
Photoshop 3Photoshop 3
Photoshop 3
 
Photoshop 1
Photoshop 1Photoshop 1
Photoshop 1
 
Comp graph
Comp graphComp graph
Comp graph
 
Урок 2 pixel art
Урок 2   pixel artУрок 2   pixel art
Урок 2 pixel art
 
Layers
LayersLayers
Layers
 
пп іі
пп ііпп іі
пп іі
 
вмъкване на графичен обект
вмъкване на графичен обектвмъкване на графичен обект
вмъкване на графичен обект
 
Mask
MaskMask
Mask
 

More from RaynaITSTEP

Project management professional
Project management professionalProject management professional
Project management professionalRaynaITSTEP
 
Project management it step
Project management it stepProject management it step
Project management it stepRaynaITSTEP
 
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)RaynaITSTEP
 
monitoring and diagnostics
monitoring and diagnosticsmonitoring and diagnostics
monitoring and diagnosticsRaynaITSTEP
 
network security
network securitynetwork security
network securityRaynaITSTEP
 
configuring disk sand drivers
configuring disk sand driversconfiguring disk sand drivers
configuring disk sand driversRaynaITSTEP
 
install update and migration to windows 10
install update and migration to windows 10install update and migration to windows 10
install update and migration to windows 10RaynaITSTEP
 
Фотошоп за деца_4
Фотошоп за деца_4Фотошоп за деца_4
Фотошоп за деца_4RaynaITSTEP
 
Структурни кабелни системи
Структурни кабелни системиСтруктурни кабелни системи
Структурни кабелни системиRaynaITSTEP
 
Android introduction
Android introductionAndroid introduction
Android introductionRaynaITSTEP
 
Adobe Illustrator - Урок 2
Adobe Illustrator - Урок 2Adobe Illustrator - Урок 2
Adobe Illustrator - Урок 2RaynaITSTEP
 
Adobe Illustrator - Обобщение
Adobe Illustrator - ОбобщениеAdobe Illustrator - Обобщение
Adobe Illustrator - ОбобщениеRaynaITSTEP
 

More from RaynaITSTEP (20)

Project management professional
Project management professionalProject management professional
Project management professional
 
Project management it step
Project management it stepProject management it step
Project management it step
 
Lean startup
Lean startupLean startup
Lean startup
 
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
 
DBT_3
DBT_3DBT_3
DBT_3
 
DBT_2
DBT_2DBT_2
DBT_2
 
DBT_1
DBT_1DBT_1
DBT_1
 
monitoring and diagnostics
monitoring and diagnosticsmonitoring and diagnostics
monitoring and diagnostics
 
network security
network securitynetwork security
network security
 
networking
networkingnetworking
networking
 
data security
data securitydata security
data security
 
configuring disk sand drivers
configuring disk sand driversconfiguring disk sand drivers
configuring disk sand drivers
 
boot process
boot process  boot process
boot process
 
install update and migration to windows 10
install update and migration to windows 10install update and migration to windows 10
install update and migration to windows 10
 
virtualization
virtualizationvirtualization
virtualization
 
Фотошоп за деца_4
Фотошоп за деца_4Фотошоп за деца_4
Фотошоп за деца_4
 
Структурни кабелни системи
Структурни кабелни системиСтруктурни кабелни системи
Структурни кабелни системи
 
Android introduction
Android introductionAndroid introduction
Android introduction
 
Adobe Illustrator - Урок 2
Adobe Illustrator - Урок 2Adobe Illustrator - Урок 2
Adobe Illustrator - Урок 2
 
Adobe Illustrator - Обобщение
Adobe Illustrator - ОбобщениеAdobe Illustrator - Обобщение
Adobe Illustrator - Обобщение
 

PhS - Урок 5

  • 1.
  • 3. Градиент. Концепция • Градиент => многоцветно запълване на обекти или селектирана област • Използваме градиенти, за да създадем: – Светлинни ефекти – Огледални ефекти – Запълване на фоново пространство – Ефект на усещане за обем
  • 4.
  • 5. Създаване на градиент • Избираме Gradient Tool • Поставяме начална точка с инструмента; без да отпускаме левия бутон на мишката, поставяме крайната точка • Предварителни настройки на градиента
  • 6. Видове градиенти • Linear Gradient / Линеен градиент – преход от един към друг цвят по права • Radial Gradient / Сферичен градиент => чертаем линията на градиента от центъра навън
  • 7. Видове градиенти • Angle Gradient / Ъглов градиент – под формата на конус • 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 + влачене или чрез последователно кликване в/у цвета за копиране и новата позиция
  • 14. Настройки на цветни преливки • Полето Color – избираме цвят за маркера • Полето Location / Местоположение – регулираме позицията на цвета в числова стойност – Позицията определя последователността на цветовете в градиента – 50% = средата между два маркера • Color Midpoint / Средна точка – ромбоидната точка между две маркера – Контролира плавността на преливката
  • 15. Примери за различна локация на маркер Примери за различна позиция на средната точка Color Midpoint
  • 17. Настройки на цветни преливки • Настройката Smoothness – По подразбиране е 100% – При 0% цветовете се нареждат на база математически стойности • Прозрачност на градиента – 2 опции: – Opacity 1=> регулира се от полето Opacity в лентата с опции на инструмента – Opacity 2 => регулира се през диалоговия прозорец на инструмента • Opacity Stops – горните маркери над цветната скала • Черен маркер = 100% = непрозрачен цвят • Бял маркер = 0% = прозрачен цвят • Опцията Transparency в лентата с опции трябва да е отметната, за да виждаме прозрачността
  • 18.
  • 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 Упражнение