Как да направите градиент във Photoshop онлайн. Какво е градиент. Шумен преход на цветовете

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

Адобе Фотошопдава на дизайнера много възможности

Графичният редактор Adobe Photoshop е оборудван с достатъчен брой различни инструменти, с помощта на които е възможно да се създават снимки, придружени от специална оригиналност и висока естетика. Един от тези инструменти е "Градиент", фокусиран върху създаването на запълване, което съчетава няколко цветови нюанса, плавно преливащи един в друг. Като се има предвид уникалността на такова запълване, начинаещите дизайнери са нетърпеливи да се научат как да правят градиент във Photoshop.

Photoshop е насочен към потребители с на различни нивапрактически умения. Има инструменти, които улесняват запълването с градиент, а също така има възможности за създаване собствени опцииза да се подчертае уникалността на изображението, което се коригира. Поради тази причина е важно да се запознаете с препоръките на опитни гурута как да създадете градиент във Photoshop, но е полезно първо да проучите разновидностите на инструмента Gradient, за да го използвате възможно най-ефективно по-късно .

Типове градиент

Photoshop има колекция от готови градиенти, представени от пет популярни разновидности.

Линеен градиентактивиран по подразбиране. Използва се, когато искате да създадете преход с оттенък или ниво на прозрачност, придружен от избрана от потребителя посока и базиран на преход спрямо права линия.

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

Градиентно запълване, придружено от цветен преход в спирала, изглежда красиво. Този тип се нарича конусовидна.

Също така, по отношение на права линия в една посока, преходът на цветови нюанси може да се извърши с помощта на огледално градиентно запълване.

Разнообразието с форма на диамант е придружено от показване на цветен преход от центъра на диаманта към всичките му диагонали.

Процес на създаване

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

Преди всичко трябва да активирате инструмента "Градиент" на панела, придружен от икона, която има формата на правоъгълник с неравномерно запълване.

Сега в горната част се появява допълнителен хоризонтален панел, който ви позволява да редактирате някои настройки. По-специално, като щракне върху лента с неравномерно запълване, потребителят извиква нов прозорец, в който можете да зададете необходими параметриинструмента Градиент. Именно в този прозорец трябва да посочите броя на точките, както и да изберете цветните нюанси, които той би искал да види в градиентното запълване.

V отворен прозорецдизайнерът може визуално да наблюдава предложените примери, но ако такива градиенти не са задоволителни, могат да се видят следните образци. За да направите това, просто кликнете върху стрелката, която се намира над цветните проби. След щракване се отваря допълнителен списъкколекция от градиенти, инсталирани във Photoshop.

V практически дейностислучва се така, че желаният градиент липсва от предложения списък. В този случай трябва да изясните как да инсталирате градиенти във Photoshop, след което да го изтеглите на компютъра си във формат grd и да го преместите в папката Gradients, която се намира в главната папка на Adobe Photoshop, най-често намираща се на системното устройство.

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

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

Допълнителни режими

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

Процес за прилагане на допълнителни инструменти

Разбира се, дори начинаещи дизайнери, които желаят постепенно да развият своите творчески умения, се стремят първоначално да разберат сами как да прилагат градиент във Photoshop или как да направят уникална негова версия?

Използвайки полето "Непрозрачност", можете да променяте визуалното изобразяване на основния фон, като зададете параметрите за прозрачност от 1 до 100%. Трябва да се помни, че като изберете максималната стойност, избраната област след запълване ще стане напълно непрозрачна.

Квадратът за отметка "Обръщане" ви позволява да промените реда, в който се показват цветните нюанси. За да зададе или деактивира режима на изглаждане на градиентното запълване, потребителят трябва да използва квадратчето за отметка "Dither". Използвайки списъка "Режим", потребителят може да зададе желания метод за смесване на градиента.

Така че става възможно да направите всяко изображение оригинално, ако Графичен дизайнерще овладее техниката за прилагане на градиент към избрани зони. Не е трудно да се развият такива практически умения, ако има желание, както и усърдно изучаване на препоръките на тези, които вече са постигнали определено умение, които могат да направят всяка картина наистина шедьовър за кратък период от време.

