В този урок за Photoshop Effcts ще научим как да създадем интересен фото ефект, като направим изображение и го превърнем в серия от преплитащи се ленти. Ще използваме няколко слоя и маски на слоя в урока, както и няколко подстригващи маски и стил на слоя, и ще включим мрежата на Photoshop, за да ни помогне.

Първия път, когато видях този ефект на Photoshop, си помислих: "Леле, там се случват някои наистина модерни неща!". Но както с повечето неща в живота, след като обмислих няколко минути, разбрах колко просто е всъщност, както ще видим!

Ето снимката, която ще използвам за този урок. Това е същото изображение, което използвах в урока за Ghosting An Image, но също така работи чудесно и с този ефект:

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

И тук е същото изображение, след като го превърнете в преплитащи се ленти. Забележете как изглежда, че вертикалните и хоризонталните ивици се редуват между върви и под една друга (откъдето идва "преплитащата се" част):

Крайният резултат.

Този урок е от нашата серия Photo Effects. Да започваме!

Стъпка 1: Изрязване на изображението в квадрат

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

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

Можете също така да натиснете буквата C, за да я изберете бързо с клавишната комбинация. След това, с избрания инструмент за изрязване, задръжте клавиша Shift и плъзнете избор около лицето на човека. Hold Shift казва на Photoshop да ограничи селекцията до перфектен квадрат:

Задръжте "Shift" и плъзнете квадратна селекция около лицето на човека.

Натиснете Enter (Win) / Return (Mac), когато приключите с изтеглянето на селекцията, и Photoshop продължава напред и изрязва изображението в квадрат:

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

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

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

Натиснете "Ctrl + J" (Win) / "Command + J" (Mac), за да създадете две копия на фоновия слой, след това преименувайте горната "Вертикални ленти" и долната "Хоризонтални ленти".

Стъпка 3: Запълнете фоновия слой с черно

Натиснете D на клавиатурата си, за да нулирате цветовете на предния план и фона на Photoshop до техните по подразбиране черни като цвят на предния план и бели като цвят на фона (вашите вече могат да бъдат зададени по подразбиране цветове). След това щракнете върху оригиналния фонов слой (долния слой) в палитрата Слоеве, за да го изберете. Ще го запълним с черно и с черно сега като цвят на предния план, можем да използваме клавишната комбинация Alt + Backspace (Win) / Option + Delete (Mac), която запълва избрания в момента слой с текущия цвят на предния план ( черен). Нищо няма да се случи с изображението, тъй като двата слоя над фоновия слой го блокират от изглед, но ако погледнем в палитрата на слоевете, можем да видим, че миниатюрата на фоновия слой вече е изпълнена с черно, което ни казва, че самият слой е изпълнен с черно:

Изберете фоновия слой в палитрата "Слоеве" и натиснете "Alt + Backspace" (Win) / "Option + Delete" (Mac), за да го запълните с черно.

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

Първо ще създадем нашите хоризонтални ленти, но слоят "Вертикални ивици" отгоре ще блокира изгледа ни, така че трябва временно да го изключим. За целта кликнете върху иконата за видимост на слоя ( иконата „очна ябълка“) вляво от слоя „Вертикални ивици“ в палитрата „Слоеве“. Няма да видите нищо да се случи със самото изображение, тъй като слоевете "Вертикални ивици" и "Хоризонтални ивици" в момента са идентични, но когато щракнете върху иконата на очната ябълка, очната ябълка ще изчезне, което ви уведомява, че слоят е сега скрит:

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

Стъпка 5: Включете мрежата на Photoshop

Ще създадем нашите вертикални и хоризонтални ленти и за да ни помогне, ще използваме решетката на Photoshop. Отидете до менюто View в горната част на екрана, изберете Show и след това изберете Grid. Можете също така да използвате клавишната комбинация Ctrl + '(Win) / Command +' (Mac) за лесно включване и изключване на мрежата. Когато вашата мрежа се появи, ако откриете, че не можете да я виждате много добре, защото цветът на мрежата се съчетава с цветовете на вашето изображение, натиснете Ctrl + K (Win) / Command + K (Mac), за да покажете бързо Photoshop's Предпочитания. След това от падащото меню в горната част изберете водачи, мрежа и отрязъци. От тук можем да променим цвета на решетката. В опциите за Grid щракнете върху цветовия образ в горния десен ъгъл, който ще изведе Цветния подбор на Photoshop. Изберете цвят за вашата решетка, който ще можете да видите пред изображението си, и след това щракнете върху OK, за да излезете от Цветния подбор. Можете да видите на екрана по-долу на опциите за Grid, че промених цвета на решетката си в жълт:

Променете цвета на решетката в предпочитанията на Photoshop, ако е необходимо.

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

Решетката, която се показва над изображението.

Стъпка 6: Издърпайте серия от хоризонтални селекции

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

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

Сега нека използваме нашата решетка, за да ни помогне да създадем нашите хоризонтални ленти. Първо, уверете се, че слойът "Хоризонтални ивици" е избран в палитрата "Слоеве" (избраният в момента слой е подчертан в синьо). Ще създам хоризонтални ивици, които са високи два реда решетка, като един ред решетка ги разделя един от друг. Сега искам да се уверя, че очите на жената са включени в крайния ефект, така че ще започна с плъзгане на селекция около двата реда решетка пред очите й. По подразбиране изборът ми ще се придвижи към мрежата, докато се влача, за да улесня нещата. Ако установите, че изборът ви не е щракнал към мрежата, отидете до менюто View в горната част на екрана, изберете Snap To и след това изберете Grid. Трябва да видите отметка вляво от думата „Мрежа“.

Ето моята селекция около двата реда решетка пред очите й:

Издърпайте хоризонтална селекция два реда с решетка високо.

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

Задръжте "Shift" и издърпайте останалата част от хоризонталните селекции, като правите всеки по два реда решетка и оставяте един ред мрежа между тях.

Стъпка 7: Добавете слоева маска

С нашите хоризонтални селекции кликнете върху иконата Layer Mask в долната част на палитрата на слоевете, за да добавите маска на слоя към слоя „Хоризонтални ленти“:

Кликнете върху иконата "Маска на слоя" в долната част на палитрата на слоевете.

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

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

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

Хоризонталните ивици вече са създадени.

Стъпка 8: Включете слоя „Вертикални ивици“ отново

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

Изберете слоя „Вертикални ивици“ в палитрата „Слоеве“ и кликнете още веднъж върху иконата му за видимост на слоя, за да го включите отново.

Стъпка 9: Издърпайте серия от вертикални селекции

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

Изтеглете серия от вертикални селекции. Направете две широки колони на решетката и оставете по една колона на мрежата между всеки избор, за да ги разделите.

Стъпка 10: Добавете слоева маска

С вертикалните ни селекции кликнете върху иконата Layer Mask в долната част на палитрата на слоевете:

Добавете слоева маска към слоя "Вертикални ивици".

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

Остават видими само областите, които са били във вертикалните ни селекции.

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

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

Стъпка 11: Изберете всички точки за пресичане на лентата

Имаме си вертикални и хоризонтални ивици, но всичко, което наистина изглежда в момента, е, че имаме куп черни квадратчета, покриващи изображението ни. Трябва да създадем илюзията, че лентите се тъкат над и под една. За да направим това, трябва да изберем областите, където вертикалните и хоризонталните ивици се пресичат. Преди да направим това обаче, натиснете Ctrl + '(Win) / Command +' (Mac), за да изключите мрежата, ако вече не сте я направили, тъй като ние вече нямаме нужда от нея. След това задръжте клавиша Ctrl (Win) / Command (Mac) и кликнете директно върху миниатюрата на слоя "Хоризонтални ленти" на маската:

Задръжте натиснат "Ctrl" (Win) / "Command" (Mac) и кликнете директно върху миниатюрата на маската на слоя "Хоризонтални ленти".

Това ще зареди хоризонталните селекции обратно в изображението:

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

След това задръжте Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac) и кликнете директно върху миниатюрата на маската на слоя „Вертикални ленти“:

Задръжте "Shift + Ctrl + Alt" (Win) / "Shift + Command + Option" (Mac) и кликнете директно върху слоя маска "Vertical Strips".

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

Остават избрани само областите, в които се пресичат хоризонталните и вертикалните селекции.

Стъпка 12: Запазете селекцията

Преди да продължим по-нататък, трябва да запишем тази селекция. За целта отидете в менюто Select в горната част на екрана и изберете Save Selection. Когато се появи диалоговият прозорец „Запазване на селекцията“, просто щракнете върху OK в горния десен ъгъл, за да излезете от него:

Запазете селекцията.

Стъпка 13: Отменете избора на всеки друг квадратен избор

Когато вашият инструмент за правоъгълна маркировка все още е активен, задръжте клавиша Alt (Win) / Option (Mac) и плъзнете избор около всеки друг избор на квадрат. Това ще премахне отметката от избраните от вас опции. Продължете да плъзгате около всеки друг избор на квадрат, за да го премахнете, докато остане само половината от първоначалния избор на квадрат. Вашето изображение трябва да изглежда така:

Премахнете отметката от всеки друг избор на квадрат, докато остане само половината от тях.

Стъпка 14: Копирайте избора в нов слой

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

Натиснете "Ctrl + J" (Win) / "Command + J" (Mac), за да копирате избраните области в нов слой.

Стъпка 15: Създайте Маска за изрязване

С избрания нов слой отидете до менюто Layer в горната част на екрана и изберете Create Mask Mask . Можете също да използвате клавишната комбинация Ctrl + Alt + G (Win) / Command + Option + G (Mac). Така или иначе "прикачва" новия слой към слоя под него. Не можем да видим разлика в самото изображение, но в палитрата на слоевете можем да видим, че новият слой вече е вдлъбнат отдясно, което ни казва, че е изрязан от слоя под него:

Задръжте "Ctrl" (Win) / "Command" (Mac) и кликнете върху миниатюрата на слоя на маската на слоя "Horizontal Strips".

Стъпка 16: Презаредете запаметения избор

Нека върнем селекцията, която спестихме преди малко, и можем да го направим лесно с клавишната комбинация Ctrl + Alt + 4 (Win) / Command + Option + 4 (Mac):

Презаредете запаметения избор.

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

С все още избрания инструмент за правоъгълна маркировка, задръжте отново клавиша Alt (Win) / Option (Mac) и плъзнете около всеки друг избор на квадрат, за да го премахнете. Този път обаче искате да запазите квадратните селекции, които сте изтрили от първия път, когато направихме това, и да премахнете отметката от всички, които сте запазили, така че когато сте готови, вашето изображение изглежда така:

Задръжте "Alt" (Win) / "Option" (Mac) и плъзнете селекциите около квадратните селекции, за да премахнете отметката. Запазете тези, които сте избрали преди, и премахнете отметката от тези, които сте запазили.

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

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

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

Стъпка 19: Създайте Маска за изрязване

Точно както направихме преди малко, или отидете до менюто Layer и изберете Create Clipping Mask или натиснете Ctrl + Alt + G (Win) / Command + Option + G (Mac), за да създадете изрязваща маска. Вече можем да видим новия слой вдлъбнат отдясно, като ни казва, че той се подрязва от слоя „Вертикални ивици“ под него:

Новият слой се подрязва от слоя "Вертикални ивици" под него.

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

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

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

Изберете Външно сияние от списъка със стилове на слоевете, който се показва:

Изберете слоя "Външно сияние".

Това извежда диалоговия прозорец "Стил на слоя", зададен към опциите "Външно сияние" в средата. Ще превърнем „сиянието“ си в сянка и за да направим това, трябва да променим Blend Mode в горната част от Multiply . Ние също не искаме жълто като цвят на сянката ни, така че кликнете върху цветовата снимка точно под думата "Шум", която извежда Colorhop Color Picker и изберете черно като цвят. Щракнете върху OK, след като сте избрали черно, за да излезете от „Избор на цвят“. Намалете стойността на непрозрачност до около 60%, така че сянката да не е толкова тъмна и интензивна. И накрая, в секцията "Елементи" в средата на диалоговия прозорец повишете стойността на размера до около 40 пиксела:

Променете опциите „Външно сияние“, окръжени в червено по-горе.

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

Изображението след прилагане на стила на слоя към "Layer 2".

Стъпка 21: Копирайте и залепете слоя на слоя върху „Layer 1“

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

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

Копирайте и залепете стила на слой Outer Glow от "Layer 2" върху "Layer 1", за да завършите ефекта.

И там го имаме! Ето как да създадете преплитащ ефект на фото ленти във Photoshop! Посетете нашата секция с фото ефекти за още уроци за ефекти за Photoshop!

Категория: