У изради интерфејса, било за web или за неку апликацију (софтверски производ), готово је сигурно да ће вам затребати дугме. Командна дугмета могу да буду класичног правоугаоног облика, али могу бити и много привлачнија - округла, и то врло занимљивог пластичног изгледа, којим можете одушевити кориснике ваших производа.
У наредним редовима ћемо вам по принципу корак по корак, уз одговарајуће илустрације приказати поступак добијања овакве дугмади. Алатка коју ћемо користити у процесу креирања је, наравно, Photoshop.
- Покрените Photoshop и креирајте нови документ. Величина нека буде рецимо 200 пута 200 пиксела, а резолуција 72 dpi. Креирајте нови слој (пречица [Ctrl+Shift+N]), па изаберите алатку за кружно селекционисање - Elliptical marquee tool [M] и исцртајте кружну селекцију. Да бисте добили перфектни круг, приликом креирања држите притиснут тастер [Shift].
- Кликните на foreground боју и у дијалогу Color picker подесите боју: R 255, G 125 и B 96. Изаберите алатку Paint Bucket Tool [G] и кликните унутар кружне селекције како бисте попунили круг одређеном бојом. Након овога нека селекција остане нетакнута.
- Изаберите падајући мени Select> Modify> Contract, па у дијалогу унесите 6, како би се селекција смањила за шест пиксела. Ова величина може бити различита, а све у зависности од величине ваше кружне селекције.
- Проверите да ли је још увек у палети са алаткама изабрана Elliptical marquee tool алатка, а затим уз помоћ тастера-стрелица на тастатури преместите селекцију мало доле. У нашем примеру, кликнули смо око десетак пута тастер - стрелица доле.
- Притисните сада дугмета [Ctrl] и [Alt], и кликните једном изнад слоја унутар палете Layers. Овим ћете извршити деселекцију површине круга у односу на померену селекцију, тако да ће вам остати мали полумесец на дну кружнице.
- Сада поновите четврти корак и померите селекцију вертикално нагоре, користећи тастере-стрелице. Осигурајте да се вратите на исту позицију са које сте претходно преместили селекцију. У нашем примеру, притиснули смо стрелицу горе десетак пута.
Настављамо са креирањем дугмета у следећем прилогу.