Дизайнерски гланциран Web 2.0 бутон в Photoshop

Търсим да проектираме някакъв лъскав Web 2.0 бутон? Ето една проста инструкция за Photoshop, която ви дава стъпка по стъпка как да получите хубав червен лъскав бутон.

Стъпка 1 - Създаване на базата

Изстреляйте ново платно и настройте следните настройки (маркирани в жълто) според изображението по-долу. Останалото трябва да е по подразбиране. Може да искате да проверите и с подразбиращите се стойности по подразбиране.

Създайте ново повикване за слой „Бутон“

В слой 'Бутон' изберете инструмента закръглен правоъгълник

Дайте му радиус от 7px

Начертайте правоъгълник, подобен на изображението по-долу.

Стъпка 2 - Червен бутон

Кликнете с десния бутон върху опциите за смесване за слоя "Бутон"

Настройте следните настройки за

Бъдете сянка

Вътрешна сянка

Откос и релеф

Gradiant Overlay

Вашият бутон трябва да изглежда така

Стъпка 3 - Създайте лъскав ефект

Създайте нов слой за обаждане „Glass“

Изберете Retangular marquee tool, уверете се, че сте избрали слоя "Button". Дръжте клавиша ctrl и кликнете върху бутоните на слоя”s миниатюра на слоя. Сега вашият бутон трябва да бъде маркиран.

Изберете бутона 'Glass' сега, задръжте клавиша Alt с избрания инструмент с ретуширан надпис. Начертайте (отрязани) през долната половина на бутона като изображението по-долу.

Запълнете избраната област с бял цвят #ffffff, като използвате инструмента Paint Bucket

Настройте непрозрачността на 18%

Трябва да имате блестящ бутон като този.

Стъпка 4 - Наслагване на шаблон

Нека да дадем някакъв лек модел на наслояване. Ще използвам персонализирания stripe5px, създаден по-рано. Създайте нов слой на слоя „Pattern“ между „Button“ и „Glass“ и продължете с Blending Options.

Изберете Наслагване на модел, изберете Stripe5px (или всеки модел, който сте създали) и кликнете върху OK, след което затворете диалога.

Уверете се, че все още сте на инструмента Rectangular Marquee, задръжте и кликнете върху миниатюрата на слоя на бутона, за да получите формата на бутоните. Запълнете избраната област в слоя "Pattern" с инструмента Paint Bucket и настройте непрозрачността на слоя до 5%

Стъпка 5 - Вмъкване на текст

Хвърлете в произволен текст в бял цвят #ffffff със следните настройки

Използвайте следните ефекти за смесване в слоя на моя текст.

Бъдете сянка

Стъпка 6 - Окончателен изход

Трябва да получите подобно изображение.