В този урок за Photoshop Effects ще научим как да създадем илюзията, че светлината се хвърля върху обекта на вашата снимка чрез щори на прозореца, използвайки карта за изместване, за да огънете и увиете сенките на щорите около обекта в реалистична 3D мода. Ще използваме и слой за регулиране на цветовия баланс, за да създадем по-убедителен източник на светлина.
Ето изображението, с което ще работя в този урок:
И ето как ще изглежда, когато приключим:
Стъпка 1: Преобразуване на изображението в режим на цветовете в лабораторията
Както споменах, ще използваме функцията на Photoshop's Displacement Map, за да увием сенките от щорите около естествените извивки на лицето, ръцете и косата на жената, така че първото нещо, което трябва да направим, е да създадем нашата карта на изместване. Картата на изместване не е нищо повече от черно-бяло изображение, което Photoshop използва, за да определи как да премествате и премествате пиксели. Обичам да мисля за това като Photoshop движещи се пиксели от „dis place“ в „dis place“. Първото нещо, което трябва да направим тогава, е да създадем черно-бяла версия на нашия образ. Има много различни начини да направите това, но един от любимите ми начини е да използвате цветовия режим на Photoshop's Labs, който удобно разделя стойностите на осветеността (лекотата) на изображението от цвета.
За да преобразувате изображението в цвят на лабораторията, отворете менюто Изображение в горната част на екрана, изберете режим и след това изберете цвят от лабораторията от списъка:
Отидете на Image> Mode> Lab Color.
Стъпка 2: Изберете канала "Лекота"
Когато преобразувате вашето изображение в цветовия режим на Лаборатория, в прозореца на вашия документ няма да се случи нищо, но нещо определено се е случило. Сега разделихме стойностите на светлината от цвета на изображението и за да видите какво точно се е случило, преминете към вашата палитра на каналите, която ще намерите групирана в палитрата на слоевете. Ще видите четири изброени канала - "Лаборатория", "Лекота", "а" и "б". Каналът "Лекота" съдържа всички стойности на светлината в изображението, докато цветовете са разделени на каналите "a" и "b". Най-горният "Лабораторен" канал изобщо не е канал. Това е просто съставът на каналите за лекота и цвят.
Кликнете върху канала "Лекота", за да го изберете:
Изберете канала „Лекота“ в палитрата „Канали“.
Щом изберете канала "Лекота", в прозореца на документа ще видите изображението си да се промени на черно и бяло:
При избран канал "Лекота" изображението изглежда черно и бяло.
Стъпка 3: Създайте нов документ от канала "Лекота"
Нуждаем се от нашата карта на преместване, за да бъде отделен документ от оригиналното ни изображение, така че щракнете с десния бутон на мишката (Win) / Control (Кликнете върху Mac) директно върху канала "Lightness" в палитрата Channels и изберете Дублиращ канал от менюто, което се показва:
"Щракнете с десния бутон" (Win) / "Control-click" (Mac) директно на канала "Lightness", след което изберете "Дублиращ канал" от менюто.
Това извежда диалоговия прозорец на дублиращия се канал на Photoshop. Променете опцията Document на New, така че да създадем нов документ от канала, а не просто да дублираме канала в същия документ, след което щракнете върху OK, за да излезете от диалоговия прозорец:
Задайте опцията „Документ“ на „Нов“, за да създадете нов документ от канала „Лекота“.
Сега ще имате отворени два документа на вашия екран, един съдържащ оригиналното изображение и един, съдържащ дублиращия канал „Лекота“. Ще работим върху дублиращия се документ за канал „Лекота“ за няколко минути, за да го подготвим за използване като нашата карта на изместване.
Стъпка 4: Увеличете контраста на изображението с нива
Картите на изместване обикновено работят най-добре, когато изображението, което използвате като карта на изместване, има силно контраст с него, така че нека да засилим контраста на нашия нов документ с помощта на командата нива на Photoshop. Използвайте клавишната комбинация Ctrl + L (Win) / Command + L (Mac) за бързо извеждане на диалоговия прозорец Нива.
В центъра на диалоговия прозорец Нива ще видите голяма черна графика, наречена хистограма, която ни показва текущия тонален диапазон на изображението. Под хистограмата са разположени три малки плъзгача - черен плъзгач вляво отдолу, бял плъзгач отдолу вдясно и сив плъзгач в средата. Кликнете върху черния плъзгач и го плъзнете вдясно, докато не сте точно от мястото, където започва левият ръб на хистограмата. Това ще затъмни най-тъмните части на изображението. След това кликнете върху белия плъзгач и го плъзнете вляво, докато не сте точно от мястото, където започва десният ръб на хистограмата. Това ще изсветли най-леките части на изображението:
Плъзнете черно-белите плъзгачи под хистограмата в посока към центъра, за да засилите контраста в изображението.
Щракнете върху OK, когато сте готови, за да излезете от диалоговия прозорец. Вашето изображение сега ще се показва с по-силен контраст:
Контрастът вече е увеличен в изображението.
Стъпка 5: Изберете областта около темата
За моя образ искам сенките от щорите на прозореца да се огъват и увиват около лицето, ръцете и косата на жената, но не искам зоната зад нея да бъде засегната от картата на преместването. Искам сенките от щорите да останат идеално хоризонтални в тези зони, сякаш светлината от прозореца свети върху плоска стена зад жената. За да не позволя на картата на изместване да огъва сенките в тези области, ще запълня тези области с плътно бяло. За целта ще трябва да ги подберем, така че използвайте инструмента за избор по ваш избор (Lasso Tool, Pen Tool и т.н.), за да изберете всичко около жената. С други думи, изберете всичко освен нея. Не се притеснявайте да изберете около изгубените кичури коса, тъй като те няма да направят забележима разлика в ефекта:
Изберете областта около жената, като използвате инструмента за избор по ваш избор.
Стъпка 6: Попълнете селекцията с бяло
С избраната зона около жената, отворете менюто Редактиране в горната част на екрана и изберете Запълване или използвайте клавишната комбинация Shift + F5. Така или иначе се появява диалоговият прозорец за запълване на Photoshop. Задайте опцията Използване в горната половина на диалоговия прозорец на Бяло:
Отидете на Edit> Fill и изберете "White" за опцията "Use".
Уверете се, че опцията Mode е настроена на Normal и опцията Opacity е настроена на 100%, след което щракнете върху OK, за да излезете от диалоговия прозорец и попълнете избора с бяло:
Избраните области вече са изпълнени с бяло.
Натиснете Ctrl + D (Win) / Command + D (Mac), за да отмените избора.
Стъпка 7: Размийте изображението с филтъра „Gaussian Blur“
Почти сме готови да подготвим изображението си за използване като карта на изместване. Единственото, което остава да направите, е да премахнете всички тежки преходи между светли и тъмни зони, като приложите малко количество размазване към изображението. За това ще използваме класическия филтър Gaussian Blur на Photoshop. Отидете до менюто Филтър в горната част на екрана, изберете Blur и след това изберете Gaussian Blur. Това извежда диалоговия прозорец Gaussian Blur. Плъзнете плъзгача Radius в долната част на диалоговия прозорец вдясно, за да увеличите размера на замъгляване. Ще настроя стойността на Radius на около 4 пиксела, което омекотява добре изображението. За изображение с по-висока разделителна способност опитайте някъде около 6-7 пиксела:
Приложете малко замъгляване към изображението с помощта на филтъра Gaussian Blur.
Щракнете върху OK, за да излезете от диалоговия прозорец. Ето моето изображение след прилагане на Gaussian Blur филтъра:
Изображението след прилагане на Gaussian Blur филтъра.
Стъпка 8: Запазете изображението като .PSD файл на Photoshop
На този етап сме готови с изображението на нашата карта на изместване. Всичко, което трябва да направим сега, е да го запишем, така че натиснете Ctrl + S (Win) / Command + S (Mac) за бърз достъп до командата Save на Photoshop. Тъй като това е първият път, когато запазваме файла, Photoshop ще изскочи диалоговия прозорец Запиши като вместо това, което ни позволява да назовем файла, да изберем тип файл и да решим къде искаме да го запишем. Създадох папка на работния си плот, наречена „Displacement Maps“, така че ще запазя файла в тази папка. Ще го нарека „щори-прозорци-изместване“, но разбира се можете да назовете файла си, каквото има смисъл за вас. И накрая, не забравяйте да запазите файла като .PSD файл на Photoshop, тъй като това са единствените файлове, които можем да използваме като карти за преместване:
Наименувайте файла и го запишете като .PSD файл на Photoshop.
Можете да затворите документа на картата на преместване, след като го запазите, тъй като вече няма нужда да го отваряме.
Стъпка 9: Преобразуване на оригиналното изображение обратно в RGB цвят
Сега, когато приключихме да работим върху нашата карта за преместване, можем да започнем да създаваме ефекта на нашите щори в оригиналното изображение. Преди да го направим обаче, трябва да преобразуваме изображението от цвета на лабораторията обратно в цвят RGB, какъвто е цветният режим, в който е бил първоначално. За да направите това, върнете се обратно в менюто Image в горната част на екрана, изберете Mode и след това изберете RGB Color:
Преобразувайте оригиналното изображение обратно в цветен режим RGB.
Щом преминете обратно към RGB цвят, ще видите цвета да се върне към вашето изображение:
Цветът се връща към изображението, след като го преобразува обратно в RGB цвят.
Ако погледнете в палитрата на каналите си, ще видите, че каналите "лекота", "а" и "б" са заменени с канал "червен", "зелен" и "син" и композитният "лаборатория" "каналът в горната част е заменен с композитен канал" RGB ":
Палитрата „Канали“ вече показва изображението, съставено от канал „Червено“, „Зелено“ и „Синьо“.
Превключете отново към палитрата на слоевете в този момент, тъй като вече няма нужда да работим с отделните канали.
Стъпка 10: Добавете нов празен слой
Ще създадем нашите щори за прозорци на собствен отделен слой, така че кликнете върху иконата New Layer в долната част на палитрата на слоевете:
Кликнете върху иконата "Нов слой".
Това добавя нов празен слой, наречен "Layer 1" над фоновия слой, който е слоят, който съдържа нашата оригинална снимка:
Палитрата на слоевете, показваща новия празен слой над фоновия слой.
Стъпка 11: Изберете инструмента за правоъгълна маркировка
Ще създадем първия си сенник за прозорци. Тъй като сенките ще бъдат дълги, тесни правоъгълници, най-лесният начин да ги създадете е да използвате инструмента за правоъгълна маркировка, затова го изберете от палитрата Инструменти или просто натиснете M на клавиатурата си, за да го изберете:
Изберете инструмента за правоъгълна маркировка.
Стъпка 12: Издърпайте хоризонтално през изображението тънка правоъгълна селекция
С избрания инструмент за правоъгълна маркировка издърпайте тесен избор от изображението отляво надясно, някъде в горната част:
Плъзнете тесен правоъгълен избор през горната част на изображението.
Стъпка 13: Запълнете селекцията с черно
След като изтеглите избора си, върнете се обратно към менюто Редактиране в горната част на екрана и отново изберете Запълване. Ще запълним избора си с черно, така че задайте опцията Use на черно:
Отидете на Редактиране> Запълване и задайте опцията "Използване" в диалоговия прозорец на "Черно".
Щракнете върху OK, за да излезете от диалоговия прозорец и Photoshop ще попълни селекцията с черно:
Изборът вече е изпълнен с черно.
Стъпка 14: Изберете инструмента за преместване
Начертахме първия си сенник за прозорци, въпреки че в момента изглежда като нищо повече от черен правоъгълник. Преди да направим нещо фантастично с него, нека използваме този първи правоъгълник, за да създадем останалата част от нашите сенки. Първо изберете инструмента за преместване на Photoshop от палитрата Инструменти или просто натиснете V на клавиатурата си:
Изберете инструмента за преместване.
Стъпка 15: Плъзнете копие на черния правоъгълник под оригинала
Ще създадем копие на този първи правоъгълник и ще го плъзнем под оригинала и можем да правим и двете неща едновременно. При избран инструмент Move, задръжте клавиша Alt (Win) / Option (Mac). Ще видите как курсорът ви Move Tool се променя в две стрелки, една черна и една бяла. Това ни казва, че ще създаваме дубликат на правоъгълника, докато го влачим. Задръжте и клавиша Shift, което ще ни принуди да влачим правоъгълника право надолу, като ни попречи случайно да го преместим настрани. След това просто плъзнете надолу с мишката и докато плъзнете, ще видите, че издърпвате дубликат на черния правоъгълник, вместо да влачите оригинала. Уверете се, че все още имате активен избор около оригиналния правоъгълник, преди да започнете да влачите, тъй като това ще запази и двата правоъгълника на един и същи слой. Позиционирайте новия правоъгълник под оригинала, където искате да се появи вторият сянка:
Задръжте "Shift + Alt" (Win) / "Shift + Option" (Mac) и плъзнете копие на правоъгълника надолу под оригинала.
Стъпка 16: Продължете да влачите остатъците от сенките
Продължете да изтегляте дубликати на правоъгълника докрай надолу върху снимката, докато не създадете всичките си сенки, след това натиснете Ctrl + D (Win) / Command + D, за да премахнете избора. Вашето изображение сега трябва да изглежда така:
Изображението след добавяне на останалите правоъгълници.
Ако погледнем в нашата палитра на слоевете, можем да видим, че всичките ни правоъгълници са на един и същи слой, "Layer 1":
Всички правоъгълници са създадени на един и същи слой.
Стъпка 17: Нанесете филтъра "Gaussian Blur" върху правоъгълниците
В момента нашите правоъгълници все още изглеждат като основни правоъгълници. За да изглеждат по-скоро като сенки, трябва да смекчим краищата им. За целта ще използваме филтъра Gaussian Blur за пореден път. Върнете се обратно към менюто „Филтър“ в горната част на екрана, изберете Blur и след това изберете Gaussian Blur. Когато се появи диалоговият прозорец Gaussian Blur, плъзнете плъзгача Radius отдолу вдясно, за да размажете и омекотите краищата на правоъгълниците, точно както направихме преди момент, когато подготвяхме изображението на нашата карта на изместване. Ще изтегля стойността на Radius до около 9 пиксела. В областта за визуализация на диалоговия прозорец можем да видим, че това омекотява добре краищата:
Използвайте филтъра Gaussian Blur, за да омекотите краищата на правоъгълниците.
Щракнете върху OK, за да излезете от диалоговия прозорец, когато сте готови. Ето моето изображение с краищата на правоъгълниците сега много по-меки:
Изображението след прилагане на Gaussian Blur филтъра върху правоъгълниците.
Стъпка 18: Приложете филтъра "Displace"
Краищата на правоъгълниците сега изглеждат по-добре, но сенките все още не изглеждат реалистични. Една от причините, освен факта, че те напълно блокират снимката под тях от изглед, е, че те просто се движат хоризонтално по снимката. За да им дадем усет за реализъм, имаме нужда те да се огъват около лицето, ръцете и косата на жената. Това е мястото, където ще използваме картата на изместване, която сме създали по-рано.
С „Layer 1“, избран в палитрата на слоевете, отидете отново до менюто Filter в горната част на екрана и този път изберете Distort и след това Displace:
Отидете на Filter> Distort> Displace.
Това извежда първия от два диалогови прозореца за филтъра Displace. Тази първа ни позволява да решим каква част от влиянието ще окаже картата на изместване върху изображението, и ние правим това, като въвеждаме стойности за опциите Хоризонтална и Вертикална скала. Колкото по-високи са стойностите, толкова по-нататък Photoshop ще премества пикселите. В нашия случай изобщо не е необходимо да движим пикселите хоризонтално, така че въведете 0 за опцията Хоризонтална скала. Необходимо е да ги движим вертикално, така че въведете стойност около 20 за опцията Вертикална скала. Може да се наложи да експериментирате с тази стойност, за да видите какво работи най-добре с вашето изображение. Уверете се, че сте избрали и опциите Stretch To Fit и Repeat Edge Pixels:
Задайте опцията „Хоризонтална скала“ на „0“, а опцията „Вертикална скала“ на около „20“.
Кликнете върху OK, за да приемете промените си и да излезете от този първи диалогов прозорец. След това ще изберем нашата карта на изместване.
Когато щракнете върху OK, за да излезете от първия диалогов прозорец на филтъра Displace, Photoshop изскача втори диалогов прозорец, като този път ви пита кой файл искате да използвате като карта на изместване. Придвижете се до мястото, където сте запазили файла на картата с изместване на вашия компютър и го изберете:
Навигирайте до вашата карта на изместване и я изберете.
Щракнете върху Отваряне, за да излезете от диалоговия прозорец и накарайте Photoshop да приложи картата си на разместване върху сенките, които сега се огъват и увиват много по-реалистично около жената:
Сенките сега се огъват и се увиват около жената благодарение на картата на разселването.
Стъпка 19: Намалете непрозрачността на сенките
Единственият проблем, който остава със сенките е, че те са твърде силни. Всъщност те напълно блокират жената от поглед. Всичко, което трябва да направим, за да поправим, е по-ниската непрозрачност на "слой 1". Отидете до опцията Opacity в горния десен ъгъл на палитрата на слоевете и намалете стойността до около 40%:
Намалете непрозрачността на "слой 1", за да намалите интензивността на сенките.
С намалената непрозрачност сенките изглеждат много по-естествено:
Сега сенките изглеждат по-меки и по-естествени.
Стъпка 20: Добавете слой за регулиране на баланса на цветовете
И с това успешно създадохме нашите сенници за прозорци! За да завършим ефекта, нека добавим малко топла слънчева светлина към изображението, сякаш сутрешното слънце грее през прозореца. Кликнете върху иконата New Adjustment Layer в долната част на палитрата Layers и изберете Color Balance от списъка с слоеве за корекция, който се показва:
Добавете коригиращ слой "Цветен баланс".
Настройката на цветовия баланс ни позволява да коригираме цветовете в сенките, средните тонове и акцентите на изображението. Той е разделен на две основни секции - секцията за цветен баланс отгоре, която е мястото, където коригираме цветовете, и секцията за баланс на тона в долната част, където превключваме между сенките, средните тонове и акцентите. Започнете, като изберете опцията Shadows в долната част на диалоговия прозорец, след това плъзнете долния плъзгач в секцията Color Balance над него вляво, за да добавите повече жълто към сенките в изображението. След като добавите малко жълто, плъзнете горния плъзгач вдясно, за да добавите и малко червено:
Добавяне на жълто и малко червено към зоните на сенките на изображението.
Когато приключите със сенките, изберете Midtones в долната част на диалоговия прозорец и отново плъзнете долния и горния плъзгачи, за да добавите жълто и малко червено към средните тонове на изображението. След това изберете Акценти и добавете жълто и малко червено към акцентите. Щракнете върху OK, когато сте готови, за да излезете от диалоговия прозорец.
Ако трябва да прецизирате количеството цвят, което сте добавили към изображението, просто намалете стойността на непрозрачността на коригиращия слой Color Balance в палитрата на слоевете, точно както преди малко, когато намалихме непрозрачността на слоя сенки,
И с това сте готови! Ето, след като добавих малко топла слънчева светлина с коригиращия слой Color Balance, е моят краен резултат:
Крайният резултат.
И там го имаме! Ето как да добавите осветителен ефект на щори за прозорци към изображение с Photoshop! Посетете нашата секция с фото ефекти за още уроци за ефекти за Photoshop!