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