Главная Войти О сайте

Как нарисовать кнопку в Фотошопе

Нарисовать стильную кнопку для web-сайта в Фотошопе не так уж сложно. Этот процесс займёт у вас всего минут 10-20. Кнопка, которую вы можете создать с помощью этого урока, расположена на светлом фоне. При желании, вы можете разместить кнопку на тёмном фоне. А также проявить свою фантазию и создать её в стиле, который впишется в дизайн вашего сайта.Как нарисовать кнопку в Фотошопе

Создайте новый документ с помощью комбинации клавиш Ctrl+N.

Установите нужный размер, например, 200 на 100 пикселов.Как нарисовать кнопку в Фотошопе

Документ создали. Теперь можно приступить к созданию кнопки.Как нарисовать кнопку в Фотошопе

Выберите инструмент "Прямоугольник со скруглёнными углами" U, который находится в палитре инструментов. Затем выберите режим "Слой-фигура", который находится под главным меню на панели параметров для настроек активного инструмента.Как нарисовать кнопку в Фотошопе

Нарисуйте кнопку в документе. В этом примере цвет переднего плана чёрный, поэтому кнопка получилась чёрного цвета. Далее подберём для неё подходящий цвет.Как нарисовать кнопку в Фотошопе

Для этого перейдите в палитру "Стили" и выберите подходящий стиль для нашей кнопки.Как нарисовать кнопку в Фотошопе

В этом примере использован стиль Blue Glass.Как нарисовать кнопку в Фотошопе

Растрируйте верхний слой: меню "Слой" - команда "Растрировать" - пункт "Слой".Как нарисовать кнопку в Фотошопе

Нажмите клавишу Ctrl и, удерживая её, левой кнопкой мыши выберите иконку верхнего слоя. При этом кнопка выделится пунктирной линией.Как нарисовать кнопку в Фотошопе

Чтобы создать по краям кнопки небольшую каёмку, нажмите "Выделение - Модификация - Сжать".Как нарисовать кнопку в Фотошопе

В открывшемся окне поставьте 3 пиксела.Как нарисовать кнопку в Фотошопе

Получилась такая пунктирная обводка.Как нарисовать кнопку в Фотошопе

Инвертируйте выделение с помощью комбинации клавиш Shift+Ctrl+I.Как нарисовать кнопку в Фотошопе

Скопируйте выделение на новый слой, нажав клавиши Ctrl+J. При этом в палитре "Слои" появится третий слой.Как нарисовать кнопку в Фотошопе

Выберите для небольшой каёмки шириной в 3 пиксела понравившийся стиль. Для этого снова зайдите в палитру "Стили" и выберите нужный. В этом примере применён стиль каёмки Chiseled sky, т.к. он сочетается с цветом кнопки.Как нарисовать кнопку в Фотошопе

Получилась такая вот кнопка. По желанию, вы можете применить свои стили, которые вам больше нравятся.Как нарисовать кнопку в Фотошопе

Осталось написать текст. Для этого выберите инструмент "Горизонтальный текст" (Т). Выбрать параметры шрифта можно на панели параметров для настроек этого инструмента.Как нарисовать кнопку в Фотошопе

Вот ваша кнопка и готова.Как нарисовать кнопку в Фотошопе


Фотография