В този урок за Photoshop Effects ще разгледаме как да добавим цветни ивици светлина към снимка. Вероятно сте виждали тези светлинни ивици, използвани в реклами за всичко - от шампоан до мобилни телефони, а всъщност те бяха използвани най-скоро в готина реклама за нов мобилен телефон от Sprint и Samsung. Създаването им е толкова лесно, колкото начертаването на пътека с инструмента за писалка на Photoshop и след това изглаждането на пътеката с четка, с няколко прости стила на слоя, използвани за добавяне на действителния цвят и светлинен ефект. Всичко е сравнително лесно, но ако никога преди не сте използвали инструмента за писалка или не сте сигурни как да очертаете пътеки, може да искате първо да разгледате нашия Направяне на селекции с ръководството за инструмента за писалка, където обхващам всичко, което трябва да знаете за рисуването и редактирането на пътеки с писалката.
Ето изображението, с което ще работя в този урок:
Оригиналното изображение.
И ето как ще изглежда след добавянето на нашите леки ивици:
Крайният ефект.
Стъпка 1: Добавете нов празен слой
Ще добавяме нашите леки ивици върху отделния им слой, така че първото нещо, което трябва да направим, е да добавим нов празен слой към нашия документ. За целта кликнете върху иконата New Layer в долната част на палитрата на слоевете:
Кликнете върху иконата "Нов слой".
Това добавя нов празен слой, който Photoshop назовава „Layer 1“, над нашия фонов слой:
Нов слой се появява над фоновия слой.
Стъпка 2: Изберете инструмента за писалка
Както споменах в началото, ние ще създадем нашите светлинни ивици, като изчертаваме пътеки и след това изглаждаме пътеките с четка. За да начертаем пътеки, се нуждаем от инструмента за писалка, затова го изберете от палитрата инструменти. Можете също да натиснете буквата P, за да я изберете с клавишната комбинация:
Изберете инструмента за писалка.
Стъпка 3: Изберете опцията „Пътеки“ в лентата с опции
Photoshop ни дава три различни неща, които можем да направим с Pen Tool. Можем да го използваме за рисуване на векторно базирани фигури, можем да рисуваме пътища с него (което е това, което искаме да направим) и можем да рисуваме фигури на базата на пиксели. Ние избираме между тези три опции, като кликваме върху иконите им нагоре в лентата с опции в горната част на екрана. Ще видите три малки квадратни икони, групирани заедно в лявата част на лентата с опции. Кликнете върху иконата в средата, която е опцията Paths:
Кликнете върху иконите „Пътеки“ в лентата с опции.
Стъпка 4: Начертайте пътека, където искате да се появи първата светлина
С избрания Pen Tool и опцията Paths, избрана в лентата с опции, ние сме готови да очертаем първия си път. Искам светлинните ми ивици да се появят в долната половина на снимката, някъде около зоната на раменете и врата на жената, така че там ще начертая първия си път. Ще искате да добавите няколко криви към вашия път, за да направите светлинната ивица по-интересна. Ще започна с щракване някъде в долния ляв ъгъл на изображението, за да добавя първата си котва точка, след което ще издърпам дръжките за посока в посоката, в която искам да ми следва пътя. Отново, не забравяйте първо да проверите нашите Правене на селекции с инструмента за писалка, ако това, което току-що казах, няма смисъл за вас:
Кликнете в документа, за да добавите точка за закрепване, след което издърпайте дръжките за посока.
Ще продължа да рисувам останалата част от първия си път, като щракна и плъзна още няколко пъти с Pen Tool, за да добавя останалата част от моите сегменти от пътя. Сега имам първия си път, който се движи отляво надясно през раменете и врата на жената:
Първият път вече е добавен към изображението.
Стъпка 5: Изберете инструмента за четка
Сега, когато начертахме първия си път, следващата стъпка е да го изгладим с четка. За целта ще ни е необходим Photoshop Brush Tool, затова го изберете от палитрата Tools или просто натиснете буквата B на клавиатурата си:
Изберете инструмента за четка.
Стъпка 6: Изберете четката "40 пробни съвета"
Photoshop се предлага с няколко четки, които биха работили добре за нашия лек ивичен ефект, но след като изпробвах няколко от тях, намерих една, която ми харесва най-добре. За да го изберете, ще трябва да представим палитрата на четките. Има няколко различни начина да изведете палитрата на четките и един от тях е да кликнете върху иконата за превключване на палитрата на четките в лентата с опции в горната част на екрана:
Кликнете върху иконата за превключване на палитрата на четките, за да изведете палитрата на четките.
Когато се появи палитрата на четките, кликнете върху думите Четка на формата на върха в горния ляв ъгъл на палитрата. След това, в областта за избор на върха на четката вдясно, превъртете надолу близо до дъното на списъка и изберете четката 40 Sampled Tip. Той просто казва "40" в областта за визуализация, но ако имате активирани Съвети за инструменти в предпочитанията на Photoshop, ще видите думите "Примерен съвет" да се появят, когато задържите мишката върху четката:
Кликнете върху думите "Четка на формата на бакшиш" в горния ляв ъгъл, след което кликнете върху четката "40 примерни съвета" в областта за избор.
Стъпка 7: Намалете сумата „Разстояние“ до 1%
В долната част на палитрата на четките, непосредствено над зоната за предварителен преглед на четката, ще видите опцията за разстояние. Всеки път, когато рисувате с четка във Photoshop, въпреки че обикновено изглежда, че сякаш рисувате един непрекъснат ход, това, което Photoshop наистина прави, е "щамповане" на изображението отново и отново с върха на четката. Ако "печати" са достатъчно близо една до друга, те се появяват като непрекъснат ход.
Опцията „Разстояние“ определя колко далеч ще се появят щампите и по подразбиране опцията е зададена на 30% за нашата четка „40 пробни съвета“. Това е твърде много място за нашия ефект. Използвайте плъзгача, за да намалите разстоянието до 1%. Ако погледнете областта за предварителен преглед на четката, след като намалите разстоянието до 1%, ще видите, че четката се появява като един непрекъснат ход:
Намалете сумата „Разстояние“ до 1%, за да изгладите външния вид на хода на четката.
Стъпка 8: Задайте контрола на размера на четката на "Налягане на писалката"
Ако в момента направихме гладката пътека с четката си, ефектът на леката ивица няма да изглежда много добре, тъй като четката ще се появи с точно същия размер по цялата дължина на пътеката. Нуждаем се от четката, за да се стеснем в двата края, за да създадем илюзията, че светлинната ивица всъщност започва от единия й край и завършва в другия. За това ще трябва да кажем на Photoshop да симулира налягането на писалката за нас, сякаш рисуваме с таблетка с химикалки.
Кликнете директно върху думите Shape Dynamics вляво на палитрата на четките, непосредствено под „Brush Tip Shape“. Уверете се, че щракнете директно върху думите, а не само в квадратчето вляво от думите. Щракването вътре в квадратчето ще позволи опциите за динамика на формата, но няма да ни позволи да променим никоя от тях. Трябва да кликнем върху самите думи, за да получим достъп до опциите. След като щракнете върху думите, ще видите опциите за динамика на формата, които се появяват вдясно на палитрата. В самия връх ще видите думите „Размер трептене“ с плъзгаща лента, а непосредствено под плъзгащата лента е опцията за управление. Тук ще вземем решение да контролираме размера на четката си. Искаме Photoshop да симулира налягането на писалката, затова изберете натиск на писалка от падащото меню Control:
Кликнете директно върху думите „Динамика на формата“ вляво, след това задайте опцията „Контрол“ отдясно на „Налягане на писалката“.
Сега, в момента, всичко, което направихме, е казало на Photoshop, че искаме да контролираме размера на четката си според налягането на писалката, но какво ще стане, ако всъщност нямате таблетка за писалка? Ако нямате свързан към компютъра, ще видите малка икона за предупреждение вляво от думата „Контрол“, която ви казва, че е необходим таблет за писалка, но не се притеснявайте за това. След малко ще кажем на Photoshop да симулира налягането на писалката за нас, така че за този ефект няма значение дали имате таблетка за писалка или не.
Стъпка 9: Задайте цвета на предния план на бял
Ние сме готови за четка. Сега всичко, което трябва да направим, е да изберем цвета, с който искаме да рисуваме. Ще искаме да рисуваме с бяло, което означава, че се нуждаем от нашия цвят на преден план, за да бъде бял. Натиснете буквата D на клавиатурата си, за да сте сигурни, че цветовете на вашия преден план и фон са нулирани по подразбиране, като черният е като цвят на предния план и бялото като цвят на фона. След това натиснете буквата X, за да ги размените, като бялото ви е цвят на предния план:
Цветовете на предния план и фона в палитрата Инструменти. Бялото вече е цветът на предния план.
Стъпка 10: Запазете пътя си
Ние имаме своя път, имаме четка и сме задали нашия цвят на предния план на бял. Готови сме да създадем първата си светлина! Преминете към палитрата на Photoshop's Paths, в която ще намерите групирани с палитрите Слоеве и Канали. Ще видите вашия път, който в момента е наречен „Работен път“, заедно с предварителен преглед на пътя отляво, подобно на това как слоевете се показват в палитрата на слоевете с името им вдясно и областта за визуализация наляво. Всеки път, когато създавате нов път, Photoshop автоматично го кръщава „Работен път“, което означава, че е временен. Ако не запазите пътя, преди да нарисувате нов, новият път ще замени предишния и ще го загубите. В много случаи това не е проблем, но нека да запазим пътя си само в случай, че искаме да се върнем към него по-късно.
За да запишем път, всичко, което трябва да направим, е да го преименуваме. Просто щракнете двукратно върху името "Work Path" и Photoshop ще изскочи диалоговия прозорец Save Path, като предложеното име на "Path 1" вече е въведено за вас. Щракнете върху OK, за да излезете от диалоговия прозорец и Photoshop ще преименува пътя "Път 1". Пътят вече е запазен:
Палитрата Paths показва пътя, който сега е запазен и преименуван на „Path 1“.
Стъпка 11: Погладете пътя с четката
Нека създадем първата си светлина. Кликнете върху малката стрелка вдясно в горния десен ъгъл на палитрата Paths, която извежда менюто за излитане на палитрата Paths, след което изберете Stroke Path от списъка с опции:
Изберете „Пътека на хода“ от менюто за прелитане.
Това извежда диалоговия прозорец на пътя на хода. Искаме да загладим пътеката с четката си, затова се уверете, че опцията за инструмент е зададена на Четка. След това, за да кажете на Photoshop да симулира налягането на писалката за нас, щракнете вътре в квадратчето вляво от думите Симулирайте налягане:
Задайте опцията „Инструмент“ на „Четка“ и се уверете, че е избрано „Симулиране на налягането“.
Щракнете върху OK, за да излезете от диалоговия прозорец и Photoshop ще заглади пътя с четката, създавайки първата ни светлина. Забележете как хода на четката се изтънява от двата края благодарение на тази опция „Симулиране на налягането“:
Изображението след нагласяване на пътеката с четката.
Ако смятате, че ходът на четката ви е или прекалено дебел, или прекалено тесен, просто натиснете Ctrl-Z (Win) / Command-Z (Mac), за да отмените хода, след това направете четката си по-голяма или по-малка, като натиснете или левия или десния клавиш на скобата на клавиатурата си. Левият ключ на скобата прави четката по-малка, а дясната скоба го прави по-голям. Опитайте отново, след като оразмерите четката си.
Добавихме първата си светлинна ивица, но в момента не изглежда много като светлина. Прилича на фантастичен ход на четката с бяла черта, което е точно това. За да изглеждаме по-скоро като лека ивица, трябва да добавим малко цвят и някои светлинни ефекти и за това ще използваме няколко прости стила на слоя.
Стъпка 12: Добавете стил на външен блясък
Превключете обратно към палитрата си на слоеве. В полето за предварителен преглед на „Layer 1“ ще видите своя щрих с бяла четка. Кликнете върху иконата на слоевете на слоевете в долната част на палитрата на слоевете и изберете Outer Glow от списъка със стилове на слоя, който се показва:
Добавете стил "Външно сияние" в палитрата на слоевете.
Това извежда диалоговия прозорец на стила на слоя на Photoshop, зададен на опциите за външно сияние в средната колона. Променете опцията Blend Mode в горната част на Linear Light, която ще ни даде много по-интензивен блясък от това, което обикновено получаваме. След това изберете цвят за вашия блясък, като кликнете върху малкия цветен кръг непосредствено под думата "Шум". Това ще доведе до избор на цвят на Photoshop. Можете или да изберете цвета си от Color Picker, или ако предпочитате, можете да опитате цвят директно от изображението. За да опитате цвят, просто преместете курсора на мишката върху изображението. Ще видите иконата на мишката да се превърне в иконата на Eyedropper. Преместете очната капсула върху цвета, който искате да опитате, след което щракнете, за да го направите. Ще пробвам светла област от кожата на жената, която да използвам като външния си блясък цвят:
Проба на цвят от изображението, който да се използва като цвят за външния блясък.
След като сте избрали цвета си, щракнете върху OK, за да излезете от „Избор на цвят“. И накрая, увеличете размера на външното сияние до някъде около 30 пиксела. Може да се наложи да увеличите или намалите тази сума в зависимост от размера и разделителната способност на вашето изображение:
Променете режима на смесване, цвета и размера на външния блясък.
Не излезте от диалоговия прозорец „Слой стил“ все още, защото все още имаме още един стил на слой. Ето как изглежда толкова светлата ми ивица след добавянето на външния ми блясък:
Изображението след прилагане на външен блясък върху светлинната ивица.
Стъпка 13: Добавете стил на вътрешен блясък
Добавихме стил на външен светлинен слой към нашата светлинна ивица. Сега нека добавим стил на вътрешно сияние. Когато диалоговият прозорец „Слой на слоя“ все още е отворен, кликнете върху думите „Вътрешно сияние“ отляво на диалоговия прозорец, непосредствено под „Външно сияние“:
Изберете „Вътрешно сияние“ вляво на диалоговия прозорец „Слой стил“.
В средната колона на диалоговия прозорец ще видите опциите за вътрешно сияние. Отново променете опцията Blend Mode в горната част на Linear Light. След това кликнете върху цветовата картинка под думата "Noise" и изберете цвят от Color Picker или, както направих с външния блясък, извадете цвят директно от изображението. Ще взема проба по-тъмна област от кожата на жената за моя вътрешен блясък цвят:
Вземане на проби от по-тъмен цвят на кожата, който да се използва като цвят за вътрешния блясък.
След като сте избрали цвета за вътрешния си блясък, щракнете върху OK, за да излезете от цветовете. Накрая увеличете размера на вътрешния си блясък до около 10 пиксела. Както при външния блясък, може да се наложи да се поиграете малко с тази стойност в зависимост от размера и разделителната способност на вашето изображение:
Променете режима на смесване, цвета и размера на вътрешния блясък.
Щракнете върху OK, когато сте готови, за да излезете от диалоговия прозорец „Слой стил“. Вашата светлинна ивица сега трябва да има интензивен блясък към нея:
Светлинната ивица сега се появява с ярко, цветно сияние.
Тази тънка тъмна линия, която виждаме през средата на светлинната ни ивица, е пътят. Не се притеснявайте, няма да е там, когато приключим.
Стъпка 14: Редактирайте пътя, за да създадете малка вариация на него
Нека направим нашата лека ивица малко по-интересна, като добавим още няколко ивици към нея. Можем да направим това лесно, като просто редактираме пътя си, за да създадем някои леки вариации на него и след това да намалим всяка вариация с четката си. Превключете обратно към палитрата си Paths, за да можем да редактираме нашия път. След това задръжте клавиша Ctrl (Win) / Command (Mac) и преместете курсора на мишката директно върху която и да е част от пътя. Щом свърши пътя, ще видите курсора да се превърне в бял показалец, което означава, че сега имате временен достъп до инструмента за директен избор на Photoshop, който е инструментът, от който се нуждаем, за да редактираме нашия път:
Задръжте "Ctrl" (Win) / "Command" (Mac) и преместете курсора на мишката директно върху пътя, за да получите временно достъп до инструмента за директен избор (бял показалец).
Кликнете върху пътя с инструмента за директен избор, за да го изберете, след което направете някои малки корекции на пътя, за да създадете малко по-различен път. Можете да плъзнете точка на закрепване към малко по-различно място или да преместите дръжките за посока, за да коригирате извивките на пътеката, или дори да плъзнете сегмент от пътя в малко по-различно положение. Просто не докосвайте точките за закрепване в двата края на пътя, защото искаме всеки вариант, който създаваме, да започне и да завърши на точно същото място. Така освен тези две котвени точки, останалата част от пътя може да се редактира по всякакъв начин, по който желаете. Не търсим големи промени в пътя. Малки, фини промени са всичко, от което се нуждаем.
Тук леко промених двете основни криви на пътя си, като влача двете дръжки за посока, простиращи се от средната ми точка на котва. Можете да видите как кривите на пътеката вече не съответстват точно на кривата на първата светлинна ивица:
Създайте лек вариант на първоначалния път, като премествате точки за закрепване, дръжки за посока или сегменти на пътеката.
Вече можем да загладим тази вариация на пътя с четката си. Но преди да го направим, вероятно този път ще искаме да използваме малко по-малка четка, така че натиснете левия скоба на клавиатурата няколко пъти, за да направите четката малко по-малка.
За да преодолеем вариацията на нашия път, не е необходимо да преминаваме през труда да изберем „Stroke Path“ от менюто за излитане на палитрата Paths, както предишния път. Просто кликнете върху иконата на пътя на хода в долната част на палитрата Paths:
Кликнете върху иконата „Път на хода“ в долната част на палитрата „Пътеки“.
Photoshop гали новия път, който създадохме с нашата четка. Тъй като все още работим върху един и същ слой в палитрата на слоевете, стиловете на Outer Glow и Inner Glow автоматично се прилагат към новата ни светлина:
Новият път вече е измислен с четката и стиловете на слоевете се прилагат автоматично върху него.
Стъпка 15: Създайте още няколко вариации на пътя и ги нанесете с четката
Повторете предишната стъпка още един или два пъти, за да създадете повече вариации на пътеката и намажете всяка с четката. Опитайте се да променяте размера на четката всеки път, като използвате левия и десния клавиш на скобата, за да добавите още по-голям интерес към светлинната ивица. Ако не ви харесва щриха на четката, който току-що добавихте, просто натиснете Ctrl + Z (Win) / Command + Z (Mac), за да го отмените, след това променете отново пътя и опитайте отново.
Ако искате да видите как изглежда вашата светлинна ивица, без пътеката да блокира изгледа ви, просто щракнете навсякъде в празната зона под пътеката в палитрата Paths. Това ще премахне избора на пътя и ще го скрие от изглед. За да видите пътя отново, щракнете върху него в палитрата Paths. Ще трябва да виждате пътя си всеки път, когато искате да го погалите с четката си. Ако пътят не се вижда, иконите в долната част на палитрата Paths стават сиви и недостъпни.
Ето моето изображение, след като редактирах пътя си още няколко пъти и погалих всяка черта с нова черта. Отново, тъй като все още работим върху един и същи слой, "Layer 1", в палитрата на слоевете, стиловете на Outer Glow и Inner Glow автоматично се прилагат към всеки нов ход на четката. Скрих пътя си от гледката, за да можем да видим по-лесно как изглежда светлинната ивица с всичките й различни вариации:
Първата светлинна ивица след добавяне на няколко вариации към нея.
Стъпка 16: Копирайте стиловете на слоя на „Layer 1“
И с това създадохме първата си светлина! Вероятно ще искате да добавите поне още една снимка към вашата снимка и е добра идея да поставите всяка светлинна ивица на свой собствен слой, но можем да намалим част от работата, която ще трябва да свършим, като копираме стиловете на слоевете, които вече приложихме към първата ни светлинна ивица и просто ги залепваме върху всеки нов слой, който създаваме. Превключете обратно към палитрата си на слоеве. Все още трябва да сте избрали „Layer 1“. Отидете до менюто на слоя в горната част на екрана, изберете стила на слоя и след това изберете стил на копиране на слоя:
Избран „Layer 1“, отидете на Layer> Layer Style> Copy Layer Style.
Стъпка 17: Добавете нов празен слой
Кликнете върху иконата New Layer в долната част на палитрата на слоевете, за да добавите още един празен слой. Photoshop ще добави новия слой над „Layer 1“ и автоматично ще го нарече „Layer 2“:
Добавете нов празен слой над „Layer 1“.
Стъпка 18: Поставете стиловете на слоя върху новия слой
С избрания нов слой се върнете обратно към менюто Layer в горната част на екрана, изберете отново Layer Style и този път изберете Paste Layer Style:
Отидете на Layer> Layer Style> Paste Layer Style.
Стиловете Outer Glow и Inner Glow от „Layer 1“ вече се добавят към „Layer 2“ и автоматично ще бъдат приложени към следващата светлина, която създаваме!
Стъпка 19: Добавете още една лека серия
С добавен нов слой и стиловете на слоевете от „Layer 1“, които вече са приложени към новия слой, лесно можем да създадем втори светлинен поток. Просто начертайте нов път с инструмента за писалка, запишете пътя, ако искате, като го преименувате на „Път 2“ (или каквото искате да го назовете), след което го нанесете с четката. След като създадете основната светлинна ивица, задръжте Ctrl (Win) / Command (Mac) за достъп до инструмента за директен избор и редактирайте пътя, движейки точки за закрепване, дръжки за посока и / или сегменти на пътя, за да създадете няколко малки вариации на го, и след това намажете всеки вариант с четката, използвайки различен размер на четката всеки път.
Ето моят резултат след добавяне на втора светлина на моята снимка:
Изображението след добавяне на втора светлина.
Ако не искате и двете светлинни ивици да са един и същи цвят, можете лесно да промените цветовете, просто като редактирате стиловете на слоя. Да речем, че искам втората ми светлинна ивица да е с различен цвят. За да редактирате стиловете на слоевете, всичко, което трябва да направя, е да щракнете двукратно върху иконата Layer Style в най-дясната част на "Layer 2":
Кликнете два пъти върху иконата на слоя стил, за да редактирате стиловете на слоя за този слой.
Това ще отвори диалоговия прозорец „Слой стил“ за мен. Всичко, което трябва да направя, е да кликнете върху думите Outer Glow в лявата част на диалоговия прозорец, който извежда опциите за Outer Glow в средната колона, след което щракнете върху цветовия образ и изберете нов цвят или от Color Изберете или като вземете проба от различен цвят от изображението. Щракнете върху OK, за да излезете от Color Picker, след това кликнете върху думите Inner Glow отляво, за да получите достъп до опциите Inner Glow. Щракнете върху цветовия образ, изберете нов цвят, щракнете върху ОК, за да излезете от Цветния подбор, след това щракнете върху ОК, за да излезете от диалоговия прозорец Стил на слоя. Можете да редактирате цветовете на светлинните ивици по всяко време, като просто редактирате стиловете на слоевете.
Ето и последния ми резултат след редактиране на стиловете на слоевете на "Layer 2" и леко промяна на цвета на втората ми светлинна ивица, като използвах цветове, които извадих от косата на жената:
Крайният резултат.
И там го имаме! Ето как да добавите цветни светлинни ивици към изображение с Photoshop! Посетете нашата секция с фото ефекти за още уроци за ефекти за Photoshop!