Научете всичко, което трябва да знаете, за да започнете да използвате ефектите на слоя и стиловете на слоя във Photoshop CC 2020, включително погледнете новите настройки за предходни стилове, градиенти, шарки и други!

В този първи урок от моята поредица за ефекта на Photoshop слой, аз покривам всичко, което трябва да знаете, за да добавите ефекти на слоя и стилове на слоя във Photoshop CC 2020! Ще започнем с научаването на разликата между ефекта на слоя и стила на слоя и как да използвате предварително зададени стилове на стила на Photoshop, за да добавите незабавни ефекти с едно щракване към вашите изображения. Ще разгледаме чисто новите стилове на слоя, включени в Photoshop CC 2020, и ще ви покажа къде да намерите липсващите стилове от по-ранните версии на Photoshop.

Оттам ще научите как да добавяте и редактирате собствените си ефекти на слоеве и как да се възползвате максимално от невероятните нови градиенти и модели на Photoshop CC 2020. Дори ще ви покажа как да добавяте няколко копия на ефект към един и същи слой, как да мащабирате ефектите на слоя, за да отговарят на вашето изображение, как да запишете вашите ефекти като предварително зададени стилове на слоеве и други!

Този урок е изключително за Photoshop CC 2020. Така че, преди да започнете, ще искате да се уверите, че вашето копие на Photoshop CC е актуално.

Имаме много за покриване, така че нека започнем!

Настройка на документа

Ако искате да следвате, отворете всяко изображение, което да използвате като фон, и след това добавете малко текст над него. Тук използвам фонова текстура, която изтеглих от Adobe Stock, и добавих думите "ПОЛЕ" и "ЕФЕКТИ". Ще работя с тип слоеве за този урок, но ефектите на слоя могат да се прилагат и върху пикселни слоеве и слоеве във формата:

Оригиналният документ с текст пред фоново изображение.

На панела Слоеве виждаме текстурата на фоновия слой и всяка дума е на свой собствен тип слой:

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

Какви са слоевите ефекти във Photoshop?

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

Какво представляват стиловете на слоевете?

Макар често да чувате термините „ефекти на слоя“ и „стилове на слоеве“, които се използват взаимозаменяемо, ефектите на слоя са самите индивидуални ефекти, като Drop Shadow, Stroke, Outer Glow и т.н. Стилът на слоя е съвкупност от два или повече слоеви ефекта, които работят заедно, за да създадат по-голям, цялостен вид. Стиловете на слоя също включват всички опции за смесване, приложени към слоя, включително режим на смесване на слоя, заедно с неговите текущи настройки за непрозрачност и запълване на непрозрачност.

Какви са ползите от използването на слоеви ефекти?

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

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

Къде мога да намеря слоевите ефекти на Photoshop?

Има две основни места, където ще намерите списъка с ефекти на слоя.

Менюто за слой

Единият е, като отидете до менюто Layer в лентата с менюта и изберете стила на слоя . От там ще видите списък с всички ефекти на слоя, от които можете да избирате, включително Bevel & Emboss, Stroke, Inner Shadow и други. За да добавите ефект, изберете го от списъка:

Отидете на Layer> Layer Style, за да изберете ефект на слой.

Панел Слоеве

Другият и по-бърз начин за добавяне на ефекти на слоя е като щракнете върху иконата fx в долната част на панела Слоеве :

Кликнете върху иконата fx.

И след това избиране от същия списък с ефекти на слоя, които видяхме в лентата с менюта:

Добавяне на слой слой от панела Слоеве.

Защо моите слоеви ефекти са сиви?

Ако ефектите от менюто Стил на слоя в лентата с менюта са оцветени в сиво или fx иконата на панела Слоеве е оцветена в сиво, това е най-вероятно, защото в панела Слоеве е избран фоновият слой . Photoshop не ни позволява да добавяме ефекти на слой към фоновия слой, най-вече защото ефектите на слой работят най-добре върху слоеве, които включват области на прозрачност, които фоновият слой не поддържа:

Ефектите на слоя не са налични, когато фоновият слой е активен.

Затова преди да добавите ефекти на слоя, първо се уверете, че сте избрали правилния слой:

Избор на слоя преди добавяне на ефекти на слоя.

Научете всичко за слоевете с нашето Ръководство за обучение на слоеве!

Как да използвате предварително зададени стилове на стила на Photoshop

Преди да започнем да добавяме собствени ефекти на слоя, нека да разгледаме как да използваме предварително зададени стилове на стила на Photoshop. Предварително зададеният стил на слоя е като готов ефект с едно щракване. Просто кликнете върху стил на слой, за да го изберете и ефектът се прилага незабавно към вашия слой. Има много предварително зададени стилове за избор, а Photoshop CC 2020 добавя още повече! И всички те се намират в панела Styles на Photoshop.

Ако не виждате панела Styles на екрана си, можете да го отворите, като отидете до менюто Window в лентата с менюта и изберете Styles :

Отидете на прозорец> стилове.

Новите стилове на слоя по подразбиране във Photoshop CC 2020

Photoshop CC 2020 въвежда изцяло нови стилове по подразбиране на слоя, а новите стилове са групирани в един от четирите набора - Основи, Естествен, Кожа и Платове . Всеки набор има собствена папка в панела Styles и всеки стил на слоя е представен от миниатюра.

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

По подразбиране оформление на панела Styles във Photoshop CC 2020.

Персонализиране на панела Стилове

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

Отваряне на менюто на панела Стилове.

И след това изберете Small Thumbnail :

Избор на малкия размер на миниатюра.

И сега миниатюрите изглеждат много по-малки:

Вече се виждат повече стилове на слоя.

Бакшиш! Как да завъртите всички папки отворени или затворени наведнъж

Всеки комплект в панела „Стилове“ може да бъде отворен или затворен, като щракнете върху стрелката вляво от иконата на папката си. Или можете да завъртите всички папки отворени или затворени наведнъж, като задържите клавиша Ctrl (Win) / Command (Mac) на клавиатурата си, докато щракнете върху една от стрелките.

Тук затворих всички папки, което улеснява виждането на всичките четири от новите групи по подразбиране:

Задържайки Ctrl (Win) / Command (Mac), за да затворите всички папки наведнъж.

След това, за да отворите само папката, от която се нуждаете, пуснете Ctrl (Win) / Command (Mac) и щракнете върху стрелката. Ще отворя папката Natural :

Отваряне на една папка, като щракнете върху стрелката.

Как да приложите предварително зададен стил на слой

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

Кликвайки върху слой слой, за да го приложите.

Стилът се прилага незабавно към избрания от вас слой и тук получаваме този вид тъмен, подводен ефект:

Резултатът след прилагане на един от предварително зададените стилове на Photoshop.

И в панела Слоеве всички отделни ефекти на слоя, които съставят стила, се появяват изброени под слоя. Така че този стил на един слой всъщност е резултат от (в случая) седем слой ефекти, които работят заедно:

Еднослойният стил може да включва многослойни ефекти.

Създайте текстов ефект на спрей боя с ефектите на слоя на Photoshop!

Избор на различен стил на слой

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

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

Стилът на новия слой замества предишния и сега моят текст е изпълнен с този ефект на дървесно зърно:

Новите стилове на слоя незабавно заместват предишния стил.

И ефектите, които изграждат новия стил, се появяват под слоя:

Различните стилове на слоевете използват различни ефекти.

Избор на стилове на слоеве от различен набор

Ще затворя естествения набор, като щракнете върху стрелката до папката му. Тогава ще завъртя комплекта Fur и ще щракна върху стила Zebra :

Избор на различен стил от различен набор.

И този път текстът ми е изпълнен с ивици зебра:

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

И отново виждаме списъка с ефекти под слоя:

Ефектите, които изграждат стила на слой Zebra.

Създайте ретро текст на 80-те с ефекти на слоя!

Разширяване и свиване на списъка с ефекти на слоевете

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

Щракнете върху стрелката, за да разширите или свиете списъка с ефекти.

Как да заредим повече стилове на слоя във Photoshop CC 2020

На пръв поглед изглежда, че Photoshop CC 2020 не включва много предварително зададени стилове на слоя. И ако сте надградили от предишна версия на Photoshop, може би се чудите какво се е случило с оригиналните предварително зададени стилове, които са част от Photoshop от години. Всички предварително зададени стилове от по-ранните версии са все още налични в CC 2020, заедно с още по-чисто нови стилове. За достъп до тях, всичко, което трябва да направим, е да ги заредим в панела Styles.

Кликнете върху иконата на менюто на панела „ Стилове “ :

Отваряне на менюто на панела Стилове.

И изберете Legacy Styles и още :

Избор на „Наследени стилове и повече“ от менюто.

Това добавя папка „Legacy Styles and More“ под папките по подразбиране:

Появява се нова папка „Legacy Styles and More“.

