Як намалювати кнопку в Фотошопі

Як намалювати кнопку в Фотошопі

Намалювати стильну кнопку для web-сайту в Фотошопі не так вже й складно. Цей процес займе у вас всього хвилин 10-20. Кнопка, яку ви можете створити за допомогою цього уроку, розташована на світлому фоні. При бажанні, ви можете розмістити кнопку на темному тлі. А також проявити свою фантазію і створити її в стилі, який впишеться в дизайн вашого сайту.

Інструкція

  1. Створіть новий документ за допомогою комбінації клавіш Ctrl + N.
  2. Встановіть потрібний розмір, наприклад, 200 на 100 пікселів.
  3. Документ створили. Тепер можна приступити до створення кнопки.
  4. Виберіть інструмент «Прямокутник з округленими кутами» U, який знаходиться на панелі інструментів. Потім виберіть режим «Шар-фігура», який знаходиться під головним меню на панелі параметрів для налаштування активного інструменту.
  5. Намалюйте кнопку в документі. У цьому прикладі колір переднього плану чорний, тому кнопка вийшла чорного кольору. Далі підберемо для неї відповідний колір.
  6. Для цього перейдіть в палітру «Стилі» і виберіть відповідний стиль для нашої кнопки.
  7. У цьому прикладі використаний стиль Blue Glass.
  8. Растрируется верхній шар: меню «Шар» — команда «Растріровать» — пункт «Шар».
  9. Натисніть клавішу Ctrl і, утримуючи її, лівою кнопкою миші виберіть іконку верхнього шару. При цьому кнопка виділиться пунктирною лінією.
  10. Щоб створити по краях кнопки невелику облямівку, натисніть «Виділення — Модифікація — Стиснути».
  11. У вікні, поставте 3 пікселі.
  12. Вийшла така пунктирна обведення.
  13. Інвертуйте виділення за допомогою комбінації клавіш Shift + Ctrl + I.
  14. Скопіюйте виділення на новий шар, натиснувши клавіші Ctrl + J. При цьому на панелі «Шари» з’явиться третій шар.
  15. Виберіть для невеликої облямівки шириною в 3 пиксела сподобався стиль. Для цього знову зайдіть в палітру «Стилі» і виберіть потрібний. У цьому прикладі застосований стиль облямівки Chiseled sky, т.к. він поєднується з кольором кнопки.
  16. Вийшла така от кнопка. За бажанням, ви можете застосувати свої стилі, які вам більше подобаються.
  17. Залишилось написати текст. Для цього виберіть інструмент «Горизонтальний текст» (Т). Вибрати параметри шрифту можна на панелі параметрів для налаштування цього інструмента.
  18. Ось ваша кнопка і готова.