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

| Mobile | RSS

RIATMP1026 - Стъпка по стъпка настойнически за това как да се създаде на Photoshop бутони

8 май, 2009 г.
Step by step tutorial on how to create photoshop button.
step23

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

Това е един много прост урок за това как да създадете бутона в Photoshop. Следвайте стъпка по стъпка насоки и можете да научите повечето от нещата, необходими за създаване на бутони. Можете също така да изтеглите файла на Photoshop от тук и да го модифицирате за собствена употреба.


Стъпка 1: Първо създадете нова Filele, -> New и да даде ширина 900px и височина 89px.

Create New Photoshop file
Създаване на нов Photoshop файл

Стъпка 2: Създайте нов слой и изберете 895px 39px име правоъгълник ъглите, за да заоблени 3px. Или от главното меню изберете Select -> Modify -> гладка и изберете радиус 3px.

step02 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step02

Стъпка 3: "Effect> Gradent Overlay Изберете и изберете цветове от ляво на дясно. # Cbcbcb, # 8a8a8a. Можете да получите кутия наклон правоъгълник.

gradient overlay effect in photoshop
Gradient Overlay ефект в Photoshop
Select gradient overlay color in photoshop
Изберете Color Overlay градиент в Photoshop

Rectangle box in photoshop
На Rectangle кутия в Photoshop

Стъпка 4:
Добавете нов слой и да се създаде друг правоъгълник 895px 47px точно под предишния правоъгълник. Изберете ефекта> Gradient Overlay и изберете цвят # 9f9f9f-# 5e5d5e и запълнете селекцията.

Gradient overlay in photoshop.
Gradient Overlay в Photoshop.

Gradient overlay in photoshop
Gradient Overlay в Photoshop

Gradient rectangle in photoshop
Gradient правоъгълник в Photoshop

Стъпка 5: Добавяне на нов слой и нарисувайте 121px 31px правоъгълник, Select -> Modify -> гладки и изберете 3px. Effect> Gradient Overlay.

gradient overlay in photoshop
Gradient Overlay в Photoshop
gradient overlay in photoshop
step11

Стъпка 7: Сега изберете този слой и да направи няколко копия и стека ги един след друг. Кликнете с десния бутон на слоя и Изберете прозрачността слой. Добавяне на слой под този слой и запълнете с бял цвят, следващия ход една пиксел надолу и изберете отново и да изтриете споделена площ, така че вие ​​ще получите една тънка линия на дъното на бутона си.

step111 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step111

step12 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step12

step14 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step14

Стъпка 8:
Добавете още един нов слой и създайте правоъгълник кутия малко по-голям от вашия бутон и добавете градиент ефект отново.
Изберете цвят # fbd888 и # f8bd36

step15 150x150 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step15

step17 150x150 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step17

step16 150x150 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step16

Накрая добавете 1 пиксел # fbd98 линия между две секция и сте готови и той трябва да изглежда така

step19 559x55 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step19
Споделете и се наслаждавайте
  •  RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=digg RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.dzone RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.facebook RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.google RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.linkedin RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=favorites.live RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.mixx RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.myspace RIATMP1026   Step by step tutorial on how to create photoshop buttons  RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=reddit RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.stumbleupon RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=technorati RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=twitter RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=buzz.yahoo RIATMP1026   Step by step tutorial on how to create photoshop buttons
Вашият коментар 1502 прегледи, 8 за днес |

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