Този урок ще ви помогне да инсталирате нови градиенти за версията на Photoshop CC 2017. За други версии алгоритъмът ще бъде същият.

За да започнете, изтеглете файла с новия градиент на нашия уебсайт или в Интернет и го разопаковайте, ако е в архива.

Отидете на Управление на набори

Най-лесният начин да добавите GRD градиент към програма е просто да пуснете този файл в програмата чрез плъзгане и пускане. По-долу ще разберете как се прави това чрез комплекти.

Отворете Photoshop и отидете в главното меню в горната част на екрана до раздела Редактиране -Комплекти- Задайте управление(Редактиране - Мениджър на предварителни настройки). Ще се появи този прозорец:

Бутонът до първия показалец (под формата на малка черна стрелка) ви позволява да изберете типа добавка, която искате да инсталирате - четки, текстури, форми, градиентии т.н.

Бутонът до втория показалец показва разновидностите на добавките.

Зареждане на градиенти във Photoshop

Кликнете върху малката черна стрелка и от списъка, който се показва, като щракнете с левия бутон на мишката, изберете вида на добавката - Градиенти(Градиенти):

Появява се нов прозорец. Тук посочвате адреса на изтегления файл с градиент. Този файл се намира на вашия работен плот или е поставен в специална папказа изтеглени добавки. В моя случай файлът се намира в папката „Gradients“ на работния плот:

Натиснете отново Изтегли(Зареждане)

Сега, в диалоговия прозорец Управление на предварителни настройки, можете да видите новите градиенти, които току-що заредихме в края на набора от градиенти:

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

Това е всичко, Програма за фотошопкопиран посочен файлс градиент към вашия набор. Можете да го използвате!

Заедно с вас зададох нов градиент за себе си! Да видим какво стана!

Добър ден, скъпи читатели. Много се радвам, че четете моя блог и се надявам, че ще ви помогне да научите нещо, което не сте знаели. Днес ще продължим да използваме Photoshop отново. Не, добре, огънах photoshop. Докато учим само основите, добре, тогава ще работим пълноценно и ще играем палаво!

В една от предишните статии показах, а днес ще се срещнем с брат й - градиента. И какво е то? Говорейки прост език, това е постепенна и плавна смяна на цветовете от един в друг.

Днес ще научим как да приложим градиент във Photoshop чрез изпълнение прости действия... Няма нищо трудно, така че стискайте пръсти и започвайте. Така че да тръгваме!

Например с ширина 500 и височина 400 (разбира се, пиксели). Изберете бяло за цвят на фона. Сега изберете инструмента Gradient Tool. Намира се на същото място като "Fill". Тези. ако е включен този моментсте активирали запълването, след това щракнете с десния бутон върху него и изберете градиент. Е, вие знаете целия процес. Какво ти обяснявам?

Сега нека се опитаме да направим самия градиент. За да направите това, задръжте левия бутон на мишката в средата на фона в самия връх. Сега, без да освобождавате бутона, нарисувайте градиентната линия до най-долната част на картината. За да не се притеснявате, че линията ще се окаже права, задръжте клавиша SHIFT.

Вижте какво се случи. Фонът се промени. Горна частстанаха червени, а долната бяла, но между тях има плавен преход от един цвят към друг.

Сега опитайте да направите същото, само отстрани на изображението. Тези. задръжте натиснат бутона на мишката в средата на лявата страна на изображението и десен бутонв средата на дясната страна (на линията). Виж. Сега градиентът е начертан отстрани. По същия начин можете да рисувате наклонено или под произволен ъгъл. Но това ще промени външния вид на самия градиент.

Не забравяйте, че колкото по-малко рисуваме градиентната линия, толкова по-плавен ще бъде преходът от един цвят към друг.

Вече веднъж казах, че цветът на градиента във Photoshop се влияе. Виж. Основният ми цвят е червен, а фонът е бял. Съответно ще има такъв градиент по подразбиране.

Нека сега да избера други цветове както за преден план, така и за фон. Да кажем, че искам синьо и червено. Променете цветовете и направете отново градиентната операция. И какво виждам? Сега изображението е станало синьо-червено и дори с плавен преход... И този преход смеси тези два цвята в себе си и се превърна в лилаво.

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

Нека поговорим малко за имотите или по-скоро за какво изобщо са предназначени.

Градиентна палитра

Нека отворим палитрата на този прекрасен инструмент и да видим какво представлява. Конкретно можете да видите тук различни преходидва или повече цвята. Някои от тези преходи зависят от избрания цвят, а някои имат свои собствени фиксирани цветове.

  • Първият градиент е класически преход от цвят на преден план към цвят на фона, т.е. сам си избираш цветовете. Това е, което използваме по подразбиране.
  • Следващият тип е преходът от основния цвят към прозрачен, т.е. тук всичко зависи само от избора на основния цвят.
  • Третият тип - това винаги ще бъде преход от черно към бяло и вече тук изборът на вашия цвят в палитрата не влияе на нищо.

Също така, ако щракнете върху зъбното колело, т.е. настройки, тогава ще имате контекстно меню, където можете да изберете допълнителни набори от градиенти (метални, Spectrum и др.), изтеглени от външен източник(Вашият HDD) и ги инсталирайте, възстановете набора по подразбиране и т.н.

Когато изберете комплект, ще имате избор - или да добавите към съществуващия, или да го замените напълно. Изберете "Добавяне" и ще видите, че имате нови преходи.

Видове градиенти

Следващото свойство, което ще разгледаме, са типове. Тук по принцип всичко е доста просто. По подразбиране е Линеен градиент. Тези. това е нормален преход, който вече знаете. Но нека изберем “ Радиален градиент“, пуснете им ред и вижте какво ще се случи.

Виждате колко различен е този тип от стандартния. Основният цвят се появява в центъра, след което постепенно се развива в допълнителен цвят в кръг. Разгледайте останалите видове, за да разберете какво е какво.

Други имоти


Е, по принцип, основната точка, която исках да кажа в тази статия. Градиентът е много удобно нещо, особено ако намерите този инструмент правилно приложение... Например, аз наистина обичам да го използвам, за да дам ефект на текст. Ето най-простия пример.

Има само куп начини да го използвате. И за пълно проучванеградиент, други инструменти и като цяло целия Photoshop, препоръчвам да погледнете отличен видео курс... Престойните уроци са прекрасни, цялата информация е поднесена изцяло и без "вода", и всичко е разказано на човешки език. Изглежда просто бриз. Самият аз подчертах от него много нови неща за себе си. Така че не забравяйте да го проверите.

С най-добри пожелания, Дмитрий Костин.

В последния урок научихме как да рисуваме градиенти с помощта на инструмента Gradient. Разгледахме и как да използваме инструмента за избор на градиент и да изберем желания градиент от многото предоставени градиенти. Въпреки това, без значение колко градиента са включени във Photoshop, по-полезно (и винаги по-забавно) е да можете да създавате свой собствен градиент!

В този урок ще научим как да създаваме, редактираме и запазваме наши собствени градиенти с помощта на градиентния редактор. След това ще видите, че редакторът на градиенти ви позволява не само да изберете желания градиент от готовите мостри (като градиентната палитра), но и да редактирате градиенти, като избирате други цветове, добавяте нови, променяте реда им и изтривате допълнителни цветове... Можем да добавим прозрачност към градиента и дори да коригираме цветния преход! И накрая, можем да запазим нашия градиент като предварително зададена проба, което ще ни позволи бързо да го изберем по-нататъшна работаако е необходимо!

В последния урок разгледахме основите на рисуването на градиенти, така че днес ще се съсредоточим върху изучаването на редактора на градиенти. Ако все още не знаете как да използвате инструмента "градиент"(Gradient Tool) или как да рисувате градиенти, съветвам ви да изучите предишния урок за рисуване на градиенти. V този урокЩе работя във версията на Photoshop CC на програмата, но също Версия на Photoshop CS6 ще направи също. Така че нека започваме!

Създайте нов документ

Нека започнем урока, като създадем нов документ. За да направя това, ще отида в секцията "Файл"(Файл) в лентата с менюта в горната част на екрана и изберете "Нов"(Ново):

Ние избираме Файл> Нов(Файл> Нов)

В резултат на това ще се отвори диалогов прозорец "Нов"(Ново). Тъй като ще изследваме самия градиентен редактор, размерът на файла не е важен за нас. Но ако работите с мен, нека създадем файл със същия размер като последния път: широчина(Ширина) 1200 пиксела, Височина(Височина) 800 пиксела. Параметър "Разрешение"(Разделителна способност) Ще оставя стандартните 72 пиксела/инч непроменени и „Съдържание заден план» (Фоново съдържание) - "бяло"(бял). Щраквам върху OK, когато приключа с въвеждането на данни, за да затворя диалоговия прозорец и екранът ще се покаже нов документс бял фон:

Ние създаваме нов файлразмер 1200x800 px

След като създам нов документ, ще избера инструмента "градиент"(Инструмент за градиент) в лентата с инструменти:

Избиране на инструмента Gradient

Отваряне на градиентния редактор

Както научихме от миналия урок, след активиране на инструмента Gradient има два начина да изберете градиент. Можем да го изберем от предварително дефинираните образци на градиент в градиентната палитра или да създадем и редактираме наш собствен градиент с помощта на градиентния редактор. За да отворите градиентния редактор, щракнете директно върху прозореца предварителен прегледградиенти в панела с настройки. Ако щракнете върху малката стрелка от дясната страна на прозореца за изглед, той ще отвори градиентната палитра, която проучихме по-рано. Този път обаче имаме нужда от градиентен редактор, така че кликнете върху самия прозорец:

Щракнете върху прозореца за преглед на градиент в панела с настройки

Това действие ще се отвори Редактор на градиенти (Редактор на градиенти). В началото може да ви изглежда малко плашещо, но скоро ще видим, че всъщност е много лесно да се работи с:

Редактор на градиенти

Предварително направена област за образци на градиент

Има два етапа на използване на градиентния редактор. Ние всъщност не създаваме градиент от нулата. Вместо това първо избираме предварително направен градиентен образец, който ще ни служи като отправна точка. След това редактираме цветовете на мострите, за да създадем наш собствен градиент.

Редакторът на градиенти е разделен на две основни секции: в горната част е областта на готови градиентни мостри (набори), в долната част е секцията за редактиране на градиенти. Областта Предварително зададени образци работи в редактора на градиенти по същия начин, както в градиентната палитра, като показва миниатюри на всички предварително зададени образци на градиент. За да изберете желания градиент, просто щракнете върху миниизображението му. Името на градиента, върху който сте щракнали, ще се появи под зоната за предварителни мостри:

Кликнете върху миниатюрата, за да изберете желания градиент от готовите мостри.

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

Кликнете върху иконата на зъбно колело

В края на менюто, което се появява на екрана, ще видите други набори от градиенти, всеки със специфична тема, например, "Хармонизирани цветове"(цветови хармонии), "металик"(метали), "пастел"(пастели) и др. За да изберете набор, щракнете върху името му. В моя случай ще избера комплекта Хармонизирани цветове 1(Цветови хармонии 1):

Избор на комплект "Хармонизирани цветове 1"

Програмата ще ви попита дали трябва да замените текущите градиенти с нови от комплекта. Ако натиснете бутона "Добавяне"(Добавяне), вместо да заменя градиенти, програмата ще добави нови градиенти към съществуващите. Харесва ми, когато имам ред на екрана и няма претрупване на икони, така че ще щракна OK, за да заменя градиентите, още повече ще бъде много лесно да възстановя оригиналните (както ще разберем по-късно):

Щракнете върху OK, за да замените текущите градиенти по подразбиране с новите от набора

И сега можем да видим, че вместо оригиналните градиенти, има нови градиенти от набора:

Градиенти от комплекта "Хармонизирани цветове 1"

За да възстановите оригиналните градиенти по подразбиране, щракнете отново върху иконата на зъбно колело:

Кликнете върху иконата на зъбно колело

След това от менюто, което се показва, изберете командата Ремонт на градиенти(Нулиране на градиентите):

Избиране на командата Възстановяване на градиентите

