Как сделать очень стильную кнопку! - Школа Photoshop
Как сделать кнопку для сайта? Как сделать кнопку в фотошопе?

Как сделать очень стильную кнопку!

02.07.2007Категория урока: Кнопки и Иконки

Этот урок расскажет Вам, как сделать стильную веб-кнопку! Вперед!

Как в фотошопе сделать кнопки?

Заполните фон документа цветом #D0D8AF. Выберите инструмент Rounded Rectangle (Скругленный прямоугольник) и нарисуйте фигуру с радиусом угла, равным 4 пикселям. Цвет, который будет иметь эта фигура, не имеет значения, т.к. мы все равно изменим его в дальнейшем.

Сделать кнопку в фотошопе

Примените к фигуре следующие стили слоя:

Как сделать кнопку в фотошопе?

Как сделать кнопку в фотошоп?

Затем нарисуйте на новом слое выше уже существующей фигуры еще одну такую же, цветом #80A00F:

Как сделать кнопку для сайта?

Нажмите на доп. клавиатуре клавишу «-» (знак минуса) и нарисуйте большой скругленный прямоугольник, как показано на рисунке:

Как сделать кнопку в фотошопе?

Этим самым мы удалили часть фигуры (также эту часть можно было выделить и нажать клавишу Delete).

Стильная кнопка фотошоп

Слейте два слоя (Ctrl+E). Зажав клавишу CTRL, кликните по иконке слоя в палитре слоев. Отправляйтесь в Select > Modify > Contract и вводите 1px. Затем нажимайте Shift+Ctrl+I, чтобы инвертировать выделение. Наконец, удерживая клавиши Shift+Ctrl+Alt, кликните по иконке слоя в палитре слоев. Создайте такой градиент (клавиша G и двойной щелчок вверху на полоске цвета в панели опций инструмента):

Как сделать кнопки в фотошопе?

Оставляя активным выделение, создайте новый слой и заполните выделение созданным градиентом:

Как сделать кнопку в фотошопе?

Добавьте текст и наша кнопка готова к тому, чтобы по ней кликнули Сделать кнопку в фотошопе

Как сделать кнопку в фотошопе?

Источник: http://www.yourphotoshopguide.com/index.php?action=showtutorial&tutid=77




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



7 комментария(-ев) к уроку “Как сделать очень стильную кнопку!”

  1. Ваш сайт просто обалдеть спасибо и очень благодарен.

    Сергей

  2. Спасибо за комментарий!

    Для Вас стараемся :cool:

    Всеволод Козлов

  3. Согласен с Сергеем, Респект! Насчет стильной кнопки это Вы загнули конечно :wink:

    Максим

  4. Зацените мой сайт
    http://www.all-for-mobill.ucoz.ru/

    XXx

  5. Прикольнинько Но пожалуй на свой сайтик http://fun.vulva4.com/Прийдеться рисовать самому

    wmops

  6. Хороший урок! Спасибо! Вот может еще кому пригодиться, мне помогло во многом — бесплатный онлайн сервис по созданию кнопок: кнопки для сайта

    Антон

  7. Большое спасибо, все просто и понятно, а главное, результат радует )))

    Светлана

Прокомментировать урок

 


Rambler's Top100