Обърнете папката отворена и в нея ще намерите още две папки. Папката „ Стилове 2019 “ съдържа повече нови стилове на слоя, за да изпробвате. И папката All Legacy Default Styles по подразбиране съдържа всички предварително зададени предварително зададени стилове на слоя от по-ранните версии на Photoshop:

Наборите „Стилове 2019“ и „Всички наследствени стилове по подразбиране“.

Стилове 2019

Стиловете на слоевете в папката „Стилове 2019“ са разделени на различни набори, включително гел, стъкло, гранж, хром, металик и 3D. Ще завъртя отворения комплект Chrome и след това ще избера Bling стил:

Избор на една от новите предварително зададени стилове на слоя в папката Стилове 2019.

И както бихте очаквали от нещо, наречено Bling, ние получаваме този блестящ, най-горния ефект:

Резултатът от стила на слоя Bling.

И ако завъртя отворена папка 3D и избирам дублиращия стил в долната част:

Избор на стил от 3D комплекта.

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

Резултатът от стила на дублиращ слой.

Наследените стилове по подразбиране

За да използвате някой от стиловете на слоя от предишни версии на Photoshop, завъртете папката All Legacy Default Styles Styles и ще намерите всички оригинални стилове, отново разделени на набори.

Ще избирам хромирания сатен от комплекта Legacy Default Styles :

Избор на наследен стил слой.

И сега получаваме този класически хромиран ефект на Photoshop:

Наследеният ефект от хромиран сатен.

Как да включвате и изключвате ефектите на слоя

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

Например, ако изключа градиентното наслагване в стил хромиран сатен:

Изключване на един от ефектите в стила на слоя.

Оранжевият и синият градиент в буквите изчезва, оставяйки само засенчващите ефекти и падащата сянка зад текста:

Стилът на слоя с градиентното наслагване е изключен.

За да включите отново ефекта, щракнете върху празното място до името на ефекта:

Включване на Gradient Overlay отново.

И градиентът се появява отново:

Същият стил на слоя с включен Gradient Overlay.

Как да превключвате всички ефекти на слоя наведнъж

За да изключите всички ефекти на слоя наведнъж, щракнете върху основната икона на видимост до думата „Ефекти“. Кликнете отново, за да включите отново ефектите:

Включване и изключване на всички ефекти на слоя.

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

За да копирате стил на слой от един слой и го поставите върху различен слой, щракнете с десния бутон на мишката (Win) / Control (щракнете върху Control) (Mac) върху иконата fx на слоя, който съдържа стила, който искате да копирате:

Щракване с десен бутон (Win) / Control-щракване (Mac) на иконата "fx".

И изберете менюто Copy Layer Style :

Избор на "Копиране на слоя стил".

След това щракнете с десния бутон на мишката (Win) / Control-щракнете върху (Mac) върху слоя, в който искате да поставите стила:

Щракване с десен / контролен бутон върху различен слой.

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

Избор на "стил на поставяне на слой".

И сега към двата слоя е приложен един и същ стил:

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

Как да изчистите стил на слой

За да премахнете стил на слоя, го изчистете, като щракнете с десния бутон на мишката (Win) / Control-щракване (Mac) върху fx иконата на слоя:

Щракване с десен бутон (Win) / Control-щракване (Mac) на иконата "fx".

И избиране на Clear Layer Style :

Избор на „Изчистване на стила на слоя“.

И сега се връщам към ефектите, прилагани само към горния текстов слой:

Стилът на слоя е изчистен от долния текст.

Как да преместите ефектите на слоя към друг слой

Ако просто искате да преместите ефектите в друг слой, щракнете върху иконата fx на слоя, съдържащ ефектите, плъзнете го върху другия слой и след това пуснете бутона на мишката:

Плъзгане на иконата "fx" от един слой в друг.

Ефектите незабавно се преместват от първоначалния слой към новия слой:

Ефектите са преместени от горния текстов слой до дъното.

Научете 5 лесни начина за преместване на изображения между Photoshop документи!

По-бърз начин за копиране на ефектите на слоя

И ако натиснете и задържите клавиша Alt (Win) / Option (Mac) на клавиатурата си, докато влачите иконата fx :

Задържайки Alt (Win) / Option (Mac), докато влачите иконата "fx".

Ще копирате, вместо да премествате ефектите от един слой в друг. Разглеждам повече за копирането на ефектите на слоя в моя урок за Как да копирам слоевите ефекти:

Ефектите отново се прилагат върху двата типа слоеве.

Как да редактирате ефект в стил на слой

