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

Светещ бутон

Светещ бутон




В този урок ще се научите как да правите светещ бутон за вашия Уеб Сайт.



Направете нов документ: (File>New) с размери 200x200px и го запълнете с бял цвят (#ffffff )
Направете нов леар (Ctrl+Shift+N)
Изберете инструмента Rectangular Marquee Tool и направете един правоъгълник в центъра.
Запълнете го с (#1c6a8a) .



Десен бутон на този леар и изберете Blending Opitons -> Gradient overlay.
Използвайте следните настройки:

Gradient overlay:



Outer Glow:




Сега трябва да селектираме този правоъгълник. За целта натиснете Ctrl+Click на малкия правоъгълник.



Изберете от горното меню Select -> Modify -> Contract



Използвайте тези настройки :



Сега изберете отново Rectangular Marquee Tool и използвайте тези настройки:



Сега направете следната селекция :



(Така селекцията на правоъгълника ще стане наполовина)

Направете нов леар (Ctrl+Shift+N)
Отидете на Edit -> Fill, използвайте бял цвят (#ffffff )
Променете Opdcity на 8%



В момента трябва да сте получили това :



Изберете Dodge Tool


Изберете леар 2.
Направете нов леар (Ctrl+Shift+N). Новия леар трябва да е леар 4.
Сега селектирайте леар 2 и леар 4 и натиснете Ctrl+G, това ще ги направи в група
Десен бутон на тази група и изберете Merge Group.
Докато сте избрали Dodge Tool направете следните настройки :



Сега започнете да "рисуватe" в долната част на бутона.



Направете нов леар (Ctrl+Shift+N) и направете селекция като тази :



Запълнете го с бяло и направете Opacity на 42%



Сега отидете отново на Group 1 и изберете Dodge Tool с размер 56рх



....и "рисувайте" в долните два ъгъла
Поставете някакъв текст и сте готови!



Ето и моя опит:



Превод : LemmOn!
Автор : thiefunu

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




Урокът е добавен от: maqpen4eva

Коментари

NLO

якоооуу

ivcho13

Браво LemmOn. Лесно, ефектно и много, много добро. И много добре обяснено. Благодаря за превода!

venko22589

само трява да се правят малко по-малки както на урока, щото на опита на LemmOn бутона е доста голям.

Space_man

много ефектен урок и полезен урок ,ето моят опит... :


http://i1227.photobucket.com/albums/ee434/space_man1/photoshop/Spacebutton.jpg?t=1305055449

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

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