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