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

Текст със светлинни ефекти за начинаещи

Текст със светлинни ефекти за начинаещи






1/ Създайте нов документ 640х480 рх в RGB Color, бял цвят:
File - New (Ctrl+N)



2/ Натиснете D от клавиатурата за да установите преден черен цвят.
Вземете Horizontal Type Tool (T) , изберете плътен шрифт (примерно "Imact") и напишете текст:



Натиснете квадратчето с буквата Т в панела Layers за да приключите писането.

3/ Увеличете размера на текста с помощта на Edit - Free Transform (Ctrl+T).
Задържате Alt+Shift и издърпвате на вън една от ъгловите точки на рамката за трансформация:



Натиснете Enter за да приключите трансформацията.

4/ Сега ще приложим няколко филтъра, които Photoshop няма да разреши, върху текстов слой, затова ще го растеризираме т.е. ще го преобразуваме в обикновен слой
Кликнете с десен бутон по текстовия слой в панела Layers и от менюто изберете Rasterize Type:



5/ Сега задръжте Ctrl и кликнете по квадратчето с текстовия слой, за да активирате селекцията на буквите:



С активна селекция вашия текст трябва да изглежда така:



6/ Сега запазвате селекцията в Select - Save Selection, в прозореца, който ще се отвори трябва да и дадете някакво име.
Отменяте селекцията от Select - Deselect (Ctrl+D)

7/ Преминаваме в панела Channels и там виждаме че има създаден нов канал "Alpha 1" с нашия текст. Той ще ни трябва по-късно, затова сега се върнете в панела Layers.

Забележка от преводача: Можете да запазите селекцията по много по-простичък начин, преди да растеризирате слоя с текста, го дублирайте (Ctrl+J), изключете оригиналния текстов слой, като махнете оченцето пред него и той ще ви запази селекцията, когато накрая на урока тя ви потрябва, ще я активирате с Ctrl+клик по квадратчето с буква Т, даже без да включвате или маркирате слоя. Тази проста манипулация ще ви спести всички разходки из панелите, които в случая са съвсем безсмислени.



8/ Растеризирания текст сега е върху прозрачен фон, затова ще му добавим фон от Edit - Fill.
В прозореца, който ще се отвори, направете следващите настройки:



Цвета на текста няма да се промени, но ако погледнете в панела Layers, ще видите че той вече е на бял фон. Това се дължи на използването на режима на смесване Multiply.

9/ Следват няколко филтъра:
Filter - Blur - Gaussian Blur с Radius: 4px
Действието на филтъра, ще замъгли текста:





10/ Filter - Stylize - Solarize
Действието на този филтър, ще инвертира цветовете:



11/ Сега ще засилим контраста от Image - Adjustments - Levels (Ctrl+L).
Хванете белия плъзгач и го предвижете на ляво, докато достигне края на диаграмата:



Ефекта който трябва да сте получили:



12/ Направете копие на текста: Layer - Duplicate Layer (Ctrl+J)



13/ Следва Filter - Distort - Polar Coordinates -> Polar To Rectangular





14/ Сега ще обърнем изображението на 90 градуса преди следващия филтър:
Image - Rotate Canvas - 90° CW



15/ Сега ще инвертираме цветовете:
Image - Adjustments - Invert (Ctrl+I)



16/ Следва Filter - Stylize - Wind -> Method: Wind; Direction: From the Right



Натиснете OK за да приложите филтъра, след което натиснете 2 пъти клавишна комбинация Ctrl+F и по този начин ще повторите действието на филтъра още 2 пъти.

17/ Натиснете отново Ctrl+I за да инвертирате цветовете:



18/ Натиснете 3 пъти Ctrl+F, за да повторите действието на последния използван филтър още 3 пъти:



19/ Следва Image - Adjustments - Auto Levels (Shift+Ctrl+L)



20/ Връщаме изображението в първоначална позиция:
Image - Rotate Canvas - 90° CCW



21/ Следва Filter - Distort - Polar Coordinates -> Rectangular to Polar и OK:





22/ Променете режима на смесване на слоя:
Blend Mode: Screen



Досега работихме само с копието, а оригиналния слой, който оставаше скрит от него, сега вече е видим, след промяната на режима на смесване на Screen



23/ Сега ще оцветим текста с нов запълващ слой:
Layer - New Fill Layer - Gradient
Можете да го създадете и от иконката в панела Layers, показана на следващата картинка:





24/ Ще се отвори прозорец, в който трябва да да изберете цветовете за градиента:



