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

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

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

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

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

Оригиналното изображение.

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

Окончателното оцветено изображение.

Как да оцветите снимка с множество цветове

Стъпка 1: Добавете ново вертикално ръководство, зададено на 25%

Преди да започнем да оцветяваме различни раздели от нашата снимка, първо трябва да създадем секциите и за това ще използваме ръководствата на Photoshop. Ръководствата може да не са най-вълнуващата част от работата с Photoshop, но определено могат да улеснят живота ви. За да разделим нашата снимка на четири секции с еднакъв размер, ще ни трябват три водача. Нека добавим първата си. Отидете до менюто View в горната част на екрана и изберете New Guide . Това извежда диалоговия прозорец Ново ръководство. Искаме да създадем вертикални водачи, затова изберете Вертикални за опцията Ориентация . След това в долната част на диалоговия прозорец въведете 25% за стойността на позицията :

Изберете вертикална за ориентация и въведете 25% за стойността на позицията в диалоговия прозорец Нов водач.

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

Към снимката е добавено първото ръководство.

Стъпка 2: Добавете второ вертикално ръководство, зададено на 50%

Нека добавим второто ни ръководство. Върнете се обратно в менюто View в горната част на екрана и отново изберете New Guide . Когато се появи диалоговият прозорец New Guide, уверете се, че е избран вертикален за опцията за ориентация и този път въведете стойност от 50% за опцията позиция :

Задайте позицията на втория водач на 50%.

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

Второто ръководство е добавено към снимката.

Стъпка 3: Добавете трето вертикално ръководство, зададено на 75%

Върнете се обратно в менюто View, изберете New Guide и този път въведете стойност от 75% за опцията Position в диалоговия прозорец New Guide. Отново се уверете, че е избрана вертикална за опцията за ориентация :

Задайте позицията на третия водач на 75%.

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

Към снимката е добавено третото ръководство.

Благодарение на трите ръководства, които добавихме, едно на 25%, едно на 50% и едно на 75% от целия път на изображението, нашата снимка вече е разделена на четири секции с еднакъв размер. Вече можем да започнем оцветяване на всеки раздел, което ще направим по-нататък!

Стъпка 4: Уверете се, че "Snap to Guides" е включен

След миг ще започнем да влачим селекции около четирите ни секции с помощта на инструмента за правоъгълна маркировка и за да улесним нещата за нас, Photoshop ще направи щракането на нашите селекции директно към създадените от нас водачи. Или поне ще стане, ако имаме включена опция Snap To Guides . Отидете до менюто View в горната част на екрана и изберете Snap To . Ще се появи подменю с опцията Guides в самата горна част на него. Погледнете отляво на думата „Ръководства“. Ако видите отметка до думата, това означава, че опцията вече е активирана, така че няма нужда да я избирате. Ако не виждате отметка, кликнете върху думата „Ръководства“, за да активирате опцията:

Уверете се, че опцията Snap To Guides е включена. Отметка означава, че опцията е активирана.

Стъпка 5: Изберете инструмента за правоъгълна маркировка

Вече можем да започнем да влачим селекция около първия си раздел. Хванете инструмента за правоъгълна маркировка от горната част на палитрата Инструменти или просто натиснете буквата M на клавиатурата си, за да я изберете с пряк път:

Изберете инструмента за правоъгълна маркировка.

Стъпка 6: Плъзнете селекция около първата секция отляво

С избрания инструмент за правоъгълна маркировка, започнете в горния ляв ъгъл на снимката и плъзнете селекция около първия раздел отляво на изображението. Ще забележите, че когато се придвижите близо до първото ръководство, изборът ще премине към него благодарение на тази опция Snap To Guides, която активирахме. Ако ви е трудно да поставите курсора си в горния ляв ъгъл на изображението, докато работите в прозорец с документ, натиснете буквата F на клавиатурата си, за да преминете в режим на цял екран, след което плъзнете избора. На екрана е малко трудно да се види, но когато приключите, трябва да имате избор около целия първи раздел на изображението:

