Помогни ни да направим Uroci.net по - богат! Добави урок

Лъскав стъклен бутон с Photoshop

Adobe Photoshop » Бутони и интерфейси
sondica   трудност:    видян: 39996


Натискате Ctrl+I. Променяте Blending Mode на слоя "glass" на Screen



7. Време е да направим отражение на бутона за да добие "стъклен" вид. Направете нов слой и го кръстете "reflection"

Задържайки Ctrl, кликнете на слоят "glass". Натиснете D и изберете Gradient Tool. Уверете се, че опциите на инструмента са като по долу показаните:




Сега задръжте Shift и изтеглете една линия от долната част на бутона до горният му край. Сменете Blending Mode на слоя "reflection" на Screen и намалете Opacity на 32%



Вземете Circle Marquee Tool и направете селекция подобна на тази отдолу:



Натиснете Delete на клавиатурата и деселектирайте (Ctrl+D)

8. Бутонът е готов и е време да добавим текст. Можете да използвате какъвто пикселен шрифт искате. С инструмента Typography Tool напишете нещо на бутона с бял цвят.



Изглежда малко скучно нали? Нека добавим Blending Options на слоя с текста:



Бутонът е готов, но ако искате бутона още по красив, продължавайте да четете



Страници: «1 2 3 4 5 »

Сподели урока:



Коментари (13)

kioki на 03.09 2008 в 19:05ч.
Браво,урочето е много хубаво!Получава се веднага!
radoslav4o на 05.09 2008 в 17:50ч.
браво
pafel4y на 08.10 2008 в 20:26ч.
Добре.. като си направя цял хеадер ( с 5-6 бутона) как мога да го използвам като такъв?!!?
как да направя така 4е като натиснеш на хоум да си отива там :Р ?! моля кажете мнооооооого ми трябва! :)
gamer345 на 11.10 2008 в 11:11ч.
pafel4u изглежда наистина си МНОГО зле... но нали и аз съм бил такъв нека да обясня. Правиш си 5-6 бутона или колкото ти трябват за менюто. След това отиваш в Notepad и си правиш страница и за да ги вмъкнеш ги качи на сървъра ти и дай линка към тях! След това цъкаш Save As... --> neshto.htm ВАЖНО! ако искаш да ти е начална страница го сейваш като index.html разбира се може да стане и с деуги езици - php примерно :)
pafel4y на 12.11 2008 в 21:31ч.
gamer345 нямах това предвид :) Пример:Направил съм си дизайна на саит(не на отделни картинки а на една цяла) и искам на самата картинка като кликна върху Home да ми отива на първа страница,като натисна Gallery да ми отива в галерия,... , и така на татака .Ако някой знае :) Да кайе :)
expres на 21.01 2009 в 15:42ч.
Сваляш си Dreamweaver отиваш на Insert после отиваш на Layout Objects после на AP Div ще ти излезне една подвижна таблиза.. настройваш си я на дължината на бутоните ти, после за по лесно може да вкараш една таблица, и да я раделиш на толкова колони колкото бутона имаш. незнам как можеш да го направиш след това защото не съм некаф умник.. просто си играя с HTML за да си губя времето... но ако ти е занимава има един начин... правиш една прозразчна картинка формат PNG голяма колкото бутоните ти и ги инсъртваш в таблиците след като им слагаш линкове.. но не съм сигурен че ще стане... надявам се да съм помогнал малко ако не съм сорри.. скайпа ми е pe6o_expres ако има нещо питай.
ZeroCold на 29.03 2009 в 16:33ч.
Момчета, някой от вас да има идея защо опцията "Screen" на "Blend Mode" ми е неактивна на всеки един от скрийновете в урока?!
lifest7yle на 04.05 2009 в 19:54ч.
Браво урочето е мн добро
didistyle на 04.05 2010 в 16:33ч.
В 7-ма стъпка не ми се получава...като маркирам двата слоя "рефлекшън" и "глас" и не мога да използвам Градиент тоола. Пише ми, че не мога да го използвам, защото съм маркирал повече от един слой.
Копчето "D" не го знам за какво е шорткът ама като го натисна и нищо не става и сигурно затова на мога и градиента.
С ЦС5 съм ако това има значение.
ZeLeTyUy на 20.05 2010 в 12:34ч.
Якооо ..
CONFLICT на 25.08 2010 в 16:43ч.
Имам същия проблем като "didstyle"..
Моля, ако някой знае как се оправя да сподели, трябва ми спешно!
Благодаря предварително!
janatata на 15.02 2011 в 17:10ч.
Нищо не се получава с Rectangle Marquee незнам , но цъкам и нищо не става все едно нищо не съм направил>>>....
sico на 30.10 2011 в 18:38ч.
аз съм с image readi и нещо не ми се получава как да го направя

Регистрирайте се, за да добавите коментар


Калдейта Ком ЕООД - © 2003-. Всички права запазени.
Препоръчваме: IT Новини