Направете своята безплатна регистрация и се възползвайте от пълните възможности, които предлага iTSchool

Преглед на урок

Драматичен текст с огнен ефект

Драматичен текст с огнен ефект




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

Натиснете върху изображението за цял размер


Първа част - Фон:

Създайте нов документ с размери 1920px / 1200px. Използвайте Gradient Tool (G), в режим Radial и в кафявата гама, с цветове #5c3d09 към #1f1409, за да получите нещо като това от картинката по- долу.
Забележете, че светлата част на градиента не е в средата, а е леко изнесена нагоре. Това е така понеже в тази част по- късно ще добавим пламъци и за това трябва да е леко осветена.

Натиснете върху изображението за цял размер


Стъпка 2:

Следва да добавим текстура към фона. Авторът е използвал тази. Обезцветете я (Ctrl+Shift+U), и я разположете, така че да покрие целия фон.

Натиснете върху изображението за цял размер


Стъпка 3:

Поставете режима на смесване на Overlay, за да се смеси текстурата с фона.

Натиснете върху изображението за цял размер


Стъпка 4:

Направете нов слой и го запълнете с кафяво/бежов цвят - #66500f. Отидете на Filter > Texture > Texturizer с настройки: Тexture – Canvas; Scaling80%; Relief4.

Натиснете върху изображението за цял размер


Стъпка 5:

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

Натиснете върху изображението за цял размер


Стъпка 6:

Следва да добавим слой, който ще обезцвети леко, долната половина на картинката. Правим това понеже горната половина трябва да изглежда като окъпана в топла светлина от пламъците, които ще добавим по- късно.
И така... направете нов слой и го запълнете с цвят #4b4f3b. Добавете към него маска, а към нея добавете градиент.

От преводача: аз използвах градиент в цвят #4b4f3b към прозрачно, отгоре надолу.

Трябва да постигнете ефекта, който е показан на картинката по- долу. След това поставете режима на смесване, на Color, а Opacity сложете на 45%

Натиснете върху изображението за цял размер


Втора част – Текст + Нажеженост:

След като направихме фон, следва да добавим и текст. Автора е използвал шрифта – Trajan. За цвят на текста, използвайте #cb9328. Сложете режима на смесване, на Linear Dodge (Add), Opacity8%.

Натиснете върху изображението за цял размер


Стъпка 8:

Създайте група, в която да подреждате слоевете на текста --> Layer > New > Group. След това дублирайте слоя с текста и променете цвета му на #5e3f1c.

Натиснете върху изображението за цял размер


Стъпка 9:

Поставете режима на смесване, на копието, на Overlay, Opacity70%

Натиснете върху изображението за цял размер


Стъпка 10:

Отново дублирайте слоя с текста, но този път сменете цвета му с #cb9328. Променете режима на смесване на Linear Dodge (Add), а Opacity поставете на 30%
Добавете маска към слоя, а след това направете градиент, така че да се получи ефект подобен на картинката по- долу.



Натиснете върху изображението за цял размер


Стъпка 11:

Дублирайте слоя с текста – отново, и го поставете под всички останали. Сменете цвета му с този #000000. След това отидете на Filter > Blur > Gaussian Blur. Когато програмата поиска от вас да растеризирате текста, натиснете "YES" . Сложете за радиус 4px.
Ctrl+ клик върху, който и да е друг слой с текст, за да го селектирате. Върнете са на слоя с черния текст и натиснете Delete. Дублирайте слоя с черния текст и го слейте с оригиналния. Така сянката ще стане по- плътна.

Натиснете върху изображението за цял размер


Стъпка 12:

Добавете маска с градиент към сянката, за да направим текста да изглежда така сякаш изкача от фона.

Натиснете върху изображението за цял размер


Стъпка 13:

Дублирайте отново слоя с черния текст. Използвайте Smudge Tool, с голяма, мека четка, за да размажете сянката, така че тя да заприлича на следи от горене.

Натиснете върху изображението за цял размер


Стъпка 14:

Ето как изглежда текста сега. Автора е създал две групи „Следи от горене" а след тях и четири групи сенки, всяка следваща е по замъглена от предишната.

Натиснете върху изображението за цял размер


Стъпка 15:

Дублирайте слоя с текста – отново и го поставете над всички останали. Променете цвета му на #dc9a08. Отидете на Filter > Blur > Gaussian Blur, радиус – 8px. С голяма, мека гума изтрийте части от текста.

Натиснете върху изображението за цял размер


Стъпка 16:

Променете режима на смесване на Soft Light.

Натиснете върху изображението за цял размер


Стъпка 17:

Отново дублирайте слоя с текста и го преместете над всички останали. Цвета си остава същия #dc9a08. Отидете на Layer > Rasterize > Type. Ctrl + клик върху слоя, за да го селектирате, след това отидете на Select > Modify > Contract със стойност 1px. Натиснете Delete, за да изтриете всичко освен тънката линия от 1px.

Натиснете върху изображението за цял размер


Стъпка 18:

Поставете режима на смесване на Overlay.

Натиснете върху изображението за цял размер


Стъпка 19:

Добавете към слоя маска с градиент, както правихме и по- горе. Продължаваме напред със слоевете.
Дублирайте последния слой, който направихме и добавете Filter > Blur > Gaussian Blur с радиус 1px. След това дублирайте този слой и добавете Blur с радиус 2px. Дублирайте отново и добавете Blur с радиус 4px.
Ctrl + клик върху, който и да е от тези слоеве, Ctrl+Shift+I, за да обърнете селекцията и преминете през всеки един от тези слоеве натискайки Delete.
Идеята е ръбовете да изглежда горещо- червени.

Натиснете върху изображението за цял размер


Стъпка 20:

Дублирайте четирите слоя с нагорещените ръбове и ги слейте в един. Слоя, който ще се получи трябва да е в оригиналния жълт цвят. След това вземете Smudge Tool и размажете, така че да заприлича на топлина, която излиза от текста.

Натиснете върху изображението за цял размер


Стъпка 21:

Променете режима на смесване на последния слой на Overlay.

Натиснете върху изображението за цял размер


Стъпка 22:

Почти довършихме текста. Автора се е разходил из слоевете и е дублирал някои от тях, за да изглежда по реалистично. Чувствайте се свободни да експериментирате.

Натиснете върху изображението за цял размер


Стъпка 23:

Добавете под този текст друг. Цитат или каквото решите. Използвайте цветове близки до тези на фона, за да не изпъква прекалено много.

Натиснете върху изображението за цял размер


Трета част – Пламъци:

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

1. Отворете снимката с пламъка
2. Отидете в панела с каналите (Channels) и изберете този с най- изразен контраст. Може би Red Channel
3. Ctrl + клик върху този канал, за да го селектирате.
4. Кликнете на RGB канала и копирайте селектираното
5. Поставете копираното на нов слой в панела със слоевете

Натиснете върху изображението за цял размер


Натиснете върху изображението за цял размер


Стъпка 25:

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

Натиснете върху изображението за цял размер


Стъпка 26:

Следва да нарежем пламъците на парченца. Дублирайте няколко пъти слоя и изгасете копията, за не ви пречат. Използвайте Pen Tool, за рязането. Можете да трансформирате парченцата както ви харесва. Променете режима на смесване на слоевете с пламъците на Screen.

Натиснете върху изображението за цял размер


Стъпка 27:

Направете слоевете с буквите видими отново и трансформирайте пламъците като съобразявате формата им с формата на буквите.

Натиснете върху изображението за цял размер


Стъпка 28:

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

Натиснете върху изображението за цял размер


Стъпка 29:

До тук добре, но можете да забележите че пламъците над буквите R и I са почти еднакви и като цяло всички не са много високи.

Натиснете върху изображението за цял размер


Стъпка 30:

Използвайки Transform Tool разтеглете всички пламъчета вертикално. Може да използвате гумата, за да изтриете тук-там и да направите всеки от пламъците уникален.

Натиснете върху изображението за цял размер


