<Преглед> Начало / Всички , бутон , инстркцията / Блог статия: RIATMP1084 прост уеб бутон за ваша употреба, Photoshop инстркцията

| Mobile | RSS

RIATMP1084 прост уеб бутон за лично ползване, Photoshop инстркцията

8-ми юли, 2009
RIATMP1084- Simple Web Button for your use,  Photoshop Tutorial
RIATMP1084 прост уеб бутон за лично ползване, Photoshop инстркцията

RIATMP1084 прост уеб бутон за лично ползване, Photoshop инстркцията

    Натиснете тук, за да изтеглите

Днес аз съм за качване на прост настойнически уеб бутона. Можете да използвате това, за вашия уеб проект.
Създаване на нов файл 400/200 пиксела. Запълнете фона слой с бял цвят.

Рисуване БУТОН ИЗПОЛЗВАНЕ НА RECTANLE форма: Създайте нов слой. Сега изберете Rounded Rectangle Tool, въведете 5 пиксела радиус за заоблен ъгъл и начертайте бутон на вашата форма на правоъгълник. Кликнете с десния бутон върху тази форма и изберете "Make Selection". Запълнете тази селекция с цвят, който искате. Взех # 5c89cc.

pic2 RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial
Photoshop инстркцията, Бътън

pic2

Pic3
Photoshop инстркцията, Бътън

Pic3

Добавяне на Layer Style: В слой небцето; десен клик върху този бутон слой и изберете Blending Options първо да добавите падаща сянка. Можете да вземете картината (PIC1) като отправна точка за всички стойности. Следваща добавка Gradient Overlay. Сега в Gradient Editor щракнете върху първата спирка цвят и щракнете върху Цвят по-долу, за да го промените като цвят, който искате. Използвах # a4cee6. Направете същото и за Color Stop надясно. За тази спирка съм използвал # 56add6. Сега добавете две цветни спира по средата, като щракнете точно под наклон в средата. Можете да коригирате тези позиции чрез въвеждане на 50% в областта на местоположението. Ползвал съм # 468bcc & # 81b3e2 за тези две Цветни спирки. Виж по-горе изображение (PIC2),. Сега ние ще добавим Stroke. Изберете Stroke опция на дъното. Вземете 1 пиксела за размера и бял цвят, или можете да вземете цвета на фона. (PIC3)

pic4 RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial
Photoshop Tuitorial, Бътън

pic4pic5

Добавяне Glow: Сега можете да обогати вид, като добавянето на блясък на горната част на бутона. Можете да използвате Pen Tool. Но за да направи този процес, просто аз току-що играе с Избор на опция. Кликнете с десния бутон върху бутона слой в слой палет и изберете "Select Layer Transparency". Създайте нов слой и запълнете селекцията с бяло. Сега изберете Move Tool и преместете избраните бял правоъгълник с височина 4 пиксела надолу. Сега добавете маска. Дръжте горната част и да изтриете допълнително част. Вижте PIC4. Сега добавете текст и това е всичко, което трябва просто готино бутон. PIC5.

pic1 RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial
Photoshop инстркцията, Бътън

pic1

Споделете и се наслаждавайте
  •  RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial favicons?domain=digg RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial favicons?domain=www.dzone RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial favicons?domain=www.facebook RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial favicons?domain=www.google RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial favicons?domain=www.linkedin RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial favicons?domain=favorites.live RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial favicons?domain=www.mixx RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial favicons?domain=www.myspace RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial  RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial favicons?domain=reddit RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial favicons?domain=www.stumbleupon RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial favicons?domain=technorati RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial favicons?domain=twitter RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial favicons?domain=buzz.yahoo RIATMP1084  Simple Web Button for your use,  Photoshop Tutorial
Вашият коментар 2462 прегледи, 4 за днес |

Вашият коментар