Първият раздел отляво е избран.

Стъпка 7: Добавете слой за регулиране на нюанса / насищането

С активната селекция щракнете върху иконата New Adjustment Layer в долната част на палитрата Layers и изберете слоя за регулиране на оттенък / насищане от списъка:

Изберете слой за регулиране на оттенък / насищане от долната част на палитрата на слоевете.

Това извежда диалоговия прозорец Hue / Saturation. Преди да направим нещо с това обаче, нека да разгледаме набързо какво се случи в палитрата на слоевете. Вече имаме слой за регулиране на нюанс / насищане над изображението ни на фоновия слой, но по-важното е да погледнете миниатюрата за предварителен преглед на маската на слоя отдясно на коригиращия слой. Забележете как е изпълнен с черно, с изключение на бял участък вляво:

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

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

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

Стъпка 8: Изберете опцията "Colorize" в диалоговия прозорец Hue / Saturation

Сега, когато разгледахме палитрата на слоевете, нека използваме диалоговия прозорец Hue / Saturation за оцветяване на първия ни раздел. Първо, трябва да кажем на Photoshop, че искаме да оцветим изображението, затова изберете опцията Colorize в долния десен ъгъл на диалоговия прозорец:

Изберете опцията Colorize в диалоговия прозорец.

Стъпка 9: Изберете цвят с плъзгача Hue

С избраната опция Colorize изберете кой цвят искате да използвате, като плъзнете плъзгача Hue наляво или надясно, като същевременно наблюдавате изображението, докато намерите цвета, който искате да използвате. Цветът по подразбиране е червен, което според мен работи добре с образа ми, така че просто ще оставя плъзгача Hue за сега сам и ще приема цвета по подразбиране. Разбира се, може да искате да изберете различен цвят за вашето изображение:

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

Щракнете върху OK, след като намерите цвета, който искате да използвате, за да излезете от диалоговия прозорец Hue / Saturation. Ако погледнем изображението в прозореца на документа, можем да видим, че първият раздел вляво вече е оцветен с избрания цвят:

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

Стъпка 10: Променете режима на смесване на коригиращия слой на „Цветен“

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

Променете режима на смесване на коригиращия слой на Color.

Разликата във вашето изображение може да е фина в зависимост от цвета, който сте избрали, но сега със сигурност знаем, че променяме само цвета в изображението. Какъвто и цвят да изберем, няма да повлияе на стойностите на яркостта. Ето моето изображение след промяна на режима на смесване на Color:

Когато слоят за настройка е зададен в режим на смесване на цветовете, ще бъде засегнат само цветът в изображението.

Една секция надолу, три за тръгване!

Стъпка 11: Плъзнете селекция около втората секция

Използвайте инструмента за правоъгълна маркировка на Photoshop, за да плъзнете избор около втория раздел. Отново, след като включихме опцията Snap To Guides обратно в стъпка 4, ще откриете, че вашият избор се придържа към водачите, след като сте достатъчно близо до тях. Когато приключите, вторият ви раздел трябва да има избор около него:

Плъзнете селекция около втората секция.

Стъпка 12: Добавете слой за регулиране на нюанса / насищането

След като е избран вторият раздел, щракнете върху иконата New Adjustment Layer отново в долната част на палитрата на слоевете и изберете слой за регулиране на оттенък / насищане, точно както направихме преди:

Кликнете върху иконата New Adjustment Layer и изберете Hue / Saturation.

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

Вторият ни раздел на снимката изглежда бял в миниатюрата за визуализация на маската на слоя.

Стъпка 13: Щракнете върху опцията за оцветяване и изберете втори цвят с плъзгача Hue

