phs - Урок 5

23

Click here to load reader

Upload: raynaitstep

Post on 09-Jan-2017

1.103 views

Category:

Design


0 download

TRANSCRIPT

Page 1: PhS - Урок 5
Page 2: PhS - Урок 5

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

цветове

Page 3: PhS - Урок 5

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

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

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

Page 4: PhS - Урок 5
Page 5: PhS - Урок 5

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

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

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

Page 6: PhS - Урок 5

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

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

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

Page 7: PhS - Урок 5

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

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

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

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

Page 8: PhS - Урок 5

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

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

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

Page 9: PhS - Урок 5

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

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

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

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

Page 10: PhS - Урок 5

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

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

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

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

Page 11: PhS - Урок 5

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

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

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

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

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

Page 12: PhS - Урок 5

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

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

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

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

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

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

Page 13: PhS - Урок 5

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

Page 14: PhS - Урок 5

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

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

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

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

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

Page 15: PhS - Урок 5

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

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

Page 16: PhS - Урок 5

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

Page 17: PhS - Урок 5

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

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

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

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

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

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

Page 18: PhS - Урок 5
Page 19: PhS - Урок 5

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

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

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

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

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

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

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

Page 20: PhS - Урок 5

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

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

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

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

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

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

Page 21: PhS - Урок 5

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

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

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

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

Page 22: PhS - Урок 5

1. Elliptical Marquee Tool

2. Solid Gradients => Angle Gradient

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

Упражнение

Page 23: PhS - Урок 5

Въпроси?