Създаване на бутони за мобилни интерфейси във Photoshop CS6

Тези видове бутони са много популярни, особено когато работим по изработката на части за мобилни интерфейси като iPhoneВсъщност това устройство, което включваше тези типове бутони, приличащи на малък лъскав пластмасов пластин, към който удря малко отражение на светлината.
За да изградим този тип бутони, ще използваме основни техники като правоъгълни форми със заоблени ръбове, използване на наклони и използване на цветови палитри за постигане на необходимите ефекти.
Първо трябва да започнем процеса, като генерираме основната форма на нашия бутон, за това ще следваме следните стъпки.
1- Нека започнем със създаването на вектор оформен като правоъгълник със заоблени ръбове и в менюто на слоевете ще приложим ефект на припокриващ се градиент:

2- Наклонът трябва да е с тъмен цвят в горната част и вариация от същия цвят, но по -светъл в долната част, пропорцията може да бъде 80% тъмно и а 20% яснота.
3- Сега трябва дублиращ се слой, за това можем да натиснем комбинацията от клавиши CTRL + JПравим това, за да можем да променим градиента в дублирания слой, затова веднъж дублиран ще щракнем два пъти върху ефекта на градиента.
4- Ще редактираме градиента, като зададем непрозрачността му на a 50% и ще променим цветовете на бели на заден план и най -светлата част ще бъде прозрачна:
5- Сега следващата стъпка, която трябва да направим, е да изтрием котвите, за това ще изберем точков инструмент, идеята е преместването на препратките на дублирания слой, така че да обхваща само около една трета от платното.
6- Сега ще създадем кривина в долния ръб на дублирания слой, за това ще използваме инструмента избор на посока и в центъра на линията генерираме необходимото движение.
7- Когато сме на път да завършим, ще променим слоя и ще променим непрозрачността на приблизително 65% и параметъра за запълване o Попълнете оставяме го на 0, това ще накара всичко да се оформи.
8- Накрая можем да добавим изображение или текст, като по този начин трябва да поставим малка сянка, така че да подчертава елемента и да можем да го свържем с бутон:

Както виждаме, ние сме генерирали бутон, много подобен на този, използван в мобилните интерфейси, те ни дават поразителен и свеж вид, който можем да включим в нашите скици и предложения за мобилни интерфейси, те се използват повече от всичко за представяне на приложения и елементи като този, а не за основни действия на потребителя, но всеки може да използва творчеството си, за да получи позиция.
С това приключваме този урок, както видяхме, че прилагаме няколко основни техники за получаване на крайния резултат, трябва да се отбележи, че колкото повече практикуваме, толкова по -бързо ще бъдем и ще можем да генерираме тези елементи с по -голяма сигурност.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка