<Різне> Головна / Все , BUTTON , навчальний посібник , Сайт / Блог статті: RIATMP1067 - Рядок меню / кнопки - Photoshop Tutorial

RIATMP1067 - Рядок меню / кнопки - Photoshop Tutorial

19 червня 2009
Simple but attractive Menu Bar / Button – Photoshop Tutorial
RIATMP1067 - Рядок меню / кнопки - Photoshop Tutorial

Простий, але привабливий Рядок меню / кнопки - Photoshop Tutorial

Click here to download

Це простий, але дуже привабливий кнопки можна створити за 5 хвилин і при цьому крок за кроком підручник майже все практично без знання Photoshop може зробити це. Будь ласка, натисніть на картинку, щоб побачити велике.

Крок 1: Створіть новий файл близько 770px / 300 пікселів, з білим фоном (File -> New)

Крок 2: Переконайтеся, що шар відкритого вікна і створіть новий шар, натиснувши кнопку Створити іконку нового шару в нижній правій частині вікна шар. Дайте цей новий шар "кнопка" ім'я.

Крок 3: Тепер виберіть інструмент Rounded Rectangle Tool, введіть 5 пікселів, як радіус заокругленим кутом і звернути прямокутник кнопки форми (рис.1). Клацніть правою кнопкою миші на тому, що форма і вибрати "Make Selection" (pic2).

pic11 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic11

pic1

pic2 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic2

pic2

Крок 4: В шарі неба, клацніть правою кнопкою миші на "кнопку" шарі і виберіть Blending Options. Спочатку додайте Gradient Overlay. Дотримуйтесь зображення (pic3) для всіх значень. Потім додайте інсульту. Дотримуйтесь зображення (pic4) для значень. За допомогою цих ефектів шару Ви отримаєте кнопку, як на зображенні (PIC5).

pic3 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic3

pic3

pic4 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic4

pic4

pic5 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic5

pic5

Крок 5: Скопіюйте цю "кнопку" шар і дати йому ім'я "Button2". Тепер виберіть невелику частину цієї кнопки, а потім вибрати "вибрати інше", а потім видалити обрану частину. Будь ласка, виконайте наступні 2 зображення (PIC6, PIC7) для ознайомлення.   Зробити ще 2 копії і об'єднати їх усі в один шар.

pic6 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic6

pic6

pic7 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic7

pic7

Крок 6: Створіть ще один шар і дати йому назву "Button3". Тепер виберіть невелику частину основної кнопки за допомогою інструменту прямокутне виділення. Потім виберіть Blending Options. Спочатку додайте Gradient Overlay. Дотримуйтесь зображення (PIC8) для всіх значень. Тепер додамо текст те, що ви хочете. Ви можете також додати деякі ефекти у вашому тексті. Тут я додав: "тінь" ефект. А тепер ви зробили з вашою панелі Меню. Дякуємо Вам за Ваш візит.

pic8 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic8

pic8

Делите і насолоджуйтеся
  •  RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=digg RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.dzone RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.facebook RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.google RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.linkedin RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=favorites.live RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.mixx RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.myspace RIATMP1067   Menu Bar / Button – Photoshop Tutorial  RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=reddit RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.stumbleupon RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=technorati RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=twitter RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=buzz.yahoo RIATMP1067   Menu Bar / Button – Photoshop Tutorial
Залишити коментар 3634 переглядів, 17 до сих пір сьогодні |

Залишити коментар