Нека изберем цвят за втория ни раздел. Първо изберете опцията Colorize в долния десен ъгъл на диалоговия прозорец Hue / Saturation, след това плъзнете плъзгача Hue наляво или надясно, като внимавате върху изображението си, за да изберете цвят. Отново избраният от вас цвят зависи изцяло от вас. Искам цветовете ми да са доста сходни един с друг, така че ще преместя плъзгача си Hue малко надясно, докато стойността в полето за въвеждане на Hue не изчете 20. Това ми дава червеникаво-оранжев цвят:

Изберете опцията Colorize, след което плъзнете плъзгача Hue, за да изберете втори цвят.

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

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

Стъпка 14: Променете режима на смесване на коригиращия слой на „Цветен“

Още веднъж, нека се уверим, че влияем само на цвета в изображението, като променим режима на смесване на нашия втори слой за регулиране на оттенък / насищане от „Нормален“ на Цветен :

Променете режима на смесване на коригиращия слой на Color.

Стъпка 15: Повторете стъпки 11-14 за оставащите две секции

Сега имаме оцветени две от нашите секции. За да оцветите останалите два раздела, просто повторете стъпки 11-14 за всеки раздел. Първо плъзнете селекция около секцията с помощта на инструмента за правоъгълна маркировка, след това щракнете върху иконата New Adjustment Layer в долната част на палитрата Layers и изберете Hue / Saturation от списъка. Когато се появи диалоговият прозорец Hue / Saturation, изберете опцията Colorize в долния десен ъгъл, след което плъзнете плъзгача Hue или наляво или надясно, за да изберете цвят за секцията. Щракнете върху OK, когато сте готови, за да излезете от диалоговия прозорец. И накрая, променете режима на смесване на регулиращия слой Hue / Saturation на Color .

Когато сте готови, трябва да имате четири слоя за регулиране на нюанс / насищане в палитрата на слоевете, по един за всеки от четирите секции:

Всяка от четирите секции вече има свой собствен слой за регулиране на оттенък / насищане в палитрата на слоевете.

Ето моят образ след оцветяване и на четирите раздела. Както споменах преди малко, искам и четирите ми цвята да са доста сходни един с друг. Цветовете ви може да са напълно различни един от друг, зависи от вас. Ако искате да използвате същите цветове, които съм използвал, зададох моята стойност на Hue на 40 за третия раздел и 60 за четвъртия раздел:

И четирите секции на снимката вече са оцветени.

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

Стъпка 16: Изчистване на водачите

Сега, когато сме оцветили и четирите раздела на нашата снимка, вече не ни трябват водачите, така че нека се отървем от тях. Отидете до менюто Изглед в горната част на екрана и изберете Изчисти водачи :

Отидете на Преглед> Изчистване на водачи, за да премахнете водачите от документа.

Ръководствата вече изчезнаха, което ни дава по-добър поглед върху нашия образ:

Водачите са изчистени от изображението.

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

Стъпка 17: Добавете щрих към една от секциите

Ако погледнете в палитрата на слоевете, ще видите, че най-вероятно сте избрали коригиращия слой Hue / Saturation в горната част на палитрата на слоевете („Hue / Saturation 4“), тъй като това е последното, което сте добавили (в момента избраният слой е подчертан в синьо). Кликнете върху него, за да го изберете, ако не е избран. Този коригиращ слой контролира цвета на секцията в дясната дясна част на изображението. Ще добавим черен щрих около този раздел. Кликнете върху иконата на слоевете на слоевете в долната част на палитрата на слоевете и изберете „ щрих“ от дъното на списъка със стилове на слоя, който се показва:

Кликнете върху иконата Layer Styles и изберете Stroke от списъка.

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

Променете опциите за щрих, кръгли в червено.

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

В участъка вдясно в момента има черен ход около него.

Стъпка 18: Копирайте стила на инсулт

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

Отидете на Layer> Layer Style> Copy Layer Style.

Стъпка 19: Изберете другите три слоя за регулиране на оттенъка / наситеността

Кликнете върху третия слой за регулиране на оттенък / насищане в палитрата на слоевете (този директно под горния), за да го изберете, след това задръжте клавиша Shift и щракнете върху първия слой за регулиране на оттенък / насищане (този директно над фоновия слой ). Това ще избере наведнъж всички три слоя за регулиране. Ще видите и трите маркирани в синьо:

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

