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

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

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

 

1. Правите нов документ 150x50px и го запълвате с черен цвят

2. Правите нов Group (Layer -> New -> Group) и го кръщавате "glowing glass".

3. Правите нов слой и го кръщавате "glass"

4. Взимате инструмента Circle Marquee Tool с следните настройки



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

Edit -> Fill и запълвате с бял цвят. Не деселектирайте окръжността засега.



Задръжте Shift и започнете да натискате дясната стрелка на клавиатурата. Така ще местите селекцията през 10 пиксела Преместете я колкото искате да ви е дълъг бутонът. Аз я преместих 9 пъти. Запълнете и тази селекция с бяло. Деселектирайте



5. Сега идва забавната част. Бутонът все още не прелича на такъв, но ние ще го направим. Избирате инструмента Rectangle Marquee със следните настройки:



Сега правите правоъгълник обхващащ двете половини на окръжностите:

 


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

Сподели |

Коментари (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-2010. Всички права запазени.
Препоръчваме: IT Новини