В този урок за Photoshop ще научим как лесно да добавим реалистично водно отражение към всяка снимка. Създавате много лесен ефект и можете да го добавите към всяка снимка, която харесвате, въпреки че има тенденция да работи най-добре с изображения, които вече не съдържат вода в тях. Ще използваме обикновен филтър и карта на изместване, за да създадем ефекта от водна пулсация и слой за регулиране на оттенък / насищане, за да дадем на водата ни малко цвят.
Бележка за версията: Този урок е написан за Photoshop CS5 и по-рано. Потребителите на Photoshop CC и CS6 ще искат да разгледат изцяло новия ни урок за ефект на отражение на водата.
Ето снимката, с която ще работя в този урок:
Оригиналното изображение.
И ето как ще изглежда нашият образ след добавяне на отражението на водата:
Крайният резултат.
Този урок е от нашата серия Photo Effects. Да започваме!
Стъпка 1: Дублирайте фоновия слой
С новооткритото ни изображение във Photoshop можем да видим в палитрата на слоевете, че в момента имаме един слой, фоновия слой, който съдържа нашето изображение:
Оригиналното изображение на фоновия слой в палитрата "Слоеве".
Трябва да дублираме фоновия слой и можем да направим това с помощта на клавишната комбинация Ctrl + J (Win) / Command + J (Mac). Сега, когато гледам моята палитра на слоевете, сега виждам, че сега имам два слоя - първоначалният ми фонов слой на дъното и нов слой, "слой 1", над него, който е моят дубликат:
Натиснете "Ctrl + J" (Win) / "Command + J" (Mac), за да дублирате фоновия слой.
Стъпка 2: Добавете още пространство на платното към дъното на документа
Ще добавим водното си отражение под изображението, така че нека добавим малко платно в долната част на нашия документ, за да направим място за нашето отражение. За целта отворете менюто Изображение в горната част на екрана и изберете Размер на платно . Това ще изведе диалоговия прозорец "Размер на платното" на Photoshop. Най-лесното нещо тук е да добавим два пъти повече пространство на платното от това, което имаме в момента, но искаме само той да се появи в долната част на документа, а не над него или от двете страни, така че трябва да кажем на Photoshop точно къде искаме това допълнително платно пространство да отиде.
Първо въведете 100 за височината и задайте измерването на проценти, както е кръгло в червено отдолу. Оставете опцията Width настроена на 0. След това се уверете, че е отметнат опцията Relative, което казва на Photoshop да ни даде 100% повече пространство на платното от това, което вече имаме. Под опцията "Относително" е решетка 3x3 от квадратчета. Това е мястото, където казваме на Photoshop къде искаме да поставим допълнителното си платно пространство. Кликнете вътре в квадрата в средата на горния ред (отново, както е окръглено отдолу). Това казва на Photoshop да не поставя никакво допълнително пространство на платно над документа и вместо това да го поставя в долната част:
Добавете още пространство на платното, като използвате диалоговия прозорец "Размер на платното".
Щракнете върху OK, за да излезете от диалоговия прозорец, и Photoshop ще добави допълнителното пространство на платното в долната част на изображението:
х
Височината на документа вече е удвоена с допълнителното пространство на платното, добавено в долната част.
Стъпка 3: Завъртете горния слой вертикално
За да създадем своето отражение, трябва да обърнем образа си с главата надолу, така че нека направим това. С горния слой, избран в палитрата Слоеве, отидете до менюто Редактиране в горната част на екрана, изберете Трансформиране и след това изберете Flip Vertical . Photoshop ще обърне изображението с главата надолу в документа:
Отидете на Edit> Transform> Flip Vertical, за да обърнете изображението на горния слой с главата надолу.
Стъпка 4: Плъзнете обърнатото изображение към дъното на документа
Нужно е обърнатото изображение да бъде в долната част на документа, така че вземете инструмента си Move Tool от палитрата Tools или натиснете V на клавиатурата си за пряк път:
Изберете инструмента за преместване.
След това, с избрания инструмент за преместване, щракнете вътре в документа и плъзнете обърнатото изображение надолу до дъното, докато горната му част не е облицована с дъното на оригиналното изображение над него. Задръжте Shift докато плъзнете, за да сте сигурни, че влачите надолу по права линия:
Плъзнете обърнатото изображение надолу под оригинала.
Стъпка 5: Добавете нов празен слой
Сега, когато имаме обърнатото си изображение на място, можем да започнем да създаваме ефекта на водната си пулсация. Първо, трябва да добавим нов празен слой в горната част на палитрата на слоевете, така че с „Layer 1“ все още избран, щракнете върху иконата New Layer в долната част на палитрата на слоевете:
Добавете нов празен слой към документа.
Стъпка 6: Напълнете новия слой с бяло
Ще запълним новия ни празен слой с бяло. Ако понастоящем бялото не е вашият цвят на фона, натиснете бутон D на клавиатурата си, което ще нулира цветовете на предния план и фона на Photoshop, като черният цвят ще бъде вашият цвят на предния план, а бялото - цвета на фона. След това използвайте клавишната комбинация Ctrl + Backspace (Win) / Command + Delete (Mac), за да запълните новия слой с цвета на фона (бял). Вашият документ ще бъде изпълнен с плътно бяло.
Цялото изображение сега е изпълнено с бяло.
Стъпка 7: Приложете филтъра „Полутонов модел“, за да създадете черни и бели хоризонтални линии
Отидете до менюто „ Филтър “ в горната част на екрана, изберете Скица и след това изберете Полутона . Това извежда филтърната галерия на Photoshop (в Photoshop CS и по-висока версия), зададена на опциите за филтър "Полутонов модел" вдясно, с голям преглед на ефекта отляво. Ще използваме този филтър, за да добавим серия от черно-бели хоризонтални линии към изображението. Тези линии ще се превърнат в нашите водни вълни. Колкото повече линии имаме, толкова повече вълни ще имаме.
Първо, искаме да сме сигурни, че създаваме линии, а не точки или кръгове, така че задайте опцията Тип шаблон на Линии . Ние контролираме броя на реда, като коригираме опцията за размер . По-ниските стойности ни дават повече линии, тъй като ние намаляваме размера на всеки ред, а по-високите стойности ни дават по-малко, но по-дебели линии. Ще задам стойността на размера си на 7, което според мен работи най-добре за моя образ. Може да искате сами да експериментирате с тази стойност. Опцията Contrast отдолу определя колко остри са краищата на линиите. По-ниските стойности ви дават по-меки линии, а белите по-високи стойности. Задайте тази стойност до 50, за да дадете на вашите линии остри ръбове. Ще ги омекотим сами с филтъра Gaussian Blur за момент:
Настройте опциите за филтър на полутоновия шаблон, за да създадете серия от черни и бели линии през изображението.
Щракнете върху OK, когато сте готови да излезете от диалоговия прозорец, и Photoshop ще запълни изображението отгоре надолу с вашите черно-бели линии:
Изображението вече е изпълнено с черно-бели хоризонтални линии.
Стъпка 8: Приложете филтъра "Gaussian Blur" към линиите
Преди да можем да използваме нашите черни и бели линии като водни пулсации, трябва да ги изгладим и да създадем приятни и плавни преходи между тях. За да направите това, отидете отново на менюто Filter, изберете Blur и след това изберете Gaussian Blur, което извежда диалоговия прозорец "Gaussian Blur". Следете вашето изображение и плъзнете плъзгача в долната част на диалоговия прозорец, за да увеличите стойността на радиус, докато линиите имат много мек ръб към тях. Използвам малко изображение за този урок, така че за мен стойността на радиус от около 4 пиксела работи добре. Ако използвате по-голямо изображение с висока разделителна способност, ще трябва да зададете вашите на по-висока стойност:
Използвайте филтъра Gaussian Blur, за да изгладите краищата на линиите.
Щракнете върху OK, за да излезете от диалоговия прозорец и приложите размазването към линиите.
Стъпка 9: Дублирайте слоя линии като нов документ
Ще създадем съвсем нов документ от нашия слой линии, който след това ще използваме като карта за изместване на нашите водни пулсации. С избрания слой от линии отидете до менюто Слое в горната част на екрана и изберете Дублиращ слой, който извежда диалоговия прозорец "Дублиран слой". В опциите „Дестинация“ кликнете върху стрелката надолу вдясно от опцията „ Документ “ и я задайте на Ново, което ще създаде нов документ в Photoshop от нашия слой:
Задайте опцията "Документ" в диалоговия прозорец "Дублиращ слой" на "Ново".
Щракнете върху OK, за да излезете от диалоговия прозорец, и вашият слой ще се отвори в нов документ на екрана.
Стъпка 10: Запазете новия документ и затворете от него
Този нов документ, който създадохме, ще се превърне в нашата карта за разселване, но преди да можем да го използваме, трябва да го запишем. Ние също ще затворим от него, след като сме го запазили, тъй като вече няма да се нуждаем от отваряне и най-лесният начин да изпълним и двете задачи е просто да затворим от документа. Когато се опитате да го затворите, Photoshop ще ви направи, ако искате да запазите документа, преди да го затворите. Кликнете върху Да :
Изберете „Да“, когато Photoshop попита дали искате да запазите документа, преди да го затворите.
Photoshop ще изведе диалоговия прозорец Запиши като . Можете да дадете име на вашия нов документ всичко, което харесвате. Отивам да нарека моята „водни пулсации“. Уверете се, че сте го запазили като .PSD файл на Photoshop, тъй като това са единствените файлове, които Photoshop може да използва като карта на изместване. Вероятно ще искате да запазите документа на вашия работен плот, тъй като ние ще трябва да го намерим отново след миг.
Стъпка 11: Изтрийте слоя линии
Сега, когато използвахме нашите черни и бели линии, за да създадем файла, който ще използваме като нашата карта на изместване, можем да се отървем от него. За целта просто щракнете върху него и го плъзнете надолу върху иконата на кошчето в долната част на палитрата на слоевете:
Щракнете и плъзнете слоя линии ("Слой 2") върху кошчето в долната част на палитрата на слоевете, за да го изтриете.
Стъпка 12: Обединете двата слоя в нов слой
Преди да можем да добавим използване на нашата карта за преместване, трябва да обединим двата ни слоя на изображение върху нов слой над тях. За да направите това, с избран "Layer 1" използвайте клавишната комбинация Shift + Ctrl + Alt + E (Win) / Shift + Command + Option + E (Mac). Изглежда няма да се случи нищо в документа, но ако погледнем в палитрата на слоевете, можем да видим, че и двата слоя са слети в нов слой в горната част:
И двата слоя вече са обединени в нов слой, "слой 2".
Стъпка 13: Използвайте филтъра "Displace", за да създадете водни вълни
Готови сме да създадем нашите водни пулсации, като използваме топлоизточната карта, която току-що създадохме. С новия обединен слой, избран в палитрата на слоевете, върнете се обратно към менюто Филтър в горната част на екрана, изберете Distort и след това изберете Displace .
Това извежда диалоговия прозорец на филтъра „Displace“ на Photoshop. Това е мястото, където ние определяме силата на нашия пулсационен ефект и правим това с опцията Хоризонтална скала в горната част. Ще настроя моята на стойност 4, което ще ми даде реалистичен ефект на пулсации. Може да искате да експериментирате с тази стойност със собствено изображение. Поставянето му твърде високо обаче ще създаде прекалено много хоризонтално изкривяване и ще загубите реализма.
Не се нуждаем от вертикално изкривяване, за да създадем ефекта си, затова задайте опцията Vertical Scale на 0 . Освен това, уверете се, че са избрани пикселите за опъване и повторение на края :
Отидете на Filter> Distort> Displace, за да изведете диалоговия прозорец Displace.
Кликнете върху OK в горния десен ъгъл на диалоговия прозорец и Photoshop ще ви попита кой файл искате да използвате като карта на изместване. Изберете файла, който току-що запазихте преди малко, който запазих на работния си плот като "water-ripples.PSD", след което щракнете върху Open. След това Photoshop ще приложи картата на изместване към цялото изображение, създавайки нашите водни вълни:
Изображението след прилагане на нашата карта на изместване с филтъра "Displace".
Стъпка 14: Скрийте пулсациите отгоре с маска на слоя
Разбира се, в момента имаме лек проблем. Добавихме ефекта си от пулсации на водата към цялото изображение и го искахме само в долната половина. Можем да поправим това лесно, въпреки че използваме маска на слоя. Първо, щракнете върху Ctrl (Win) / Command-клик (Mac) директно върху миниатюрата за „Layer 1“ в палитрата на слоевете, за да поставите селекция около обърнатото изображение в долната част на документа:
„Щракнете с десния бутон“ (Win) / „Control-click“ (Mac) директно върху миниатюрата на Layer 1 в палитрата на слоевете, за да поставите селекция около обърнатото изображение.
Ще видите избор, който се появява около долната половина на изображението в документа ви. Сега, след като обединеният слой все още е избран, щракнете върху иконата Layer Mask в долната част на палитрата Layers:
Кликнете върху иконата "Layer Mask", за да добавите маска на слоя към обединения слой в горната част на палитрата на слоевете.
Photoshop ще добави маска на слоя към обединения слой и тъй като имахме селекция около долната половина на нашия документ, когато добавихме маската на слоя, само долната половина на обединения слой остава видима. Горната половина става скрита от изглед, премахвайки нежеланите водни пулсации от тази част на изображението:
Ефектът от пулсации вече е скрит от горната половина на изображението след нанасяне на маската на слоя.
Стъпка 15: Нанесете филтъра "Gaussian Blur" върху маската на слоя
Преди да добавим финалното си докосване чрез оцветяване на водата, нека омекотим малко ръба на слоевата маска, за да няма такава сурова разделителна линия между изображението отгоре и водата отдолу. За това ще използваме филтъра Gaussian Blur и тъй като искаме да го приложим към маската на слоя, първо трябва да изберете маската. Можем да направим това, като кликнете върху миниатюрата на маската на слоя в палитрата на слоевете:
Уроци по Adobe Photoshop: Кликнете върху миниатюрата на маската на слоя в палитрата Слоеве, за да изберете маската на слоя.
Можете да кажете, че маската на слоя вече е избрана от полето за бяло подчертаване около нейната миниатюра. Ще приложим филма Gaussian Blur към маската, така че се върнете обратно към менюто Filter, изберете Blur още веднъж и след това изберете Gaussian Blur . Когато се появи диалоговият прозорец, просто щракнете върху OK, за да приложите същата стойност на Радиус, която използвахме преди.
Стъпка 16: Оцветяване на водата с оттенък / слой за регулиране на насищане
Нека приключим нещата сега, като добавим само намек за синьо към водата си и ще използваме слой за регулиране на оттенък / насищане за това. Искаме коригиращият слой да засегне само долната половина на изображението, където са пулсациите на водата, затова задръжте клавиша Alt (Win) / Option (Mac), кликнете върху иконата New Adjustment Layer в долната част на палитрата на слоевете, след това изберете Hue / Saturation от списъка с коригиращи слоеве:
Задръжте "Alt" (Win) / "Option" (Mac), щракнете върху иконата "New Adjustment Layer", след което плъзнете мишката върху "Hue / Saturation", за да я изберете.
Задържайки "Alt / Option", това позволява на Photoshop да изведе диалоговия прозорец " Нов слой " преди да добавите коригиращия слой. Изберете опцията Използване на предишния слой за създаване на маска за изрязване, като щракнете в квадратчето вляво от нея:
Изберете опцията "Използване на предишен слой за създаване на маска за изрязване" в диалоговия прозорец "Нов слой".
Тази опция казва на Photoshop, че искаме коригиращият слой да засегне само слоя директно под него в палитрата на слоевете, и тъй като слой под него е слоят, съдържащ нашите водни пулсации, само водните пулсации ще бъдат оцветени, което е това, което искаме, Щракнете върху OK, за да излезете от диалоговия прозорец.
Това ще изведе диалоговия прозорец Hue / Saturation. Искаме да оцветим водата си, така че първото нещо, което искаме да направим тук, е да изберете опцията Colorize в долния десен ъгъл. След това изберете цвета, който искате водата ви, като плъзнете плъзгача Hue в горната част. Ще плъзна плъзгача си вдясно до стойност около 218, което според мен е добър цвят за моята вода:
Използвайте диалоговия прозорец Hue / Saturation за оцветяване на водата.
Щракнете върху OK, за да излезете от диалоговия прозорец и ще видите, че водата ви на дъното вече е оцветена, но цветът в момента е много силен.
Стъпка 17: Намалете непрозрачността на слоя нюанс / насищане
За да намалим интензивността на цвета, който току-що добавихме към водата, всичко, което трябва да направим, е да отидем до опцията Opacity в горния десен ъгъл на палитрата на слоевете и да намалим стойността на непрозрачността. Ще сваля мина до 25%, което добавя много по-реалистично количество цвят към водата:
Намалете непрозрачността на коригиращия слой, докато водата има само намек за цвят.
След като намалите непрозрачността на коригиращия слой, за да намалите интензивността на цвета на водата, сте готови! Ето и последния ми резултат от „отражение на водата“:
Крайният ефект.
Само за забавление, ето още един пример за точно същия ефект, приложен към различно изображение. Единственото нещо, което промених тук, беше, че добавих само половината толкова място на платното под оригиналното изображение (зададох стойността „Височина“ в диалоговия прозорец Размер на платно на 50%, вместо на 100%). Всичко останало беше направено по същия начин:
Друг пример за изображение, използващо същия ефект.
И там го имаме! Ето как да добавите ефект на отражение на водата към изображение с Photoshop! Посетете нашата секция с фото ефекти за още уроци за ефекти за Photoshop!