Забележете, че след като копирате един и същ стил на слоя Chrome в двата текстови слоя, градиентът изглежда абсолютно еднакво и в двете букви, като тече от оранжево отдолу до синьо в горната част. Ами ако искам да обърна градиента върху долния текст? Ще разгледаме как да добавим и редактираме ефектите на слоя по-подробно за миг. Но за да редактирате настройките за всеки ефект в стила на слоя, щракнете двукратно върху името на ефекта под слоя.

Например, искам да редактирам градиента, така че щраквам двукратно върху ефекта Gradient Overlay :

Щракнете двукратно върху ефекта, който искам да редактирам.

Photoshop отваря диалоговия прозорец стил на слоя, а в центъра на диалоговия прозорец са настройките за ефекта:

Диалоговият прозорец Стил на слоя се отваря в настройките на ефекта на слоя.

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

Избиране на Reverse, за да обърнете градиентните цветове.

И сега градиентните цветове в долния текст са обърнати:

Ефектът след обръщане на цветовете в Gradient Overlay.

Как да изчистите стиловете на слоя от няколко слоя наведнъж

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

Избор на два слоя наведнъж в панела Слоеве.

След това щракнете с десния бутон на мишката (Win) / Control-щракнете върху (Mac) на всеки от избраните слоеве и изберете Clear Layer Style от менюто:

Избор на командата "Изчистване на стила на слоя".

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

Резултатът след изчистване на стиловете на слоя от двата типа слоеве.

Как да мащабирате ефектите на слоя във Photoshop

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

Например в панела „Слоеве“ ще избера горния си текстов слой:

Избор на най-горния слой в панела Слоеве.

И тогава в панела Styles ще завъртя набора от стилове KS (намира се в папката All Legacy Default Styles) и ще избера стил Frosted :

Избор на стил на матирания слой.

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

Резултатът след прилагането на стил Frosted слой.

За да поправим това, можем да мащабираме ефектите. Един от начините за мащабиране на ефектите на слоя е, като отидете до менюто Слое в лентата с менюта, изберете стил на слоя и след това изберете Ефекти на мащаба :

Отидете на слой> стил на слоя> ефекти на мащаба.

А другото е като щракнете с десния бутон на мишката (Win) / Control-щракване (Mac) върху fx иконата на слоя:

Щракнете с десния / контролния бутон върху иконата "fx".

И избиране на мащабни ефекти от менюто:

Избиране на "Ефекти на мащаба" от менюто "fx".

След това в диалоговия прозорец „Ефекти на мащаба на слоя“ коригирайте стойността на мащаба според нужната сума. Ще сваля мина от 100% до 60%. Уверете се, че полето за предварителен преглед е отметнато, за да можете да прегледате резултатите, докато коригирате стойността. Когато приключите, щракнете върху OK, за да затворите диалоговия прозорец:

Регулиране на размера на Скалата.

И ето резултатът със същия матиращ стил, мащабиран до 60% от първоначалния си размер. Забележете, че размерът на самия текст не се е променил. Преоразмерени са само ефектите, приложени към текста:

Резултатът след мащабиране на ефектите.

Как да преоразмерите изображенията, без да губите качество със Smart Objects!

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

Преди да продължим, забележете в панела Слоеве, че заедно с ефектите, този стил слой също понижи стойността на запълване на слоя от 100% до 56%:

Стилът на слоя също промени стойността на Fill на слоя.

Ще разгледаме какво означава стойността на Fill след миг. Но стилът на слоя може да включва не само ефекти, но и Опции за смесване на слоя, които включват стойностите на Opacity и Fill заедно с режима на смесване на слоя:

Стойностите на режим Blend, Opacity и Fill могат да бъдат част от стил на слоя.

Още един начин да изчистите стил на слой

И ето още един начин да изчистите стила на слой в Photoshop CC 2020. В панела Слоеве се уверете, че е избран правилния слой. След това в панела Styles завъртете папката Basics и изберете стила по подразбиране, който е None . Това е бялата миниатюра с червената диагонална линия:

Избиране на "None" от папката Basics.

И след като изчистя стила, отново се връщам към обикновения си бял текст. И това е основата на използването на предварително зададени стилове на слоя във Photoshop!

Резултатът след задаване на стила на слоя на "None".

Как да добавите слойни ефекти във Photoshop

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

Избор на слой слой

Първо, в панела Слоеве изберете слоя, където искате да приложите един или повече ефекти. Ще избера горния си текстов слой:

Избор на горния текстов слой.

След това щракнете върху иконата Layer Effects ( fx иконата):

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

И изберете слой слой от списъка. Ще започна с Drop Shadow :

Добавяне на ефект на слой Drop Shadow.

Диалогов прозорец на Photoshop's Layer Style

Избирането на какъвто и да е ефект отваря диалоговия прозорец " Слой стил ". И понеже избрах Drop Shadow, диалоговият прозорец се отваря към настройките на Drop Shadow, за да мога да персонализирам външния вид на ефекта:

Диалоговият прозорец Стил на слоя показва настройките за избрания ефект на слоя.

Възстановяване на настройките по подразбиране на ефекта на слоя

Диалоговият прозорец Стил на слоя запаметява последните настройки, които сте приложили. Така че преди да започнете да персонализирате ефект, обикновено е добра идея да възстановите настройките по подразбиране, като щракнете върху бутона Reset to Default (Повторно задаване на стандарт) :

Диалоговият прозорец Стил на слоя във Photoshop.

Как да персонализирате ефекта на слоя

След това можете да коригирате настройките за ефекта, за да създадете нужния ви вид. Всеки ефект на слоя има свои собствени настройки, уникални за този конкретен ефект.

Така например, с помощта на Drop Shadow можете да плъзнете плъзгача Opacity, за да регулирате интензивността на сянката. Можете да промените Blend Mode на ефекта (въпреки че Multiply обикновено работи най-добре за сенки). И можете да кликнете върху цветовата палитра, за да изберете различен цвят за сянката. Черното е цветът на сянката по подразбиране, но понякога различен цвят работи по-добре:

Настройките за непрозрачност, режим на смесване и цвят на Drop Shadow.

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

Използвайте опцията Angle, за да регулирате източника на светлина на сянката.

Използвайте Global Light

Опцията Use Global Light позволява на всички ефекти на слоя, които изискват светлинен източник да споделят един и същ източник на светлина, така че осветлението да изглежда равномерно по време на целия ефект. Ще намерите тази опция не само в настройките на Drop Shadow, но и в настройките за Bevel & Emboss и Inner Shadow. В повечето случаи ще искате да оставите Use Global Light включен, което е по подразбиране:

"Use Global Light" поддържа източника на светлина в съответствие с различни ефекти.

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

И стойността Size контролира общия размер на сянката. Когато стойността на Spread е настроена на 0%, увеличаването на размера Size омекотява краищата на сенките. А увеличаването на стойността на Spread запълва сянката и я прави по-непрозрачна:

Опциите за разстояние, разпространение и размер.

Ще увелича непрозрачността на сянката до 40%, разстоянието до 90px и размера до 40px :

Персонализиране на настройките на Drop Shadow.

Как да приемате вашите настройки

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

Кликнете върху OK, за да затворите диалоговия прозорец.

Създайте редактиран размит текст с Drop Shadows!

Как да редактирате ефект на слой

В документа капка сянка се появява зад буквите в думата „СЛАЙН“:

Резултатът след добавяне на капка сянка към думата „ПОЛЕ“.

И в панела „Слоеве“ Drop Shadow вече е посочен като ефект под слоя. За да редактирате ефекта на слоя, щракнете двукратно върху името на ефекта:

Щракнете двукратно върху думите „Пуснете сянка“.

Photoshop отново отваря диалоговия прозорец Layer Style в текущите настройки на ефекта, така че да можете да направите всички необходими промени. Ефектите на слоя са изцяло неразрушителни, така че няма да загубите качеството на изображението, независимо колко промени правите.

Ще увелича непрозрачността на сянката до 50% и ще увелича разстоянието до 100 px . Но все още няма да затворя диалоговия прозорец на слоя стил, тъй като имам други ефекти на слоя, които искам да добавя:

Редактиране на настройките на Drop Shadow.

След редактирането на ефекта сянката вече е по-видима зад буквите:

Резултатът след редактиране на настройките на Drop Shadow.

Добавяне на още ефекти в диалоговия прозорец Стил на слоя

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

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

Как да покажете липсващи ефекти

Ако някои от вашите ефекти на слоя липсват от списъка, щракнете върху бутона fx в долната лява част на диалоговия прозорец:

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

И изберете Покажи всички ефекти :

Избор на „Покажи всички ефекти“ от менюто.

Категориите ефекти на слоя

Както споменах по-рано, слоевите ефекти на Photoshop могат да бъдат групирани в три основни категории. Имаме ефекти Shadow and Glow, които включват Bevel & Emboss, Inner Shadow, Inner Glow, Satin, Outer Glow и Drop Shadow. Обърнете внимание, че контурът и текстурата, изброени по-долу Bevel & Emboss, са част от ефекта Bevel & Emboss, поради което те са отредени вдясно:

Ефектите на слоя Сенки и светила.

Имаме и ефекти на наслагване (цветно наслагване, градиентно наслагване и шарка):

Ефектите на слоя Overlay.

И ние имаме Stroke, който добавя контур или граница около съдържанието на слоя:

Ефектът на слоя Stroke.

Ред за подреждане на ефекта на слоя на Photoshop

Забележете реда, в който са изброени ефектите на слоя. В най-новите версии на Photoshop сега слоевите ефекти са изброени в реда, в който са приложени, отдолу нагоре. Така че Shap Shadow винаги се прилага първо, а след това над него ще бъде приложено Външно сияние. Следващ ефект на Overlay (Шаблон, след това градиент и след това цвят), следван от сатен, вътрешно сияние, вътрешна сянка и след това щрих. И ефектът Bevel & Emboss винаги се прилага последен, отгоре на всички други ефекти, които сме приложили.

Също така, Drop Shadow и Outer Glow са единствените два слоеви ефекта, които се появяват под съдържанието на слоя. Всеки друг ефект се появява над съдържанието. Познаването на реда на подреждане на ефектите на слоя може да изглежда тривиално, но може да ви помогне да разберете защо вашите ефекти не дават резултатите, които сте очаквали:

Ефектите на слоя винаги се прилагат в ред отдолу нагоре.

Добавяне на ефект на втори слой

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

Добавяне на ефект на слой Stroke.

Персонализиране на ефекта на инсулт

В настройките на Stroke ще започна още веднъж, като щракна върху бутона Reset to Default, за да възстановя стойностите по подразбиране:

Нулиране на настройките по подразбиране на Stroke

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

Кликнете върху цветовата картина на Stroke.

И в Color Picker ще избера оранжев нюанс, като задам стойността Hue ( H ) на 25, стойността на насищане ( S ) на 100 и яркостта ( B ) също на 100 . След това щракнете върху ОК, за да затворя „Избор на цвят“:

Избор на нов цвят за инсулта.

Опцията Позиция ви позволява да подравните щриха към вътрешния или външния ръб на съдържанието на слоя. Или можете да центрирате удара по ръба. Ще избера отвън. А опцията Размер е там, където задаваме ширината или дебелината на хода. Ще увелича размера до 20px :

Настройка на размера и позицията на хода.

Отново ще оставя отворен диалоговият прозорец на слоя стил. И ето ефектът с оранжевия щрих и падащата сянка върху горния текст:

Резултатът с прилагания удар и сянката на капки.

Как да създадете Gold Text с слой ефекти!

Опциите за смесване

Наред с избора и редактирането на ефекти, диалоговият прозорец Стил на слоя също ни дава достъп до опциите за смесване на слоя. Кликнете върху категорията Опции за смесване над ефектите в лявата колона:

Отваряне на опциите за смесване.

От тук можем да получим достъп до същите настройки на режим Blend, Opacity и Fill, които се намират в панела Слоеве. Имаме и някои опции за разширено Blending, които ще разгледаме в други уроци:

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

Как да скриете съдържанието на слоя и да видите само ефектите

Чудесен трик, който можем да направим при опциите за смесване е, че можем да скрием действителното съдържание на слой и да виждаме само самите ефекти на слоя. Можете да направите това или в диалоговия прозорец „Слой стил“ или в панела „Слоеве“.

Ако понижа стойността на непрозрачност от 100% докрай до 0% :

Намаляване на стойността на непрозрачност до 0 процента.

И текстовите, и ефектите на слоя, приложени към текста, изчезват:

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

Но ако върна непрозрачността обратно на 100% и след това намалям стойността на запълване (или Fill Opacity в диалоговия прозорец Стил на слоя) до 0% :

Намаляване на стойността на Opacity Fill до 0 процента.

Този път самият текст изчезва, но слоевите ефекти остават видими, което ни позволява да видим чрез буквите до синьото фоново изображение зад тях. Така стойността на Opacity влияе върху прозрачността както на съдържанието на слоя, така и на всички ефекти на слоя, а стойността на Fill влияе върху прозрачността само на съдържанието на слоя. Вижте моя урок за непрозрачност на слоя срещу запълване, за да научите повече:

Резултатът след понижаване на стойността на Fill до 0 процента.