Стъпка 20: Поставете хода върху слоевете за регулиране

След като са избрани и трите останали коригиращи слоя, върнете се обратно към менюто Layer в горната част на екрана, изберете отново Layer Style и този път изберете Paste Layer Style :

Отидете на Layer> Layer Style> Paste Layer Style.

И точно така, инсултът сега се прилага към четирите секции, като ги разделя малко по-добре:

И четирите секции сега имат черен щрих, приложен към тях.

И с това основният ни фото ефект е завършен! Нека завършим нещата, като разгледаме лесен начин за промяна на всичките четири цвята наведнъж, както и как да озарим цветовете, ако е необходимо. Ще направим това по-нататък!

Стъпка 21: Добавете друг слой за регулиране на оттенъка / наситеността над всички останали

Досега използвахме коригиращи слоеве Hue / Saturation за оцветяване на всяка секция от снимката. Сега, когато приключихме с първоначалния ефект, можем да използваме още един коригиращ слой Hue / Saturation за бърза промяна на всичките четири цвята наведнъж! Разбира се, ако сте доволни от избраните от вас цветове, може да не искате да промените нищо, но ако искате да ги промените, ето бърз начин да го направите. Първо изберете слоя за регулиране в горната част на палитрата на слоевете ("Hue / Saturation 4"). След това кликнете върху иконата New Adjustment Layer в долната част на палитрата Layers и отново изберете Hue / Saturation от списъка. Това ще добави нов слой за регулиране на Hue / Saturation над всички останали. Забележете как този път миниатюрата за визуализация на маската на слоя за коригиращия слой е пълна изцяло с бяло. Това е така, защото нямахме активна селекция, когато я добавихме. С цялата маска, изпълнена с бяло, каквото и да правим с този коригиращ слой, ще се отрази на цялата снимка:

Добавете пети слой за регулиране над останалите.

Стъпка 22: Плъзнете плъзгача Hue, за да промените всичките четири цвята наведнъж

Този път не искаме да оцветяваме изображението. Оцветяването му ще замени всички цветове, които току-що добавихме, с един цвят, така че оставете опцията Colorize в диалоговия прозорец Hue / Saturation без отметка. Вместо това просто плъзнете плъзгача Hue наляво или надясно. Когато го плъзнете, ще видите, че всички четири цвята в изображението ви се променят в различни цветове! Например, тук плъзнах моята плъзгачка Hue вляво до стойност -123:

Плъзнете плъзгача Hue вляво. Уверете се, че този път опцията Colorize не е избрана.

Цветовете в моя ефект сега се изместиха от червени и жълти до сини и лилави:

Плъзгането на плъзгача Hue е изместило цветовете в ефекта.

Този път ще преместя плъзгача Hue вдясно до стойност +170:

Плъзнете плъзгача Hue вдясно.

Цветовете в образа ми се пренасочиха към зелените и сините:

Цветовете в ефекта са се променили на зелени и сини, след като плъзнете плъзгача Hue вдясно.

Ами ако сте доволни от избраните от вас цветове, но искате да ги озарите малко? Ето моето изображение отново с оригиналните цветове, които избрах:

Изображението с оригиналните цветове.

Можете да използвате слоя за регулиране на Hue / Saturation, който добавихме, за да озарим бързо и четирите цвята в ефекта, просто като плъзнете плъзгача Saturation . Плъзнете плъзгача наляво, за да намалите наситеността на цветовете, намалявайки интензивността на цветовете или го плъзнете надясно, за да увеличите наситеността. Тъй като искам да направя цветовете си по-ярки, ще преместя плъзгача Saturation вдясно до стойност около +40:

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

Цветовете в моя ефект сега изглеждат по-ярки и интензивни:

Изображението след увеличаване на наситеността на цветовете.

Категория: