<Преглед> Начало / Всички , бутон , инстркцията / Блог статия: RIATMP1030-Photoshop бутон и банер урок

| Mobile | RSS

RIATMP1030 Photoshop бутона и урок банер

12 май, 2009 г.
Button and banner tutorial in photoshop
Бътън и урок банер в Photoshop

Това е един много прост урок, създаден за почти всеки, с или без предварително познания по Photoshop. Имам насоки, стъпка по стъпка, за да го направите в рамките на 5 минути. Моля, кликнете върху снимката, за да видите големи.

Click here to download

Ето и стъпките:

Стъпка 1: Създаване на нов файл от около 860px / 185 пиксела (File -> New)

Стъпка 2: Уверете се, че слой прозорец е отворен и се добавя нов слой, като щракнете върху Създаване на нова икона Layer долу в дясно от вас слой прозорец. Дайте този нов слой на име "Контекст".

Стъпка 3: Създаване около 15px заоблен ъгъл правоъгълник, където ширината е 855px и височина е 175px и я запълнете с цвят # 609590. Вашата страница искал това.

Photoshop button and banner tutorial
Photoshop бутона и урок банер

Стъпка 4: Изберете Layer Style (икона в долния ляв ъгъл от вас слой прозорец) -> Bevel релеф и следвайте настройките, както е показано на изображението по-долу.

button tutorial in photoshop, bevel effect
бутон за начинаещи в Photoshop, конусни ефект
Стъпка 5: Добавяне на нов слой и създайте селекция като цилиндър, където ширината е 845px и височина е 40px и 10px от горе и от 10px ляво. Запълнете с градиент цвят от бяло (# FFFFFF) с прозрачни, и тя трябва да създаде връхната точка на върха. Вижте снимката по-долу и вашето изображение трябва да изглежда така.

Button tutorial in photoshop
Бутон урок в Photoshop
Button and banner tutorial in photoshop
Бътън и урок банер в Photoshop

Стъпка 6: Добавяне на нов слой направете селекция като цилиндър ширина: 830px и височина: 40px за вашите бутони и запълнете с цвят # eaeaea; следващия изберете "Layer Style -> Bevel и релеф" и следвайте настройките както е показано на изображението по-долу.

Photoshop button and banner tutorial
Photoshop бутона и урок банер

Стъпка 7: Добавете нов слой и направете селекция като цилиндър ширина: 810px и височина: 25px на върха на току-що създадохте бутони и запълнете с градиент цвят от бяло (# FFFFFF) към прозрачно, и тя трябва да създаде събитие на върха. Вижте снимката по-долу и вашето изображение трябва да изглежда така.

Photoshop button and banner tutorial
Photoshop бутона и урок банер

Стъпка 8: Въвеждане на текст по желание за вашата структура на менюто и, разделени от тънки вертикални линии 1pixel. Можете също така да сложи логото на вашата компания и текст на върха. След като имате целия текст вашето изображение трябва да изглежда така.

Открита този урок полезен? Можете да си купите кафе за мен, можете да платите тук ! Наздраве :)

pixel RIATMP1030  Photoshop button and banner tutorial

Photoshop button and banner tutorial
Photoshop бутона и урок банер

Споделете и се наслаждавайте
  •  RIATMP1030  Photoshop button and banner tutorial favicons?domain=digg RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.dzone RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.facebook RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.google RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.linkedin RIATMP1030  Photoshop button and banner tutorial favicons?domain=favorites.live RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.mixx RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.myspace RIATMP1030  Photoshop button and banner tutorial  RIATMP1030  Photoshop button and banner tutorial favicons?domain=reddit RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.stumbleupon RIATMP1030  Photoshop button and banner tutorial favicons?domain=technorati RIATMP1030  Photoshop button and banner tutorial favicons?domain=twitter RIATMP1030  Photoshop button and banner tutorial favicons?domain=buzz.yahoo RIATMP1030  Photoshop button and banner tutorial
Вашият коментар 12731 прегледи, 12 за днес |

Коментари са затворени.