Photoshop ще ви попита дали искате да замените текущите градиенти с градиенти по подразбиране. Щракнете върху OK:

Щракнете върху OK, за да възстановите градиентите по подразбиране.

И сега отново можем да видим оригиналните градиенти:

Оригиналните градиенти са възстановени

Област за редактиране

Ако целта на редактора на градиенти е да създава персонализирани градиенти, тогава защо са му необходими много готови градиентни мостри, които можем също да изберем в градиентната палитра? Както споменах по-рано, ние всъщност не създаваме градиенти от нулата, вместо това избираме един от предварително дефинираните мостри на градиента и след това започваме да редактираме неговите цветове.

Причината, поради която имаме достъп до градиентни мостри в редактора, е, че можем да избираме от готовите мостри, подобни на този, който искаме да създадем. Следователно са необходими по-малко усилия. Например, ако трябва да създам градиент с преход между три цвята, тогава мога да избера готова мостра, която вече включва три цвята. Може би цветовете няма да са същите, но според поне, вече ще има три.

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

Или ако градиентът ще използва пастелни цветове, например, може да е по-лесно първо да заредите набора. "пастел"(Пастели) и изберете готова проба от там със съвпадащи цветове.

Поне това е един от вариантите. Въпреки това, всъщност създаването на всеки градиент с градиентния редактор е толкова лесно, че често просто ще изберете един от основните градиенти, за да започнете. "Черно бяла"(Черно бяла). Ще го избера, като щракна върху съответното миниизображение (третото отляво в горния ред):

Избиране на черен, бял градиент

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

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

Тип градиент

Ако вместо градиент с плавен преход видите ред от многоцветни линии в скалата на градиента, това означава, че параметърът "Тип градиент"(Тип на градиент) не е зададен на "Непрекъснато"(Твърдо) и нататък "шум"(Шум). Ще разгледаме такива градиенти в отделен урок, тъй като те не само изглеждат различно, но и стъпките за създаването им са различни. Най-общо казано, когато искате да създадете обикновен градиент с плавен преход между два цвята, трябва да зададете вида на градиента. "Непрекъснато"(Твърдо).

Уверете се, че Непрекъснато е избрано като Тип градиент

Замяна на цветове в градиент

Ако погледнете под лентата на градиента, ще видите точките за спиране на цвета (цветни мостри като малки квадратчета със стрелки, сочещи към градиента над тях). Има една цветова точка за всеки цвят в градиента. Тъй като избрах черно-бял градиент, той има две цветни точки: една е изпълнена с черно отляво и друга, изпълнена с бяло отдясно. Тези цветни точки сочат Photoshop две важни точки- какви цветове да използвате в градиента и как да ги поставите:

Цветът спира под всеки ръб на градиента

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

Кликнете върху точката на цвета, който искате да промените

След като избера точка, ще щракна върху цветната проба

Кликнете върху мостра, за да промените цвета

В резултат на това ще се отвори Цветова палитра(Средство за избиране на цвят). Ще избера тъмно червено като нов цвят и след това ще щракна върху OK, за да изляза от палитрата:

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

След това моят оригинален градиент от черно към бяло ще се превърне в червен към бял градиент:

Черният цвят в моя градиент се промени на червен

Ще направя същото и с другия цвят, като го сменя от бяло на жълто. Но този път ще взема повече бърз начинцветни заместители. Вместо да щракна върху точка и да я изберете и след това да щракнете върху цветен образец, всичко, което трябва да направя, е да щракна двукратно върху точката:

Щракнете двукратно върху белия цвят

Като резултат кликнете два пътищракването с мишката незабавно ще отвори инструмента за избор на цвят. Ще избера жълто и след това ще щракна върху OK, за да затворя палитрата:

Промяна бял цвятв градиент към жълто

По този начин, след няколко щраквания, нашият оригинален градиент от черно към бяло се превърна в нов градиент от червено към жълто:

Нови градиентни цветове

Регулиране на средната точка на цвета