Стъпка 31:

Дублирайте всичките слоеве с пламъци и отидете на Filters > Blur > Gaussian Blur с радиус 3px. Намалете Opacity на 15%.

Натиснете върху изображението за цял размер


Стъпка 32:

Почти сме готови. Ето как изглежда композицията до тук.

Натиснете върху изображението за цял размер


Стъпка 33:

Накрая ще добавим малко осветени участъци. Създайте нов слой над всички останали и направете черен Radial градиент както е показано. Променете режима на смесване на Overlay, Opacity - 40%.

Натиснете върху изображението за цял размер


Готово!

Натиснете върху изображението за цял размер


Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: razorblade.kiss
Източник: http://psdtuts.com/

Коментари

tanisto

внушително е :) поздравления...

goshkoutd

Моята интерпретация :)

http://store.picbg.net/thumb/4E/BA/26eff758ee4f4eba.jpg

fesel

След стъпка 8 всичко се обърква това е сигурно защото аз го правя с 2 текста ;(

y0skata

това ако някои покаже как да се направи на клипче (пламаците да се движат) ще се радвам много

lo_lo93

Браво.Но това се пак са уроци започнете от началото .Всичко стъпка по стъпка за аз немога дори и фона да наглася както трябва ...

krischy

http://picbg.net/img.php?file=b780ef7a72b5d1a0.jpg
Не точно по урока за това и ефекта не е така очорователен , но не и за подценяване.:)

d0brin

Аз тоя урок го превърнах във Wallpaper на SuperNatural какво мислите: Иначе урокае супер готин:

http://i191.photobucket.com/albums/z218/stargatesga/SuperNatural.jpg

d0brin

btw на тая предната текста в цитата малко сам госбаркал (rofl) ето ви със истинският текст смисал корегиран за тези които харесват SuperNatural :)

http://i191.photobucket.com/albums/z218/stargatesga/SuperNatural-2.jpg

Menotti

Ето и моя резултат:

http://i184.photobucket.com/albums/x103/Menotti_2007/TWISM2.jpg


Пламъците ги направих малко по друг начин около буквите, за да изглежда по-реалистично, все едно горят. Пълният размер е 1280х1024 за Wallpaper. Оригиналният надпис във филма Scarface е The World Is Yours, но тук го перифразирах заради една друга философия широко разпространена в Щатите.

lycar

lo_lo93 просто дублираш слоя с огъня и с transform - warp го угъваш постепено, като в същото време добавят нов frame в animation меню-то. Мисля че така трябва да се получи :) Аз направих урока еи сега ще видя дали ще стане с движещите се пламаци :p

disaster113

Аз имам малък проблем понеже съм нов в тая област не мога да разбера това " След това дублирайте слоя с текста и променете цвета му на #5e3f1c. " на кое да промена цвета на слоя или на текта и как благодаря предварително :)

razorblade.kiss

На текста разбира се!

disaster113

Да, но аз питах как да го сменя :)

буфу

Ето го и моят опит реших да сложа син огън

http://prikachi.com/files/1032818u.jpg

SpaCe_3

Не мога да направя сянката по плътна :(

SpaCe_3

Запъвам на стъпка 11 :(:(:( HELP !

MaZaRa7

На 11стъпка се запиням!
Някак не става тази сянка незнам защо..

MaZaRa7

На 11стъпка се запиням!
Някак не става тази сянка незнам защо..

bibua

http://img87.imageshack.us/img87/6200/82592024.jpg


Uploaded with ImageShack.us
Много ми хареса урокът.Пламъците ми не станаха много добре, но опитах все пак.

NqgoloV

Добро е но погледнете това

http://prikachi.com/images/197/3963197n.jpg


П.С. Това ми беше 1вия опит и ако неможете да разчетете пише MO CUISHLE !

ако ви хареса пишете да ви покажа как се прави !!
Лека вечер на всички. :)

bibua

Това са истински горящи пламъци,много ми хареса и на другите потребители също.Моите пламъци са най- зле. Ако имате време покажете как става.Благодарности .

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.