Как да се направи хубав бутон за сайт

Предишен ◈ Следващото

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

Основното нещо, че бутонът за правилно се вписват в дизайна на сайта или дизайна на мястото, където ще го използвате.

Създаване на нов документ в Photoshop. Бутон теглим с помощта на инструмента правоъгълник със заоблени ъгли.

Сега трябва да изберете инструмента. Използвах оранжевия цвят - # ff8b00. Набор радиус ъгли 4 пиксел.

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

Сега нека да направим малък обем в плосък стил. Парадоксът, но обемът ще бъде в апартамент стил. За да бъде копие на този слой с правоъгълник (CTRL + J), който е правоъгълник и долните слоеве - го премести до 2-3 пиксели в работното пространство. Променете цвета си, за да по-тъмен, в този случай - # bf6800

Резултатът трябва да изглежда така. По принцип можете да направите обем е по-, всичко зависи от това колко се движи долния правоъгълник. В действителност, този бутон е бутон.

Сега бутона, за да бъде интересно и сочна - Предлагам да добавите стил градиент в горната част на правоъгълника. За да направите това, моля, кликнете два пъти върху слоя с правоъгълника и да намерят стила Gradient Overlay.

Трябва да се конфигурира - ъгълът на наклона на 90 градуса.

И той градиент цвят - # ff8c00 и # ffcc3f.

Остава да добавим надписа. Аз бях на шрифта Myriad Pro, и бяло. Размер на шрифта и цвета - трябва също да посочите въз основа на проекта, където ключовата ви ще бъде.

Но надпис бялото някои може да е трудно да се чете. можете да направите чист малък сянка изчистите за решаване на проблема.

За да направите това, направете копие на слоя с надпис и това, което е долу, се движат един пиксел надолу и промяна на цвета - # be6d00. По същия начин, което направихме с правоъгълници.