Ако погледнете мащаба между двата цветни спирки, ще видите малка иконапод формата на ромб. Това е иконата на средната точка на цвета, която маркира средата на прехода между цветовете (мястото, където два цвята се смесват заедно). Ако не виждате иконата на средната точка, щракнете върху някоя от цветните спирки и тя ще се появи.

Цветна икона на средна точка

Можем да променим позицията на средната точка, като преместим иконата по-близо до един или друг цвят. Например, ще преместя средната точка към левия ръб, така че да е по-близо до червената точка на цвета. Забележете какво се случва след това с градиента. Чрез изместване на средната точка наляво съкратих зоната на преход между червената цветна точка и средната точка и удължих прехода между средната точка и жълтата цветова точка:

Регулиране на преходната зона чрез преместване на средната точка на цвета

Параметър на позицията

Докато местите иконата на средната точка на цвета, "позиция"(Местоположение) под градиентната лента се променя, за да отразява процента на точното местоположение, където средната точка е между двата цвята. По подразбиране стойността на местоположението на средната точка е 50% (точно по средата между цветовете), но след преместване на средната точка наляво стойността на местоположението се променя на 25%. С други думи, преходът между цвета на градиента отляво и средната точка сега заема една четвърт от цялата дължина на градиента, а преходът между средната точка и цвета на градиента отдясно е три четвърти от цялата дължина дължина:

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

Вече разгледахме как можете да промените позицията на средната точка на цвета, като преместите иконата му, но можем също да променим местоположението му, като въведете конкретни стойности в полето за въвеждане на данни за параметри "позиция"(Местоположение). Ако искам например да преместя средната точка от "1/4" на "3/4", тогава мога да направя това, като променя стойността на параметъра "Позиция" от 25% на 75%:

Въведете ръчно новата стойност на параметъра "Позиция".

И сега можем да видим, че средната точка се е преместила до маркировката 75%, като едновременно с това удължава разстоянието между червената точка на цвета и средната точка и намалява разстоянието между средната точка и жълтата точка на цвета:

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

Ще задам средната точка обратно в първоначалната й позиция по подразбиране, като задам стойността на параметъра "позиция"(Местоположение) с 50%:

Средната точка се е преместила обратно в средата на градиента

Добавяне на цветове към градиента

За да добавите нови цветове към градиента, всичко, което трябва да направите, е да щракнете под градиента на мястото, където искате да добавите нов цвят... Photoshop ще добави нова към тази позиция. контролна точкацветове. Например, за да добавя трети цвят между двата оригинални цвята, ще щракна правилното мястопод градиента (обърнете внимание, че щраквам под иконата на средната точка, а не върху нея):

Щракнете с бутона на мишката на подходящото място, за да добавите трети цвят

В резултат на това на това място ще се появи нов цветен стоп. За да промените цвета му, щракнете двукратно върху него с бутона на мишката:

Щракнете двукратно върху новата цветова проба

След това в инструмента за избор на цвят, който се показва, изберете желан цвят... В моя случай ще избера синьо:

Избор на трети цвят за градиента

Добавен е трети цвят

Преместване на цветове в градиент

Можем не само да добавяме цветове към градиента, но и да ги преместваме и дори да променяме реда, в който се появяват. Има няколко начина за преместване на цветовете. Първият е просто да щракнете върху цветния стоп и да го преместите наляво или надясно. В моя случай щракнах върху циановата цветна точка в центъра и я преместих по-близо до жълтата цветна точка. Както в случая на преместване на средната точка, стойността на параметъра "позиция"(Местоположение) ще се промени и ще се покаже точно местоположениепроцентни точки:

Преместете цвета, като преместите контролната му точка по градиента

Вторият начин за преместване на цвят е да щракнете върху неговата контролна точка, за да изберете цвят, и след това да въведете конкретни стойности в полето за въвеждане на параметър „Позиция“. Ще щракна върху жълтата цветна точка, за да я избера. Моля, имайте предвид, че тя текущата позицияе равно на 100%:

Избиране на точката на жълт цвят

Ще променя местоположението на точката, като въведа стойност от 50%, което ще премести жълтата точка до средата на градиента:

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

Избиране на синя цветна точка

Ще го преместя чак до края на десния ръб, където преди беше жълтата цветна точка, и по този начин ефективно ще разменя двата преливащи цвята:

Преместете синия цвят до края на десния край на градиента

Премахване на цвета

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

Избор на спиране на синия цвят

Ще го преместя надолу по лентата на градиента и ще видим, че синият цвят от градиента е изчезнал, докато червеният и жълтият остават. Photoshop ни дава възможност да отменим една стъпка при редактиране на градиенти, така че ако погрешка сте изтрили цвета, който искате, просто натиснете Ctrl + Z (Win) / Command + Z (Mac), за да отмените. последно действиеи възстановете цвета:

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

Копирайте съществуващ цвят

Друг начин да добавите цвят към градиент е да дублирате съществуващ цвят. За да направите това, трябва да натиснете и задържите Alt клавиш(Win) / Option (Mac), докато изберете цветен стоп и го преместите надясно или наляво. По този начин, вместо да местите началната точка, вие ще преместите копие на точката, което по-късно може да бъде поставено върху вашия градиент на желаното място.

Да предположим, че наистина искам да създам градиент, преминаващ от червено към жълто и обратно към червено отново. Вече имам червено от лявата страна на градиента. Вместо да добавя друг цвят към градиента и ръчно съпоставям същия нюанс на червено в инструмента за избор на цветове, просто задържам Alt (Win) / Option (Mac), след което щраквам върху червената цветна точка и я премествам надясно, създавайки точно копие. :

Alt (Win) / Option (Mac) щракнете и плъзнете цветна точка, за да създадете копие

Правенето на копия на цветни точки улеснява добавянето на едни и същи цветове към различни части на градиента

Добавяне на прозрачност

Ако погледнете над лентата с градиент, ще видите икони, които изглеждат като допълнителни цветни точки. Това всъщност са точките на прекъсване на непрозрачността. Те ни позволяват да регулираме непрозрачността на различни части от градиента. На екранната снимка по-долу можете да видите по една спирачка за непрозрачност във всеки край на градиента:

Точки на прекъсване на непрозрачността

Някои от предварително направените градиентни мостри вече имат прозрачност, други не, но можем лесно да го добавим към градиента, ако е необходимо. Например, ако искам моят градиент да има преход от плътен цвят вляво към напълно прозрачен вдясно, тогава мога да постигна това, като щракна върху точката на непрозрачност, разположена над лентата с градиент от дясната страна. В резултат те ще станат активни опциипрозрачност в секцията "контролни точки"(Спира) под наклона. Моля, имайте предвид, че текущата стойност на параметъра "Непрозрачност"(Непрозрачност) 100%, което означава, че в този раздел на градиента изобщо няма прозрачност:

Избиране на спиране на непрозрачността от дясната страна

За да добавя прозрачност, ще щракна върху стрелката вдясно от текущата стойност на непрозрачността и ще намаля стойността, като преместя плъзгача наляво. Ще намаля стойността до 0% за изпълнение правилната странаградиентът е напълно прозрачен. Можете също да създадете частична прозрачност на градиента, като изберете стойност между 0% и 100%.

Забележете, че цветът на спиране на непрозрачността се е променил от черен на бял. Черното означава, че непрозрачността е 100%, бялото означава, че непрозрачността е 0% (напълно прозрачен). Частичната непрозрачност е представена от различни нюанси на сивото. Забележете също, че градиентната лента вече преминава от плътен цвят вляво към шахматна дъска вдясно. Моделът на шахматната дъска е отговорен за прозрачността на изображението във Photoshop:

Намалете непрозрачността на контролната точка вдясно до 0%

Преместване на контролни точки за непрозрачност

В допълнение към преместването на цветните спирки по градиентната лента, можем също да преместваме спирките за непрозрачност. Например, какво ще стане, ако искам да нарисувам прозрачен цветен преход от жълто в средата на градиента, а не от червено от лявата страна? Мога да направя това по няколко начина. Първо, мога просто да щракна върху ограничителя на непрозрачността от лявата страна и да го плъзгам до средата на градиента, така че да седи отгоре жълто... По този начин градиентът ще остане напълно непрозрачен до средата на скалата (до жълто) и едва тогава ще се премине към прозрачен цвятот дясната страна:

Преместете ограничителя за непрозрачност от левия ръб към центъра на градиента

Добавяне на точки на прекъсване на непрозрачността

Второ, мога да оставя двете оригинални точки на непрозрачност на първоначалните им позиции и просто да добавя трета точка над средата на лентата с градиент. Първо, ще задам точката на прекъсване на непрозрачността обратно в първоначалната й позиция от лявата страна на градиента, като променя стойността на параметъра "позиция"(Местоположение) от 50% до 0%:

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

Щракнете в средата на градиента, за да добавите трета точка на непрозрачност.

Photoshop ще добави нова точканепрозрачност. Имайте предвид, че стойността на параметъра "Непрозрачност"(Непрозрачността) за тази точка вече е 100%, така че не е нужно да я променяме. Въпреки това, бих могъл да въведа всяка стойност на непрозрачност от 0% до 100%, ако е необходимо. Също така имайте предвид, че стойността на параметъра "позиция"(Местоположение) е 50%, но отново, ако е необходимо, мога да променя дадена стойностили чрез преместване на самата точка, или чрез въвеждане на нова стойност в полето за параметър "Позиция". Можете да добавите толкова контролни точки за непрозрачност към градиента, колкото ви е необходимо. по-добър контролпреход на цвета:

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

Можете да копирате съществуващи точки на прекъсване на непрозрачността, точно както направихте с точките на прекъсване на цвета. Просто задръжте натиснат Alt (Win) / Option (Mac), докато плъзгате непрозрачността наляво или надясно, за да създадете копие и да го поставите там, където искате. Точно както при цветовите точки на прекъсване, можете да видите икона на средна точка на непрозрачност за всеки набор от точки на непрозрачност. Кликнете върху тази значкаи го преместете по-близо до една или друга точка на непрозрачност, за да коригирате правилният начинпреход между цветовете:

Преместете средната точка на непрозрачността надясно

Премахване на точките на прекъсване на непрозрачността

За да премахнете ограничителя за непрозрачност, щракнете върху него, за да го изберете и след това го преместете нагоре извън градиента, докато изчезне. Ще премахна точката на непрозрачност от десния край, като щракна върху нея и я преместя нагоре. Тъй като само тази точка от трите съществуващи степени непрозрачност(Непрозрачност) беше различна от 100%, когато го премахнете, нашият градиент отново е напълно непрозрачен:

Премахнете точката на прекъсване на непрозрачността вдясно

И накрая, за да върнете градиента към оригинално състояние(въпреки че това не се изисква, тъй като градиентът вече няма прозрачни зони), ще щракна върху спирката за непрозрачност в средата на градиента и ще го преместя надясно:

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

Параметър за плавност

Последният параметър, който трябва да разгледаме в днешния урок, е параметърът "гладкост"(Smoothness), който е отговорен за плавността и постепенността на прехода между основните цветове. По подразбиране стойността му е 100% и всички преходи са разпределени възможно най-равномерно. С намаляването на стойността му ще се появят допълнителни сенки като преход между цветовете, което ще доведе до появата на нежелани ивици в градиента. В повечето случаи е най-добре да оставите плавността на 100%:

Параметър за плавност

Запазване на градиент като нов образец

Когато сте доволни от вида на получения градиент, можете да го запазите като нов образец. За да направите това, първо въведете името на градиента в полето "име"(Име). Ще нарека моя градиент Червено-Жълто-Червено:

Наименувайте новия градиент

След това кликнете върху бутона "Нов"(Ново):

Кликнете върху бутона "Ново".

В резултат на това Photoshop ще добави нов градиент към останалите проби, като му присвои собствена миниатюра, като щракнете върху която можете да изберете нов градиент следващия път, ако е необходимо:

Новият градиент ще се появи в областта Preset Gradient Swatches.

Когато сте готови, щракнете върху OK, за да затворите градиентния редактор:

Щракнете върху бутона OK

И сега сме готови! Научихме се как да създаваме, редактираме и запазваме наши собствени градиенти с помощта на Gradient Editor! За да научите как да рисувате градиенти, следвайте урока