Смесете текст в облаци с разширените опции за Blending на Photoshop!

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

Ще затворя диалоговия прозорец Layer Style за сега, като щракнете върху OK:

Кликнете върху OK, за да затворите диалоговия прозорец.

И в панела Слоеве виждаме Stroke и Drop Shadow, изброени като ефекти под слоя. Забележете, че стойността на Fill също е зададена на 0%, тъй като я понижих в диалоговия прозорец „Слой стил“:

Панелът Слоеве, показващ двуслойните ефекти плюс новата стойност на запълване.

Нови градиенти и модели във Photoshop CC 2020

Наред с новите стилове на слоя, Photoshop CC 2020 включва и нови градиенти и модели, като и двата могат да бъдат приложени като ефекти на слоя. Но за да имаме достъп до всички градиенти и модели, първо трябва да посетим панелите Gradients and Patterns, които също са нови в CC 2020.

Как да заредим повече модели

Първо, преминете към панела Шаблони . Ще го намерите вложен в панелите Color and Swatches. Точно както при панела Styles, новите модели са разделени на набори, които могат да бъдат завъртени отворени и затворени. Но по подразбиране има само няколко набора от модели, от които да избирате (Дървета, трева и вода).

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

Щракнете върху иконата на менюто на панела Шаблони.

И изберете Legacy Patterns и още :

Избор на „Наследени модели и повече“.

Нова папка с име "Legacy Patterns and More" се появява под зададените модели по подразбиране. И ако отворите папката отворена, ще намерите още две папки вътре в нея. Единият съдържа повече нови модели от 2019 г., а другият притежава всички оригинални модели от по-ранни версии на Photoshop. Всички тези модели вече ще бъдат достъпни в диалоговия прозорец „Слой на слоя“:

Всички модели на Photoshop вече са достъпни.

Как да заредим повече градиенти

След това преминете към новия панел Gradients, вложен до панела Patterns. Тук ще намерите много и много нови градиенти, които да избирате в CC 2020, отново разделен на групи.

Но ако искате и достъп до предишните градиенти от по-ранни версии на Photoshop, щракнете върху иконата на менюто на панела Gradients:

Кликнете върху иконата на менюто на панела Gradients.

И изберете наследствени градиенти :

Зареждане на наследствените градиенти във Photoshop CC 2020.

Папка „Legacy Gradients“ се появява под градиентите по подразбиране и те вече ще бъдат достъпни в диалоговия прозорец „Стил на слоя“:

Наследените градиенти са заредени.

Добавяне на ефект на наслагване на шаблон

Градиентите и шарките могат да се прилагат върху слоеве като наслагващи ефекти. За да добавите шаблон, щракнете върху иконата fx в долната част на панела Слоеве:

Кликнете върху иконата на ефектите на слоя.

И изберете шаблон Overlay :

Добавяне на ефект на наслагване на шаблон.

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

Кликнете върху мокета в настройките на модела Overlay.

И след това превъртете през наборите, за да изберете модел. Ще завъртя папката Legacy Patterns and More, след това папката Patterns 2019 и след това папката Stone и ще избера шаблона на каменния мрамор, като щракна върху неговата миниатюра. Обърнете внимание, че можете да плъзнете прозореца за избор на шаблон по-голям, ако е необходимо:

Избор на един от новите модели във Photoshop CC 2020.

И сега моят текст е изпълнен с мраморен шаблон:

Резултатът след прилагане на шаблон Overlay върху текста.

Добавяне на ефект на градиентно наслагване

За да добавите градиент, като диалоговият прозорец Стил на слоя все още е отворен, изберете Gradient Overlay от лявата колона:

Добавяне на ефект на градиентно наслагване.

И след това кликнете върху малката стрелка до наклона на градиента. Не кликнете върху самия фиш или ще отворите Gradient Editor на Photoshop. Просто искаме да избираме от предварително зададени градиенти, затова вместо това щракнете върху стрелката:

Кликнете върху стрелката до графика на градиента.

След това превъртете през множествата, за да изберете наклон. Ще завъртя папката Orangees и ще избера градиента Orange 10, като щракна върху миниизображението му:

Избор на един от новите градиенти във Photoshop CC 2020.

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

В момента градиентът блокира шаблона под него.

Промяна на режима на смесване на ефекта на слоя

За да смесите градиента с шаблона, отидете на опцията Blend Mode в настройките на Gradient Overlay и изберете нов режим на смесване от списъка. Ще избера линейно изгаряне :

Задаване на ефект на градиентно наслагване на линейно изгаряне.

И сега цветовете от градиента се смесват с шарката под него:

Градиентното наслагване сега се съчетава с ефекта Pattern Overlay.

Вземете пълното ръководство за моите слоеве за смеси, когато изтеглите този урок като PDF!

Как да добавите няколко копия с един и същи слой

Ако погледнете ефектите отляво на диалоговия прозорец Стил на слоя, ще забележите, че някои ефекти ( щрих, вътрешна сянка, цветно наслагване, градиентно наслагване и падаща сянка ) всеки има знак плюс вдясно. Знакът плюс означава, че можем да добавим множество копия на ефекта към един и същи слой:

Photoshop ни позволява да добавяме множество копия на определени ефекти.

Редактиране на първия ефект на инсулт

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

Избор на текущия ефект на слой Stroke.

След това ще кликнете върху цветовата картина на щриха:

Промяна на цвета на първия щрих.

И в Color Picker ще избера бял :

Избор на бяло от Цветния подбор.

Ще оставя позицията на този удар, зададена на вън :

Оставяйки позицията на удара, зададена на вън.

И тук виждаме текста с цвета на щриха, променен на бял:

Резултатът след промяна на цвета на Stroke.

Добавяне на втори ефект на удар

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

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

Photoshop добавя новия ефект на Stroke над първия, което означава, че той седи над първоначалния щрих в документа:

Добавя се втори удар.

Редактиране на втория удар

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

Щракване на цветовия фиш за втория щрих.

И избиране на черно от Color Picker:

Настройване на новия Stroke на черно.

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

Появява се черният ход, но белият ход вече липсва.

Причината е, че и двата щриха имат позицията си зададена отвън, което означава, че и двете са подравнени към външните ръбове на буквите. И тъй като и двата хода са с еднакъв размер (20px), вторият блокира първия от изгледа.

За да поправя това, ще променя позицията на втория щрих на вътре, така че да се подравнява към вътрешните ръбове на буквите. И ще понижа размера на хода от 20px до 10px :

Промяна на позицията на втория ход на вътре и намаляване на размера му.

И сега имаме бял щрих 20px около външната страна на текста и черен 10px щрих по вътрешната страна. Можете да добавите до 10 удара към същия слой:

И двата щриха се виждат около буквите.

Запазване на вашите ефекти като предварително зададен стил на слоя

И накрая, за да запазите вашите ефекти на слоя като предварително зададен стил, щракнете върху бутона New Style отдясно на диалоговия прозорец Layer Style:

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

И след това дайте име. Ще нарека моето „2 удара + оранжево + мрамор“. Уверете се, че Включване на ефектите на слоя е отметнато, и ако сте използвали някакви персонализирани настройки на смеси, поставете отметка и Включете опциите за смесване на слоевете . Можете също да добавите новия стил към библиотеката си Creative Cloud:

Записване на предварително зададения стил на новия слой.

Щракнете върху OK, за да затворите диалоговия прозорец Нов стил, след което щракнете върху OK, за да затворите диалоговия прозорец Стил на слоя.

Преминете към панела „ Стилове “ и под папките ще намерите миниатюра за вашия нов стил:

Новият стил се появява на панела Styles.

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

За да поддържате панела Стилове организиран, добавете вашите персонализирани стилове в отделна папка. Щракнете върху иконата Create New Group в долната част на панела Styles:

Кликвайки върху иконата „Създаване на нова група“.

И след това дайте име на групата, като "Моите стилове". Кликнете върху OK, за да го приемете:

Именуване на новата група.

Новата папка се появява под другите. Кликнете върху миниатюрата на стила на вашия слой и го плъзнете в папката:

Плъзгане на персонализирания стил в папката "Моите стилове".

Как да приложите своя персонализиран стил на слой

За да приложите някой от вашите персонализирани стилове към слой, първо изберете слоя в панела Слоеве:

Избор на слоя, където ще бъде приложен персонализиран стил.

След това в панела „Стилове“ просто щракнете върху миниатюрата на стила:

Избор на персонализиран стил.

И целият ефект се прилага незабавно върху слоя:

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

И там го имаме! Това е всичко, което трябва да знаете, за да започнете да използвате ефекти на слоеве и стилове на слоя във Photoshop CC 2020! Вижте нашия раздел „Основи на Photoshop“ за още уроци. И не забравяйте, всички наши уроци за Photoshop са достъпни за изтегляне като PDF файлове!

Категория:

Основи за Photoshop