Ефектът на Гръндж придава на типографията и лейаутите суров и нестандартен вид, подходящ за модерни и креативни дизайни. С Photoshop можете лесно да постигнете този стил, като използвате текстури, маски и четки. В този урок ви показвам как по стъпково да добавите грапав гръндж вид на типография и лейаути - от субтилно износен до интензивен и хаотичен. Освободете креативността си и добавете допълнителен характер на вашите дизайни!
1. Класическият: Гръндж текст с урбан, замърсен вид
Класическият ефект на гръндж е текст, пронизан от замърсени елементи, които му придават типичния разтрошен и замърсен вид. За да създадете този ефект, ви е необходимо изображение, което съдържа "замърсени структури", които да бъдат включени в текста.
Стъпка 1: Създаване на нов документ
Първоначално отварям нов документ с размери 1200 х 800 пиксела чрез комбинацията от бутоните Ctrl+N. Фона е бял.
Стъпка 2: Поставяне на текста
С инструмента Текст изтеглям текстов кадър и пиша с черен цвят буквите PSD с размер на шрифта от 400 точки.
Стъпка 3: Завъртане на текста
Текстът винаги изглежда по-динамичен, когато е леко завъртян. Затова, с мишката водя към ъглите, докато курсорът стане Двойна стрелка. Сега мога да завъртя текста. Избирам ъгъл между 3 и 7 процента.
Стъпка 4: Отваряне на изображение с текстуриран фон
Отварям изображение, което има твърди, линейни структури, които могат да бъдат вкапани като гръндж частици в текста ми. Началните условия в това изображение определят коя частичка структура ще има ефекта на замърсеност в текста.
Избирам едно изображение на дърво. В това изображение имам две различни структури: едната са всякакви линейни жлебове в кората на дървото за остър ефект, а другата са разливни черти в "нормалната" кора на дървото.
Източник на изображението: azaliya – Fotolia.com.
След като изображението е поставено като Умни обекти вече отвореният документ, мога да го преобразувам в обикновен слой чрез Десен бутон върху Умни обекти в Лента с плоскости>Растриране на слой. Това е важно, тъй като следващата ми корекция на изображението няма да работи в противен случай.
Стъпка 5: Прилагане на настройката Праг за изображение
Чрез менюто Изображение>Корекции>Праг мога да излъча желаните си частици за замърсеност от гръндж ефекта.
Покривната настройка на изображението Праг преобразува всички пиксели в слоя в черно и бяло. С ползването на плъзгача за Праг мога да контролирам чувствителността, къде точно ще бъде разделението между черно и бяло. Плъзгачът за Праг го плъзгам от 128 наляво в посока към 1. В прегледа аз вече виждам кога ефектът ще пасва. Оставям плъзгача на 96 и потвърждавам с ОК.
Забележка: След използването на Праг-корекцията не всички изображения показват подходящи частици за замърсен ефект от гръндж. В такива случаи просто е нужно да опитате различни изображения с Праг-корекция, докато намерите това, което ви дава желаните резултати.
Стъпка 6: Подбор на цветовия обхват
Чрез менюто Избори>Цветов обхват мога да избера черните пиксели в изображението си. Избирам висока Толерантност и кликвам с Пипета в черно поле на изображението. След това потвърждавам с ОК.
Стъпка 7: Частица замърсеност в отделен слой
Със Ctrl+C и Ctrl+V копирам избраните черни пиксели и ги поставям в нов слой.
Този слой мога да дублирам, ако разделянето на замърсените частици се извърши в отделен документ, и да го поставя в главния ми слой. Ако разделянето на замърсените частици вече е станало в главния слой, мога да изтрия всички други слоеве на изображението.
Стъпка 8: Настройване на цветовия оверлей
В Настройките за пълнеж на слоя с частиците на замърсеност мога да задам Цветов оверлей в цветовете на фона.
Този ефект изглежда най-добре. Така класическият гръндж ефект е готов. В следващите стъпки бих искал да ви дам някои указания за допълнителната обработка.
Стъпка 9: Маска за изрязване до текста
Тъй като наслояването на цветове на слоя на замърсяванията е ориентиран към фона, не мога лесно да избера различен фон. Затова е най-добре аз да добавя маска за изрязване на слоя на замърсяванията към слоя на текста. Това става с кратките клавиши Ctrl+Alt+G или с Alt и щракване между двата слоя.
Така ефектът действа само върху областта на текста.
Стъпка 10: Радиусен размазвач на Гаус
Ако ефектът все още изглежда малко твърд, мога да го омекотя, като приложа на слоя на замърсяванията радиусен размазвач на Гаус с минимален радиус от 0,3 пиксела. Така замърсяванията стават по-приятни за окото.
Стъпка 11: Създаване на рамка около текста и маска на слоя
Използвайки Собствен инструмент за форми, избирам рамка 7 от стандартните настройки и я обграждам около текста. Слоят се позиционира над слоя на текста и получава същия цвят като текста.
Ефектът на замърсяване трябва да действа и в рамката. Мога от една страна просто да дублирам слоя на замърсяванията с Ctrl+J и да го отделя като маска за изрязване към слоя на рамката.
От друга страна, мога също да добавя всички текстови и рамкови елементи като маска на слоя.
За целта понижавам маската за изрязване с кратките клавиши Ctrl+Alt+G и изтривам предишно дублирания слой на замърсяванията.
Избирам текста с Ctrl и щракване върху миниатюрата на слоя на текста и добавям избора като маска на слоя с щракване върху символа за добавяне на маска на слоя, докато слоя на замърсяванията е активиран.
За рамковия слой избирам съдържанието на слоя с Ctrl и щракване върху векторната маска. След това щраквам върху маската на слоя на слоя на замърсяванията и запълвам избора с бял цвят.
Предимството при работата с маска на слоя е, че ми позволява да избегна създаването на нови маски за изрязване със своя слой на замърсяванията всеки път. Така мога да държа замърсяванията централизирани в един слой и просто да включвам ново съдържание на слоевете само в маската на слоя.
Друго предимство: При активираните опции за запълване може да се окаже, че в конкретната хиерархия слоя бъде над маската за изрязване и поради това се показва напълно. По този начин в съмнение винаги трябва да се извършва пресмятане чрез промяна в режима за запълване.
Стъпка 12: Оптимизиране на маската на слоя
При пикселови избори чрез Ctrl и щракване в миниатурите в полето за управление на слоевете понякога се случва да останат малки контури след избора.
Затова избирам с Ctrl и щракване върху маската на слоя съдържанието на маската и отварям диалоговия прозорец Подобрение на края с кратките клавиши Ctrl+Alt+R. Там задавам стойността за краен резултат на +100 процента. Изборът се разширява минимално.
Алтернативно мога просто да използвам менюто Избор>Промяна на избора>Разширяване със стойност от 1 пиксела.
Разширеният избор го запълвам с бял цвят в рамките на маската на слоя. Малкият контур изчезва с това.
Стъпка 13: Неѕелка за настройка на замърсяванията по избор
Разкачвам веригата между маската на слоя и слоя. Така маската на слоя остава винаги на тази позиция, докато мога да премествам съдържанието на слоя.
Така мога да проверя, кои замърсявания ми харесват най-добре в съответната позиция и да преместя изгледа при нужда.
Завършен е моят класически замърсяващ ефект - в тази снимка с наслояване на цветове в червено върху черен фон.
2. Ефектът на добавения гръндж върху зададени четки
Тъй като ефектът чрез слоя на замърсявания е по-скоро статичен, тъй като частиците винаги са зависещи от подходящо структурирано изображение, е препоръчително да се получи ефекта на гръндж чрез зададени четки.
Всяко лице може много бързо да си направи гръндж-четка от снимка или текстура. Важно е, че първоначалното изображение, от което ще бъде създадена четката, има достатъчно структурирани съдържания.
Стъпка 14: Използване на променения праг на изображението като предварително зададена четка
Понеже изображението на дървото вече можеше да бъде използвано със своите груби структури за класическия ефект на грундж, аз мога да го използвам като върнете моментално четката.
С инструмента за Магическо острие избирам подходяща област на изображението.
Копирам тази област с Ctrl+C и я поставям в нов слой с Ctrl+V.
С Ctrl и клик върху Миниатюрата на слоя избирам пикселите на вметнатите преди грязни частици.
В менюто Редактиране мога да задада предварително зададена четка.
Стъпка 15: Поставяне на текст
В нов документ с текстурен фон местя текстов прозорец и пиша думата Grunge с шрифт Army Expanded с големина 160 точки.
Стъпка 16: Създаване на нов слой и задаване като маска за изрязване
Създавам нов слой с Ctrl+Shift+Alt+N и го задавам като маска за изрязване с бързия клавиш Ctrl+Alt+G над текстовия слой. Маската за изрязване осигурява, че гръндж частиците, намазани само върху текста, се показват.
Стъпка 17: Четка в предварителната четка
В Предварителната четка четката е добавена на последно място.
Сега мога да я използвам по какъвто начин искам в размер, цвят и прозрачност. При грундж четки е препоръчително да зададете средно значение на Ъглово разместване (Jitter) в Свойствата на формата на четката. Аз съм задал настройката на 33 процента. Това осигурява, че всяко ново кликване върху инструмента се върти и така не се използват точно еднакви върхове на четка, които да изглеждат идентично от пръв поглед.
Стъпка 18: Намазване с четка
С новата си предварително зададена четка вече мога да намажа гръндж частици в слоя с бяло, светло сиво и тъмно сиво.
Грундж ефектът се нанася върху текста.
Стъпка 19: Акцентуиране на грундж текста
За по-добра гледка придавам бяла област с Прямоъгълничния инструмент (U) в бяло под текстовия слой с площ от 40 процента. В свойствата за попълване (Форма) още настроих черна Контур с дебелина от 10 пиксела и прозрачност от 25 процента.
След това добавям Сенчесто върху текста чрез Свойствата за попълване с 75 процента прозрачност.
Готово е, нанесеният грундж ефект чрез предварително определена четка.
Стъпка 20: Създаване на четки от текстури
В първия вариант грундж-четката беше спечелена от структурите на снимка. Създаването на грундж-четка с текстура също става толкова бързо. Само трябва да бъде достатъчно структурирана, за да успее. В тази текстура все още са необходими някои малки корекции, за да се спечелят грундж елементи за предварително зададена четка. Предходните слоеве с нанесения грундж текст съм скрил.
Текстурата, която е в принципа от нашето DVD с текстури на PSD-Tutorials.de, която може да се намери в магазина на PSD-Tutorials.de. Текстурата е приложена към този туториъл като работен файл.
Стъпка 21: Десатуриране на текстурата
Първоначално десатурирам текстурата чрез настройка на слоя за цветове(Farbton/Sättigung), като намалявам Регулатора за наситеност до -100.
Стъпка 22: Увеличаване на контраста
Следващата стъпка е да избера настройка на слоя Корекция на тоновете и да преместя двата външни регулатора малко в средата, за да се засилят контрастите на текстурата. В този пример външните регулатори са настроени на 46 и 135.
Стъпка 23: Дублиране до един слой с намазане
Ако в текстурата се забелязва, че се е сформирала добра основа за грундж четка, мога да дублирам всички видими слоеве до един. Това правя с бързия клавиш Ctrl+Shift+Alt+E.
Стъпка 24: Избиране на гръндж частиците
С инструмента Магическо острие щраквам в създадения слой в тъмно място, което трябва да представлява цветовете на четката. Опцията Изглаждане в менюто е активирана и е настроена толеранция от 32.
Стъпка 25: Вмъкване на избрания обхват в нов слой Избраните места в четката с избраното съдържание на цветове са избрани. Копирам избора и го поставям в нов слой. Мога да изтрия предишния слой с настройката на текстурата.
Стъпка 26: Избор на конкретната грундж четка
С Ласо инструмент (L) вече мога удобно да избера желаната грундж четка.
Копирам избрания обхват с Ctrl+C и го поставям с Ctrl+V в нов слой. Предишният слой с предходно избраните грундж елементи мога да изтрия. С Ctrl и щракване с левия бутон на мишката в миниатюрата на слоя на конкретния грундж избор избирам пикселите на този слой. Чрез Меню>Редакция мога да задам избрания обхват като Предварително зададена четка.
Кстати: На PSD-Tutorials.de има много грундж четки за изтегляне:
Грундж четки за изтегляне
Стъпка 27: Прилагане на грундж четки
Сега мога, както и при първата предварително зададена четка, да приложа втората предварително зададена четка за нанасяне на грундж елементи.
3. Създаване на изтъркани грундж букви
Двете предходни техники описват грундж ефекти, при които повече или по-малко частици мръсотия са нанесени върху буквите.
Истински грундж става, когато и сами буквите получат избледнат изглед. Основата на тази техника е комбинирана с изместваща матрица.
Стъпка 28: Създаване на изместваща матрица
Взимам съществуващата текстура и предварително ангажираната грундж четка и местя еднократно изцяло през документа. (Ако някой няма на разположение текстура, може лесно да създаде облаковидна текстура, като активира стандартните цветове на облаците. Това също работи!)
Ако слоят не е фонов слой, го преобразувам в такъв чрез менюто Слой>Нов>Фон от слой.
Файла го запазвам под името verschiebungsmatrix.psd. Готова е моята изместваща матрица.
Стъпка 29: Поставяне на текст
В нов документ с размери 1200x1200 пиксела пиша с регистър 160 „Grunge“. Текстовия слой преобразувам в Умни обекти чрез Десен щрак в панела за слоеве>Конвертиране в умен обект.
Стъпка 30: Прилагане на филтър за изместване
Сега идва ред на Филтър за изместване. За съжаление, Филтър за изместване не е толкова интуитивен за употреба, колкото сме го свикнали с другите филтри на Photoshop. Въпреки това мога да създам страхотни ефекти, използвайки изместваща матрица, които са подходящи за повърхности с издатини и вдлъбнатини.
С изместващата матрица се изкривява основното изображение - в този случай моят текст - чрез преместване на части от изображението въз основа на разликите в яркостта. Затова първоначално създадох изместваща матрица и я подготвих в яркостта съобразно за изместващия ефект.
Прилагам Филтър за изместване със следните настройки:
• Хоризонтално изместване: 15
• Вертикално изместване: 3
• Бутони за радио:
- Мащабиране до размер на избора
- Повторение на пиксели от ръба
Въвеждане изместването може да стане до 100 процента. 100 има ефект на изместване от 128 пиксела. Тъй като ефектът трябва да бъде основно страничен, хоризонталната стойност е по-голяма от вертикалната.
Потвърждавам с ОК.
В отворения файлов браузър указвам моята пресегната преди това изместваща матрица на Филтър за изместване. Важно е матрицата за изместване да е запазена като PSD или BMP файл.
Изместващият ефект избледнява ръбовете на текста напълно.
Стъпка 31: Замъгляване на изтърканите части
Ако изтриклените части изглеждат прекалено пляскани, мога да приложа Гаусов замъгляващ филтър с минимален Радиус от 0,2-0,4 пиксела.
Стъпка 32: Ефекти на гръндж на ръбовете
Сега мога лесно да дублирам и моите грундж текстурни елементи от първия ефект в новия документ. Така получавам още един красив грундж рамка за изтърканият грундж текст. Освен това в Настройките за запълване на текстовия слой задавам червено Прекъсване на цвета.
Стъпка 33: Бял контур
За да подчертая текста още повече, създавам бял контур с размер от 100 пиксела в текстовия слой.
Стъпка 34: Частици замърсители в текста
За да завърша грундж текста, дублирам слоя с частици замърсители, му давам бял цвят и ограничавам видимия ефект до текстовата област. За целта избирам текста и добавям избора на дублирания текстен слой с маска на слой.
Стъпка 35: Възможни са вариации на текста
Ако искам друг текст, просто щраквам върху миниатюрата на умните обекти на текстовия слой и променям текста в оригиналния умен обект. При запазване всички ефекти ще бъдат преработени с новия текст. Страхотно!
Стъпка 36: Прехвърляне на ефекта към първия грундж ефект
Просто като приложа също и филтърът на изместване към първия ефект, мога бързо да прехвърля този разцепен ефект. Матрицата за изместване остава същата.
Стъпка 37: Решение за неедноцветни фонове
Грундж ефектът се отнася до черен фон в този случай и може да се приспособи по всяко време, благодарение на преграждането на цветовете в цвета на фона. Но какво става, ако фона не е едноцветен?
Най-доброто решение би било аз просто да продължа грундж ефекта си до фона. Активирам горния слой с грундж ефекта. Прозрачността на изместване, или наречена отваряне, се създава много лесно, като задам силна отваряща се прозрачност на 0 процента област при разширени опции за плълнене. Тогава не е важно какъв е задният план.
В грундж ефекта винаги просвирва задният план, в този случай – градиент в сини тонове. Важното е, че задният план е позициониран като заден слой. (Ако не е така, следвайте стъпките: Изберете задния план, след това в менюто кликнете върху Слой>Нови>Заден план от слоя).
Какво се случи точно? Отварящата прозрачност създава своеобразно изтълкуване на всички слоеве, подкрепящи прозрачността в документа. Сега всички прозрачности в документа започват от слоя с настройката на силната отваряща се прозрачност и достигат до слоя над задния план точно около него. Това е като учертание в документа, без значение колко слоя са видими в документа.
Прозрачностните слоеве се скриват точно на този текст. Понеже задния план не съдържа прозрачности, ефектът на задния филтър винаги е видим на този етап. И така, задният план може да има всички възможни цветове и яркости. Те са видими.
Интересно: Съществуват много шрифтове, които са подходящи за грундж ефекти без проблеми. Ето едно малко списание:
- Trashed
- Sidewalk
- Dirty Ames
- Turbo Ripped
- Neoprint M319.
- Hawaii Lover и Hawaii Killer
- King and Queen
- Marcelle
- Bleeding Cowboys
- Birth of a hero
- Alpaca 54
- A bite
- Acid label
- Doctor Atomic
- Tom violence
Ако искате да си спестите усилията, просто използвайте предварително подготвените шрифтове.
Най-круто е, когато ефектът се създава от вас сами и запазвате всички възможности за вариации.