Кликнете на Gradient за да отворите Gradient Editor.
Изберете черно-белия градиент, с двоен клик по малката черна кутийка, ще отворите Color Picker от където ще изберете първия цвят, натискате ОК за да затворите Color Picker , после с двоен клик по бялата кутийка, пак отваряте Color Picker и избирате втория цвят. Цветовете не са строго задължителни, можете да ги изберете по ваша преценка!





25/ Сменете режима на смесване на градиентния слой:
Blend Mode: Color





26/ С това работата ни с копието завърши, сега ще приложим ефекти на оригиналния слой, затова го маркирайте като кликнете върху него в панела Layers.
Filter - Blur - Radial Blur с настройки: Amount: 65 pix; Method: Zoom; Quality: Best





27/ Сега преминете в панела Channels където в началото запазихте селекцията на текста чрез канала "Alpha 1" и я активирайте с Ctrl+клик върху канала:



С вече активна селекция се върнете в панела Layers



28/ И запълнете оригиналния текстов слой с черно. Може да използвате Paint Bucket Tool (G) или клавишна комбинация (Alt+Delete)
Натиснете Ctrl+D за да отмените селекцията и вашият текст е напълно готов:




В подкрепа на казаното прилагам един мой опит по урока:

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


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




Урокът е добавен от: maqpen4eva
Източник: http://www.photoshopessentials.com/

Коментари

azkazvam

Не се получи много добре, но на мен ми харесва :)

Ето моя опит:

http://prikachi.com/users/azkazvam/60Q.gif

CoOoL

Аз пробвах с една дума и други цветове и за моя радост се получи доста добре :)

http://store.picbg.net/pubpic/AD/F2/12d9f9e93b4aadf2.jpg

renteR

C:\Documents and Settings\ilia\My Documents\asd.jpg[/img]

buster

Ето такива хора ми харесват! Урока е точен, няма неясни работи и главоблъсканици кое от къде е! Браво, много ми харесва!

adobe_amatior

Наистина много добър урок ето го моят опит :

http://store.picbg.net/thumb/7F/32/4012ebfb91e47f32.jpg

adobe_amatior

Наистина много добър урок ето го моят опит : Натиснете върху изображението

http://store.picbg.net/thumb/7F/32/4012ebfb91e47f32.jpg

4TuNe

Браво за урока много ми хареса не е много труден а накрая се получава нешто фантастично.

dakata-cracker

imam vapros-za6to na 27 to4ka ne moga da selektiram ? vuob6te ni6to ne stava sas ctrl+klik
sj za latinicata

dakata-cracker

pls po barzo otgovorete

dakata-cracker

плс кажете защо не ми дава да селектирам на 27 точка

Berchev

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

Berchev

eto go i moq opit s malko po razlichni cvetove no se poluchi mn dobre spored men :)

http://store.picbg.net/pubpic/E3/FF/2313629452a1e3ff.jpg

diliana1001

Много, много добър урок!!! Браво!

Миро54

Беззкрайно съм Ви благодарен за урока!!! Това бе първата ми среща със Photoshop.Доста се помъчих /не знам Английски/, но благодарение точните обяснения се справих задоволително /според мен/ .

Berchev

ето един малко по различен опит

http://store.picbg.net/pubpic/7D/F1/397e0b75deef7df1.jpg

Scofield

Писането на кирилица е задължително![/img]http://kachi-snimka.info/images/bfi1252274610j.jpg[img] Малко не стана ма карай поличи се нещо xD

Scofield

Писането на кирилица е задължително![img]http://kachi-snimka.info/images/bfi1252274610j.jpg

crazy_18

Урока ми беше лесен и много приятен!Благодаря!Беше ми и много полезен разбирасе!!!

StefCh0

Урока е супер ! :) вижте и моя опит :)
http://picbg.net/img.php?file=2eb9baa79f825dbb.jpg

missytattoo

Хора, моля ви се,направете ми едно такова текстче на което да пише "история на евреите" много ми трябва!!! Защото диска за фотощопа ми се надра и не мога да си включа програмата а ми трябва за за вдруги ден, а в момента не мога да си купя нова програма.
П.П. Благодаря ви предварително много!

Crank™

Урока е много лесен, приятен и забавен! От доста време търсех такъв урок и чак сега го открих! Благодаря за урока!

largo_winch

Значи,като натисна Horizontal type tool и като цакна върху полето то става розово някои ще ми каже ли как мога да гоо оправя

missytattoo

maqpen4eva благодаря ти много

Crank™

Може ли някой да ми каже как се поставят така картинките защото искам да покажа един мой вариант на урока!
Благодаря предварително!

Crank™

http://store.picbg.net/pubpic/AE/BA/8c48b210dd35aeba.png



(надявам се така да стане ако не порсто копираите линка)

Crank™

Йей стана! Надявам се да ви хареса!

niki666

може ли някой да каже как се сменят тези шрифтове

maqpen4eva

Разцъкай си фотошопа, с такива въпроси скоро няма да стигнеш далече

http://welcome.to.images213.pic-bg.net/images2/store/00665_jpga5nWT6idmr.jpg

don_domat

Добре де на мен защо не ми се получава този ефект със светлината по средата. Всичко правя както е описано и се получава това.

http://prikachi.com/users/don_domat/47v.jpg

smookei

немога да си ка4а снимка ина4е урока е добре обяснен БРАВО!!

smookei

don_domat сигурен ли си че си изпълнил стъпка 21/ Filter - Distort - Polar Coordinates -> Rectangular to Polar

soundtrack

:) Това е от мен ...

http://prikachi.com/files/1172230T.jpg

soundtrack

оп изтървал съм една буквичка ... :D .... еее простено да ми е , ДАНО :(

Kissito_kz

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

sonido

Перфектен урок!

kenshamrok

Как мога да прхвърля текста върху някоя снимка?

Fair Play

защо намен неми става както навас ?? :@ сичко правя и ми се оплучава освен онова в средата най-хубавото .. http://prikachi.com/images.php?files/1305799h.jpg

d13gl3

Ето какво направих аз.На мен ми харесва много,но мисля да променя някои ефекти и да видя какво ще се получи :) Текст на линка...

d13gl3

Ето и какво се получи Текст на линка...

DaKsaN

Приятели,защо стъпка 10 (10/ Filter - Stylize - Solarize ) при мен не иска да бачка ?

Правя това,което е написано - давам Solarise,но нищо не става...фона ми не се променя,всичко си седи все едно тази стъпка изобщо не съм я изпълнявал.
Фона вместо да стане черен,си седи така както до другите стъпки тоест бял със леко замаглени букви,а всичко други си е ок. Но тук ми е проблема,моля помогнете :S

DaKsaN

Вече го оправих,почнах на ново и всичко е ОК :)

-3L173-

http://prikachi.com/files/1361685C.jpg

и
http://prikachi.com/files/1361692L.jpg

Само дето ме мързи да сложа и логото на alienware и мойто..

neli1502

Супер е и обяснението е мн мн разбираемо.
Ето и моя опит:

Текст на линка...

beck0_

Благодаря за чудесния урок! :)

http://picbg.net/u/52346/36022/429328.jpg

thecoollion

Много интересен урок, супер :)

beck0_

http://picbg.net/u/52346/36022/429678.jpg


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

lokto97

Страхотен урок. Ето какво получих аз: Тук

vaskoy

И аз направих нещо http://prikachi.com/images.php?files/1620693b.jpg :))))

nadyabogo

Бързо, лесно и красиво! Благодаря за урока!!! А ето и какво направих:

http://prikachi.com/images/179/2299179j.jpg

Hegope4eHa kpaTyHka

Ето го и моя опит
http://www.prikachi.com/images/614/2347614e.jpg

tohuka

Цитат
http://i638.photobucket.com/albums/uu102/tohuka/Untitled-1gfgcopy.jpg

skatemore

много много хубаво , мерси ето и моя опит

http://i723.photobucket.com/albums/ww233/rorry_vr/VAS.jpg?t=1282702755

Zitrax

Браво за урочето много ми хареса !

http://www.prikachi.com/images/342/2457342i.jpg

hateR

Ето го и моя опит :) Много добър урок!

http://prikachi.com/images/571/2477571I.jpg

Versacee

Браво, много яко е тва .. :) .. ето моят опит http://prikachi.com/images/790/2486790N.jpg =)

nievesita65

много хубав урок....благодаря.
ето моя опит....http://picbg.net/u/57593/40205/476118.jpg

nievesita65

http://picbg.net/icons/spacer.gif

nievesita65

http://picbg.net/pic.php?u=57593mnV0K&i=476118&file=.jpg
аз нещо май няма да мога да си кача опита...хахаха

http://picbg.net/pic.php?u=57593mnV0K&i=476118&file=.jpg

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

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