Как нарисовать кнопку в Фотошопе
- Как создать стильную кнопку для web-сайта в Фотошопе
- Шаг 1: Создание нового документа
- Шаг 2: Рисование кнопки
- Шаг 3: Добавление текста
Как создать стильную кнопку для web-сайта в Фотошопе
Нарисовать стильную кнопку для web-сайта в Фотошопе не так уж сложно. Этот процесс займёт у вас всего минут 10-20. Кнопка, которую вы можете создать с помощью этого урока, расположена на светлом фоне. При желании, вы можете разместить кнопку на тёмном фоне. А также проявить свою фантазию и создать её в стиле, который впишется в дизайн вашего сайта.
Шаг 1: Создание нового документа
Инструкция:
1. Создайте новый документ с помощью комбинации клавиш Ctrl+N.
2. Установите нужный размер, например, 200 на 100 пикселов.
3. Документ создали. Теперь можно приступить к созданию кнопки.
Шаг 2: Рисование кнопки
Инструкция:
1. Выберите инструмент "Прямоугольник со скруглёнными углами" U, который находится в палитре инструментов. Затем выберите режим "Слой-фигура", который находится под главным меню на панели параметров для настроек активного инструмента.
2. Нарисуйте кнопку в документе. В этом примере цвет переднего плана чёрный, поэтому кнопка получилась чёрного цвета. Далее подберём для неё подходящий цвет.
3. Для этого перейдите в палитру "Стили" и выберите подходящий стиль для нашей кнопки. В этом примере использован стиль Blue Glass.
4. Растрируйте верхний слой: меню "Слой" - команда "Растрировать" - пункт "Слой".
5. Нажмите клавишу Ctrl и, удерживая её, левой кнопкой мыши выберите иконку верхнего слоя. При этом кнопка выделится пунктирной линией.
6. Чтобы создать по краям кнопки небольшую каёмку, нажмите "Выделение - Модификация - Сжать". В открывшемся окне поставьте 3 пиксела.
7. Получилась такая пунктирная обводка.
8. Инвертируйте выделение с помощью комбинации клавиш Shift+Ctrl+I.
9. Скопируйте выделение на новый слой, нажав клавиши Ctrl+J. При этом в палитре "Слои" появится третий слой.
10. Выберите для небольшой каёмки шириной в 3 пиксела понравившийся стиль. Для этого снова зайдите в палитру "Стили" и выберите нужный. В этом примере применён стиль каёмки Chiseled sky, т.к. он сочетается с цветом кнопки.
11. Получилась стильная кнопка. По желанию, вы можете применить свои стили, которые вам больше нравятся.
Шаг 3: Добавление текста
Инструкция:
1. Осталось написать текст. Для этого выберите инструмент "Горизонтальный текст" (Т). Выбрать параметры шрифта можно на панели параметров для настроек этого инструмента.
2. Вот ваша кнопка и готова.
Это всё, что вам нужно знать, чтобы создать стильную кнопку для вашего web-сайта в Фотошопе. Приятного творчества!
