Як зробити красиву кнопку

Як зробити красиву кнопку

Подорожуючи по просторах інтернету, користувачі часто звертають увагу на графічне оформлення ресурсів. Це важливий параметр будь-якого сайту. Від зовнішнього вигляду сторінки залежить, чи залишиться відвідувач на ній або закриє і вже ніколи її не відвідає. Тому графіку сайту надають особливого значення. Але при оздобленні ресурсу не слід забувати і про його функціональності. Посилання повинні бути схожі на посилання, а кнопки — на кнопки.

Інструкція

  1. Щоб зробити гарне оформлення для сайту вам знадобляться знання графічних редакторів. Один з лідерів в цій галузі — це Adobe Photoshop. Відкрийте вашу програму. Створіть новий документ з параметрами вказаними на зображенні.
  2. Залийте фон кольором «bfbfbf». За допомогою інструменту «переміщення» встановіть горизонтальну і вертикальну напрямні по центру документа. Виберіть інструмент «прямокутник із закругленими краями». Зверніть увагу, він повинен знаходитися в режимі «шар фігура». Наведіть курсор на центр документа, натисніть лівою кнопкою миші і одночасно утримуйте клавішу «Alt». Намалюйте прямокутник. Відкрийте стилі шару і встановіть параметри, які вказані на зображенні.
  3. Затисніть на клавіатурі клавішу «Ctrl» і клацніть лівою кнопкою миші по шару з фігурою. Завантажиться виділення. Візьміть з панелі інструментів «прямокутне виділення». Встановіть його в режимі віднімання. Окресліть верхню частину виділення. Створіть новий шар і залийте його білим кольором. Встановіть прозорість шару на 20%.
  4. Візьміть інструмент «текст». Напишіть потрібне вам слово. Встановіть шрифт, розмір і накреслення тексту. Зайдіть в стилі шару і задайте наступні параметри. Ваша кнопка готова.
  5. Тепер перевіримо її на точні пікселі. Візьміть інструмент «збільшення». Максимально збільште розмір кнопки. Уважно перегляньте всі краї. Вони повинні мати чіткі межі. Ніяких перехідних кольорів. Якщо форми не чіткі — завантажте функцію «вільне трансформування» і клавішами управління поправте форму кнопки. Тепер ви можете розмістити її на вашому сайті.