В този урок за Photoshop Effects ще научим как да създадем рамка за снимки с „избледнели пиксели“, като изображението се появява чрез произволни размери и разпръснати квадратни пикселни форми, които постепенно избледняват в плътен цветен фон.
За да създадем ефекта, ще се зареждаме в един от допълнителните набори от четки, включени в Photoshop, и ще използваме някои от опциите на Brush Dynamics, за да променим размера и да разпръснете четката, докато рисуваме. Ще започнем с бялото като наш цвят на фона, но в края на урока ще научим как можем лесно да променим цвета, включително как да извадим цвят директно от самото изображение!
Ще използвам Photoshop CS5 за този урок, но всяка нова версия на Photoshop ще работи.
Ето оригиналното изображение, с което ще започна:
Оригиналната снимка.
И ето как ще изглежда, когато приключим:
Крайният резултат.
Как да създадете рамка за снимка на избледнели пиксели
Стъпка 1: Дублирайте фоновия слой
С наскоро отворената снимка във Photoshop, нека започнем с направата на копие на изображението, за да можем да оставим оригинала недокоснат, в случай че някога се нуждаем от него отново. Ако погледнем панела Слоеве, виждаме, че започваме само с оригиналната снимка, седнала на фоновия слой:
Панелът Слоеве, показващ оригиналната снимка на фоновия слой.
За бързо дублиране на слоя натиснете Ctrl + J (Win) / Command + J (Mac) на вашата клавиатура. Photoshop прави копие на слоя, именува го "Layer 1" и го поставя над оригинала:
Копие на снимката се появява на „Слой 1“.
Стъпка 2: Добавете бял плътен цвят запълващ слой между съществуващите слоеве
Изберете фоновия слой, като щракнете върху него в панела Слоеве:
Кликнете върху фоновия слой, за да го изберете.
С избрания слой Background щракнете върху иконата New Fill или Adjustment Layer в долната част на панела Layers:
Кликвайки върху иконата New Fill или Adjustment Layer.
Изберете слой за запълване на плътен цвят от горната част на списъка, който се показва:
Избор на "Пълен цвят" от списъка.
Ще използваме този слой за запълване на Пълен цвят като цвят на фона за нашия ефект. Photoshop ще отвори Color Picker, за да можем да изберем цвета, който искаме. Изберете бяло засега, или като щракнете върху бяло в горния ляв ъгъл на полето за избор на цвят отляво или като въведете 255 за стойностите R, G и B близо до долния център на диалоговия прозорец. В края на урока ще научим как можем лесно да променим цвета на фона, но за сега ще го прави бялото:
Изберете бяло от Цветника.
Щракнете върху OK, когато сте готови, за да излезете от „Избор на цвят“. Няма да можем да видим белия цвят на фона току-що в документа, но ако погледнем отново в панела Слоеве, виждаме новия слой за запълване на Solid Color, който Photoshop е кръстил „Color Fill 1“, разположен между Layer 1 и фоновия слой:
Photoshop поставя слоя за запълване на плътен цвят между двата изображения.
Стъпка 3: Добавете черно напълнена маска на слой към слой 1
Кликнете върху слой 1 в панела „Слоеве“, за да го изберете:
Изберете Layer 1.
С избран слой 1 натиснете и задръжте клавиша Alt (Win) / Option (Mac) на клавиатурата си и кликнете върху иконата Layer Mask в долната част на панела Layers:
Задръжте натиснат Alt (Win) / Option (Mac) и щракнете върху иконата Layer Mask.
Това добавя маска на слой към Layer 1 и понеже натиснахме клавиша Alt (Win) / Option (Mac), докато щракнахме върху иконата Layer Mask, Photoshop напълни маската на слоя с черно, което напълно скрива снимката върху слоя от поглед. Можем да видим иконата с маска, изпълнена с черен слой, на слой 1 в панела „Слоеве“:
На слой 1 се появява миниатюра на слоевата маска, изпълнена с черно.
Със снимката на Layer 1 скрита, вече можем да видим белия слой за запълване на Solid Color в документа:
Белият слой запълване вече се вижда.
Стъпка 4: Дублиращ слой 1 Три пъти
Натиснете Ctrl + J (Win) / Command + J (Mac) на клавиатурата си три пъти, за да направите още три копия на Layer 1. Няма да можем да видим нещо, което се случва в прозореца на документа, но когато приключите, трябва да имате четири копия на снимката, всяко със собствена маска, изпълнена с черен слой, да седи над запълващия слой Solid Color в панела Слоеве:
Четири копия на снимката се появяват над запълващия слой Solid Color.
Стъпка 5: Изберете инструмента за четка
Изберете Photoshop's Brush Tool от панела с инструменти:
Избор на инструмента за четка.
Стъпка 6: Заредете комплекта квадратни четки
Ще използваме една от четките на Photoshop, за да създадем нашия пикселен ефект, но четката, която се нуждаем, не е заредена за нас по подразбиране, така че първо трябва да я заредим ръчно. С избрания инструмент "Четка" щракнете с десния бутон на мишката (Win) / Control-щракнете (Mac) навсякъде в документа за бързо отваряне на Brush Picker, след което щракнете върху иконата на малката стрелка в горния десен ъгъл:
Кликнете върху иконата на малката стрелка.
Това отваря меню с различни опции, включително списък в долната част на допълнителни набори от четки, в които можем да заредим. Изберете набора квадратни четки :
Изберете квадратните четки от списъка.
Photoshop ще ви попита дали искате да замените оригиналните четки с нови. Щракнете върху Прилагане, за да запазите оригиналите и просто добавете новите четки след тях:
Кликнете върху „Добавяне“, добавете в новите четки, без да премахвате оригиналите.
С заредените нови четки, превъртете през миниатюрите на четките в Bricker Picker, докато стигнете до квадратните четки (които трябва да са в дъното на списъка). Щракнете двукратно върху квадратната четка с 24 пиксела, за да я изберете и затворете от инструмента за избор на четка:
Щракнете двукратно върху миниатюрата за квадратна четка с 24 пиксела.
Стъпка 7: Задайте трептене на размера на четката на 100%
Натиснете клавиша F5 на клавиатурата си, за да отворите бързо основния панел на четките на Photoshop, след което щракнете директно върху думите Shape Dynamics от лявата страна на панела. Уверете се, че щракнете върху самите думи, а не само в квадратчето вляво от думите:
Кликнете директно върху думите Shape Dynamics в панела с четки.
Увеличете опцията Size Jitter до 100%, което ще създаде квадратчета с произволен размер, докато рисуваме с четката. Уверете се, че опцията за минимален диаметър е зададена на 0% и че опциите Ъгъл трептене и закръгленост също са зададени на 0% :
Увеличете размера на трептене до 100% и се уверете, че другите опции са настроени на 0%.
Стъпка 8: Добавете разсейване към четката
Кликнете директно върху думата Scattering под Shane Dynamics в лявата част на панела с четки. Отново, уверете се, че щракнете върху самата дума, а не в квадратчето за отметка:
Изберете Разсейване отляво на панела с четки.
Увеличете Scatter до около 700% или повече, което ще разпръсне квадратите, докато рисуваме. Изберете опцията за двете оси, като щракнете вътре в квадратчето й, след това се уверете, че опцията Count е зададена на 1 и Count Jitter е зададена на 0% . Когато приключите, натиснете отново F5 на клавиатурата си, за да се затворите от панела с четки:
Опциите за разсейване.
Стъпка 9: Изберете маската на най-горния слой
С нашата квадратна четка, готова за стартиране, кликнете върху миниатюрата на най-горния слой в панела Слоеве. По този начин ще рисуваме върху самата маска на слоя, а не върху снимката. Около миниатюрата ще се появи бяло поле за подчертаване, което ще ви уведоми, че е избрана маската:
Кликнете върху миниатюрата на маската на слоя за най-горния слой.
Стъпка 10: Оцветете основните области на снимката
Уверете се, че стойността на непрозрачност за горния слой е настроена на 100%, което по подразбиране трябва да бъде:
Стойността на непрозрачност за горния слой трябва да бъде зададена на 100%.
Освен това, преди да започнете да рисувате, натиснете буквата D на клавиатурата си, за да се уверите, че цветовете на предния план и фона са зададени по подразбиране на бяло (цвят на преден план) и черно (цвят на фона). Photoshop използва цвета на предния план като цвят на четката и искаме да сме сигурни, че рисуваме върху слоевата маска с бяло, за да можем да разкрием снимката, докато рисуваме:
Натиснете D на клавиатурата си, за да нулирате цветовете на предния план и фона.
С квадратната четка в ръка, непрозрачността на слоя е 100%, а цветът ви на предния план е бял, започнете да рисувате само основните, важни области на вашата снимка. Разбира се, тъй като всичко, което можем да видим в момента, е плътният бял фон, ще трябва да вземете „най-доброто предположение“ къде се намират тези важни области. Ако не се оправите първия път, просто натиснете Ctrl + Z (Win) / Command + Z (Mac), за да отмените хода на четката, след това опитайте отново.
Докато рисувате, ще видите снимката, която се появява чрез серия от произволно оразмерени и разпръснати квадратчета, създавайки първите етапи от нашия пикселен ефект:
Снимката се разкрива през квадратите, докато рисувате.
Ако не сте доволни от размера на вашата квадратна четка, натиснете Ctrl + Z (Win) / Command + Z (Mac), за да отмените хода на четката (или натиснете Ctrl + Alt + Z (Win) / Command + Option + Z (Mac) неколкократно, за да отмените множество удари с четка), след това преоразмерете четката си, като използвате левия и десния скоба клавиши на клавиатурата си. Всеки път, когато натиснете левия клавишен скоба ( ( ), ще направите четката малко по-малка, докато дясната клавишна скоба ( ) ) ще я направи по-голяма. Започнете да рисувате отново, след като сте доволни от размера на четката.
Продължете да рисувате върху основната част (и) на вашето изображение. Ето моя документ засега. Обикновено бих направил размера на четката си малко по-малък от това, което използвам тук, което ще ми даде по-малки квадрати, но по-малките квадратчета могат да бъдат трудно забележими на екранните снимки, така че в името на този урок, оставям четката е настроена на оригиналния размер на 24 пиксела:
Първата част от ефекта е завършена.
Стъпка 11: Изберете маската на слоя на следващия слой
Кликнете върху миниатюрата на маската за слоя непосредствено под горния слой. Отново ще се появи бяла рамка за подчертаване около миниатюрата, която ще ви уведоми, че е избрана маската на слоя:
Кликнете върху миниатюрата на маската за втория слой от върха.
Стъпка 12: Намалете непрозрачността на слоя до 70%
Намалете стойността на непрозрачност за този слой до около 70% :
Променете непрозрачността на слоя на 70%.
Стъпка 13: Оцветете около първоначалната зона, за да разкриете повече от снимката
С намалената непрозрачност на слоя нарисувайте около първоначалната зона, за да разкриете повече от снимката. Тъй като непрозрачността на слоя е зададена само на 70%, тази нова област ще изглежда малко избледняла в сравнение с предишната зона, която рисувахме над:
Новооткритата зона изглежда леко избледняла около основната зона.
Стъпка 14: Изберете маската на следващия слой
Кликнете върху миниатюрата на маската за третия слой от върха:
Изберете маската на следващия слой.
Стъпка 15: Намалете непрозрачността на слоя до 35%
Намалете непрозрачността на този трети слой до около 35% :
Променете непрозрачността на слоя на 35%.
Стъпка 16: Боя за разкриване на повече от снимката
Продължете да рисувате около предишната зона, за да разкриете повече от снимката. Тази нова област ще изглежда още по-избеляла от последната благодарение на стойността на непрозрачността от 35%:
Продължете да рисувате, за да разкриете повече от изображението.
Стъпка 17: Изберете маската на следващия слой
Накрая щракнете върху оригиналната миниатюра на маска на Layer 1, за да я изберете:
Изберете маската на Layer 1.
Стъпка 18: Понижете непрозрачността на слоя до 10%
Намалете непрозрачността на слой 1 докрай до 10%:
Променете непрозрачността на слоя на 10%.
Стъпка 19: Боядисване в останалите области на снимката
Оцветете вътре в останалите бели зони около изображението, за да разкриете останалата част от него. Тази последна част ще изглежда много слаба с непрозрачността на слоя само 10%:
Оцветете вътре в оставащите бели зони около документа, за да разкриете останалото изображение.
Стъпка 20: Промяна на цвета на фона (незадължително)
В този момент ефектът е завършен, но ако искате да промените цвета на фона на нещо различно от бяло, просто щракнете двукратно върху цветовата мотива за слоя за запълване на плътния цвят в панела Слоеве:
Щракнете двукратно върху цветния образ на запълващия слой.
Това ще отвори повторно Color Picker. Можете да изберете нов цвят от Color Picker, но това, което обичам да правя, е да извадите цвят директно от самото изображение. За да направите това, когато Color Picker все още е отворен, преместете курсора на мишката върху изображението. Ще видите, че курсорът ви временно се променя в иконата на инструмента за пипета. Кликнете върху област от изображението, която съдържа цвета, който искате за вашия фон. Ще щракна върху зона в челото на жената:
Кликнете върху цвят в изображението, който да използвате като фон за ефекта.
Щракнете върху OK, когато сте готови, за да излезете от „Избор на цвят“. Слоят запълване на плътен цвят моментално се актуализира до ново взетия пробен цвят, като ни дава нашия нов цвят на фона за ефекта:
Същият ефект с новия цвят на фона.