Креирање дугмади за мобилне интерфејсе у Пхотосхопу ЦС6

Ове врсте дугмади су веома популарне, посебно када радимо на изради делова за мобилне интерфејсе, попут иПхонеЗаправо, управо је овај уређај уградио ове врсте дугмади које изгледају као мали сјајни пластични језичак на који удара мали одраз светлости.
Да бисмо изградили ову типку дугмета, користићемо основне технике, као што су правоугаони облици са заобљеним ивицама, коришћење нагиба и употреба палета боја за постизање потребних ефеката.
Прво морамо започети процес генерисањем основног облика нашег дугмета, за то ћемо следити следеће кораке.
1- Почнимо стварањем вектор у облику правоугаоника са заобљеним ивицама иу менију слојева ћемо применити ефекат градијент који се преклапа:

2- Градијент мора бити тамне боје у горњем делу и варијације исте боје, али светлије у доњем делу, пропорција може бити 80% тамно и а 20% јасноће.
3- Сада морамо дупликат слоја, за ово можемо притиснути комбинацију тастера ЦТРЛ + ЈОво радимо да бисмо могли да изменимо градијент у дуплицираном слоју, па ћемо једном дуплицирани двоструко кликнути на ефекат градијента.
4- Уредит ћемо градијент постављањем његове непрозирности на а 50% и променићемо боје у белу у позадини и најсветлији део ће бити провидан:
5- Следећи корак који морамо да урадимо је да избришемо сидра, за ово ћемо изабрати алатка за тачку, идеја је да се референце дуплицираног слоја померају тако да покривају само око трећину платна.
6- Сада ћемо створити закривљеност у доњој ивици дуплицираног слоја, за то ћемо користити алат избор смера а у центру линије генеришемо потребно кретање.
7- Када се спремамо да завршимо, променићемо слој и променићемо непрозирност на приближно 65%, а параметар пуњења о Попуните оставимо на 0 ово ће учинити да се све обликује.
8- Коначно можемо додати слику или текст, при томе морамо поставити малу сенку тако да истакне елемент и можемо је повезати са дугметом:

Као што видимо, генерисали смо дугме веома слично онима које се користе у мобилним интерфејсима, они нам дају упечатљив и свеж изглед који можемо уградити у своје скице и предлоге за мобилна интерфејса, користе се више од свега за представљање апликација и елементи попут тога, а не за основне корисничке радње, међутим свако може користити своју креативност да би добио позицију.
Овим смо завршили овај водич, као што смо видјели да примјењујемо неколико основних техника за постизање коначног резултата. Треба напоменути да што више вјежбамо, бит ћемо бржи и моћи ћемо генерирати ове елементе с већом сигурношћу.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен