<Разное> Главная / Все , BUTTON , Учебник / Блог статье: RIATMP1026 - Шаг за шагом учебник о том, как создать кнопки фотошоп

RIATMP1026 - Шаг за шагом учебник о том, как создать кнопки фотошоп

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 -> гладкий и выберите радиус 3 пикселя.

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

Шаг 3: "Effect> Gradent Overlay 'Select и выберите цвета слева направо. # Cbcbcb, # 8a8a8a. Вы получите окно градиентом прямоугольник.

gradient overlay effect in photoshop
Gradient Overlay эффект в фотошопе
Select gradient overlay color in photoshop
Выберите цвет Gradient Overlay в фотошопе

Rectangle box in photoshop
Прямоугольник в фотошопе

Шаг 4:
Создайте новый слой и создайте еще один прямоугольник 895px 47px чуть ниже предыдущего прямоугольника. Выберите Effect> Gradient Overlay и выберите цвет # # 9f9f9f 5e5d5e и залейте выделение.

Gradient overlay in photoshop.
Gradient Overlay в фотошопе.

Gradient overlay in photoshop
Gradient Overlay в фотошопе

Gradient rectangle in photoshop
Градиент прямоугольник в фотошопе

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

gradient overlay in photoshop
Gradient Overlay в фотошопе
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
Оставить комментарий 1495 просмотров, 1 до сих пор сегодня |

Comments are closed.