Ефект на износени фото ръбове във Photoshop

Съдържание:

Anonim

В този урок за Photoshop ще научим как да дадем на снимка ефект на износени, разкъсани ръбове . Създаването на ефекта е лесно и не изисква нищо повече от няколко слоя, инструментът Eraser, една от вградените четки на Photoshop и някои стилове на слоя, за да помогнете за завършване на нещата.

Тази версия на нашия урок за износени, скъсани ръбове е за Photoshop CS5 и по-ранна версия. Ако използвате Photoshop CS6 или Photoshop CC (Creative Cloud), вижте нашата напълно актуализирана версия.

Ето ефекта на разкъсаните ръбове, който ще създадем:

Крайният ефект „износени, скъсани ръбове на снимката“.

Как да се износят, разкъсани ефекти от снимките

Стъпка 1: Дублирайте фоновия слой

С новооткритото ни изображение във Photoshop, нека започнем с дублирането на фоновия слой. Отидете до менюто Layer в лентата с менюта в горната част на екрана, изберете New и след това изберете Layer чрез Copy . Или за по-бърз начин да дублирате слой, натиснете клавишната комбинация Ctrl + J (Win) / Command + J (Mac):

Отидете на Layer> New> Layer чрез Copy или натиснете Ctrl + J (Win) / Command + J (Mac).

Ако погледнем в панела Слоеве, можем да видим, че нашият документ сега съдържа два слоя. Оригиналният фонов слой седи на дъното, докато наскоро добавеното ни копие на фоновия слой, което Photoshop автоматично е кръстил "Layer 1", седи над него:

Копие на фоновия слой се появява над оригинала на панела Слоеве.

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

Нека си дадем малко повече място за работа, като добавим малко допълнително платно пространство около изображението. Отидете до менюто Изображение в горната част на екрана и изберете Размер на платно :

Отидете на Image> Canvas Size.

Това показва диалоговия прозорец Размер на платното на Photoshop. Ще добавя допълнителни 100 пиксела около изображението, като въвеждам 100 и за опциите Width и Height в центъра на диалоговия прозорец и се уверявам, че типът на измерване е зададен на пиксели и за двете. Уверете се също, че е отметнат опцията Относително, така че допълнителното пространство да бъде добавено към съществуващото платно, в противен случай ще променим размера на платното на 100 х 100 пиксела, което не е това, което искаме. Кликнете върху централния квадрат в решетката за закрепване, така че допълнителното пространство да се добави равномерно около всички краища на платното:

Добавете допълнително пространство около изображението с диалоговия прозорец Canvas Size.

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

Добавено е допълнителното платно пространство.

Стъпка 3: Добавете нов празен слой между двата съществуващи слоя

Със „Layer 1“, избран в панела „Слоеве“ (той трябва да бъде подчертан в синьо), задръжте клавиша Ctrl (Win) / Command (Mac) и кликнете върху иконата New Layer в долната част на панела Layers:

Задръжте Ctrl (Win) / Command (Mac) и кликнете върху иконата New Layer.

Обикновено Photoshop добавя нови слоеве директно над текущо избрания слой, но като задържаме клавиша Ctrl / Command, докато щракнем върху иконата New Layer, казваме на Photoshop да добави новия слой под избрания слой. Вече имаме нов празен слой, наречен "Layer 2", разположен между фоновия слой и "Layer 1".

Новият празен слой се появява между фоновия слой и „Layer 1“.

Стъпка 4: Напълнете новия слой с бяло

Отидете до менюто Редактиране в горната част на екрана и изберете Запълване :

Отидете на Редактиране> Запълване.

Това извежда диалоговия прозорец за запълване на Photoshop, който можем да използваме за запълване на слой или селекция с цвят. Изберете Бял за опцията Използване в секцията Съдържание в горната част на диалоговия прозорец:

Задайте опцията Use на бяло.

Щракнете върху OK, когато сте готови, за да излезете от диалоговия прозорец. Photoshop запълва новия слой с бяло, въпреки че всъщност не можем да го видим в прозореца на документа, тъй като изображението на "Layer 1" над него блокира новия слой от изглед. Ако обаче погледнем миниатюрата за визуализация на слоя за „Layer 2“ в панела „Слоеве“, можем да видим, че миниатюрата вече е изпълнена с бяло, което ни казва, че самият слой е изпълнен с бяло:

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

Стъпка 5: Изберете „Layer 1“

Готови сме да започнем да създаваме ефекта на разкъсаните ръбове, но първо трябва да сме сигурни, че работим върху правилния слой. В момента имаме избран "Layer 2", който знаем, защото "Layer 2" е подчертан в синьо в панела "Слоеве". Трябва да работим върху изображението на "Layer 1", така че кликнете върху "Layer 1", за да го превърнем в текущия активен слой:

Кликнете върху "Layer 1", за да го изберете.

Стъпка 6: Изберете инструмента за гуми

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

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

Стъпка 7: Изберете 100 Груба четка с кръгла четка

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

Иконата за превключване на панела "Четки" се отваря и затваря панела "Четки".

Това отваря панела за четки. Кликнете върху иконата на менюто в горния десен ъгъл на панела Четки, за да изведете списък с опции на менюто за панела. Тук използвам Photoshop CS4. В по-ранните версии на Photoshop иконата на менюто изглежда като малка стрелка. Когато се появи менюто, изберете Голям списък :

Всеки панел във Photoshop има меню с различни опции, от които да избирате.

Това променя начина на показване на четките в панела "Четки", като по-лесно виждате точно коя четка избираме. С четките, които сега се показват във формат Голям списък, превъртете надолу в долната част на списъка и кликнете върху четката 100 Rough Round Bristle, за да го изберете:

Кликнете върху четката "100 Rough Round Bristle" в панела "Четки", за да я изберете.

Ако искате да се върнете обратно към начина, по който са били показани първоначално четките, щракнете върху иконата на менюто на панела Четки и изберете Small Thumbnail от списъка.

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

Стъпка 8: Изтриване около ръбовете на изображението

Нека започнем с създаването на нашия първоначален ефект на разкъсани ръбове по протежение на лявата страна на изображението. Казвам „първоначално“, защото след като веднъж сме направили обиколката си около цялото изображение веднъж, ще се върнем втори път, но ще стигнем до това по-късно. Поставете инструмента за гуми така, че да е в горния ляв ъгъл на документа, като само около 25-30% от четката се простира към изображението. Останалата част от четката трябва да е извън изображението в бялото пространство, което добавихме в началото на урока. Щракнете веднъж, след това с натиснат бутон на мишката, плъзнете кратък ход на четката надолу по горния ляв ръб на изображението. Ще видите части от ръба да се изтриват, докато плъзнете, създавайки началото на нашия разкъсан ръб ефект:

Кликнете и издърпайте малка четка на четката по горния ляв ръб на изображението.

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

Продължете да работите по лявата страна на изображението, като щракнете и издърпате кратки щрихи, като винаги поддържате 70-75% от формата на четката извън изображението в бялата зона, така че да не изтриваме прекалено много от ръба. Ако направите грешка и се наложи да отмените последния си ход на четката, натиснете Ctrl + Z (Win) / Command + Z (Mac), за да я отмените, или натиснете Ctrl + Alt + Z (Win) / Command + Option + Z (Mac ) многократно, за да отмените множество удари с четка:

Продължете да работите по лявата страна на изображението с кратки удари с четка.

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

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

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

Стъпка 9: Дублирайте слоя

Сега, когато имаме своя начален ефект на разкъсани ръбове, трябва да направим копие на слоя. С „Layer 1“, избран в панела „Слоеве“, натиснете Ctrl + J (Win) / Command + J (Mac), за да го дублирате бързо. Вече имаме копие на слоя, който Photoshop подходящо е наречен „Копие на слой 1“, в горната част на панела Слоеве. Обикновено трябва да преименуваме слоеве, за да не виждаме имена като „копие на слой 1“, но тъй като този ефект е доста прост и имаме всички слоеве, от които се нуждаем в този момент, ще ги оставим със стандартните им имена, за да спестим време:

Копие от "Layer 1" се появява над оригинала.

Стъпка 10: Изключете горния слой

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

Щракването върху иконата „очна ябълка“ включва и изключва слоеве в документа.

Стъпка 11: Изберете „Layer 1“

След като горният слой вече е скрит от изгледа временно, щракнете още веднъж върху „Слой 1“ в панела „Слоеве“, за да го изберете:

Кликнете върху "Layer 1", за да го изберете.

Стъпка 12: Добавете стил на слой на цветния слой

Избран "Layer 1", щракнете върху иконата на слоеве на слоя в долната част на панела Слоеве и изберете Color Overlay от списъка, който се показва:

Изберете Color Overlay от списъка със стилове на слоевете.

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

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

Ще се появи Цветният подбор на Photoshop. Изберете светло сиво от Color Picker, след което щракнете върху OK, за да излезете от него. Вашата снимка сега трябва да бъде изпълнена със светло сиво в прозореца на документа:

Изберете светло сиво от Color Picker.

Стъпка 13: Добавете стил на вътрешен блясък

Не се затваряйте от диалоговия прозорец „Слой стил“ все още. Все още имаме още няколко стила на слоя, които да добавим. Кликнете директно върху думите Inner Glow в лявата част на диалоговия прозорец. Не кликнете просто в квадратчето вляво от думите. Трябва да кликнем директно върху самите думи, за да имаме достъп до опциите за стил Inner Glow:

Кликнете директно върху думите „Вътрешно сияние“ отляво на диалоговия прозорец „Слой на слоя“.

Опциите за вътрешно сияние сега се появяват в центъра на диалоговия прозорец Стил на слоя. Въпреки че името на стила е Inner Glow, ние ще променим светенето на сянка, за да можем да го използваме, за да потъмним малко краищата около снимката.

Първо, за да промените стила от блясък към сянка, променете опцията Blend Mode в горната част на диалоговия прозорец от Екран на Умножи . След това кликнете върху малкия цветен фиш непосредствено под думата "Шум", за да промените цвета на стила. По подразбиране е зададено на жълто. Когато щракнете върху цветовата палитра, ще се появи цветовият подбирач на Photoshop, точно както го направихме, когато преди малко сменихме цвета на стила Color Overlay. Изберете черно от Color Picker, след което щракнете върху OK, за да излезете от него.

Намалете непрозрачността до около 10%, така че сянката да е много фина. Накрая увеличете размера на сянката до около 24 пиксела (пиксела):

Промяната на блясъка към сянка е толкова лесна, колкото промяна на режима на смесване на Умножение и избор на черно за цвета.

Вашето изображение сега трябва да изглежда подобно на това:

Изображението досега след прилагането на цветовите слоеве на слоя Overlay и Inner Glow.

Стъпка 14: Добавете капка сянка

Кликнете директно върху думите Drop Shadow в горната част на списъка със стилове на слоя отляво на диалоговия прозорец. Отново трябва да кликнете директно върху самите думи, за да имаме достъп до опциите за Drop Shadow:

Кликнете директно върху думите „Пуснете сянка“ отляво на диалоговия прозорец Стил на слоя.

Опциите за отпадане на сянката ще се появят в централната колона на диалоговия прозорец Стил на слоя. Намалете непрозрачността на сянката до около 30%, така че тя е много по-малко интензивна, отколкото при настройката за непрозрачност по подразбиране от 75%. След това задайте ъгъла на сянката на 120 °, ако вече не е зададен на това:

Задайте непрозрачността на падащата сянка на 30%, а ъгъла - на 120 °.

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

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

Стъпка 15: Изберете най-горния слой и го включете отново

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

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

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

С избрания най-горен слой се върнете около краищата на изображението с инструмента за гуми, използвайки кратки щрихи, както точно първоначално на "Layer 1", за да премахнете повече от ръба. Не забравяйте да запазите по-голямата част от формата на четката извън изображението, така че не повече от 25-30% от нея да се простира в изображението. Когато частите от ръба се изтрият, светлосивото изображение под него се разкрива, създавайки илюзията, че самата снимка се е износила около краищата и остава само задният слой на хартията:

Изтриването на краищата на изображението в горния слой разкрива светлосивата зона на "Layer 1" под него.

Отново можете да промените размера на четката, ако е необходимо, като натиснете левия клавишен скоба ( ( ), за да го направите по-малък, или десния скоба ключ ( ) ), за да го увеличите. Ако направите грешка, натиснете Ctrl + Z (Win) / Command + Z (Mac), за да отмените последната изтрита област, или натиснете Ctrl + Alt + Z (Win) / Command + Option + Z (Mac), за да отмените няколко следи от четка.

Ето, след като отново обградих краищата на снимката, е последният ми ефект „износени, скъсани ръбове на снимката“:

Крайният ефект „износени, скъсани ръбове на снимката“.

Стъпка 17: Отрежете допълнителното пространство на платното (незадължително)

Ако искате да премахнете допълнителното пространство на платното, което добавихме по-рано, отворете менюто Изображение в горната част на екрана и изберете Подрязване :

Отидете на Image> Trim.

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

Отрежете допълнителното пространство на платното с командата Trim.