Профессиональные большие кнопки с отливом - Школа Photoshop
Кнопки профессиональные Юольшие кнопки для сайта

Профессиональные большие кнопки с отливом

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

Украсят любой сайт =)

Большие кнопки на сайте

Приблизительное время выполнения: 5 минут

Создайте новый документ 400х340рх

Сайты с большими кнопками

Инструментом Rectangular Marquee выделите область 140х140рх

Большая кнопка для сайта

Большие кнопки на сайте

Заполните ее на новом слое РАДИАЛЬНЫМ градиентом цветом на Ваш вкус

Красивая большая кнопка в фотошопе

Примените к слою стиль Stroke подходящего цвета (я выбрал белый)

Большая кнопка для сайта

CTRL+клик на иконке слоя, чтобы выделить его содержимое

Большие кнопки на сайте

Select>Modify>Contract 4px

Красивая большая кнопка в фотошопе

Инсутрментом Gradient (white to transparent = от белого к прозрачному)

Большая кнопка для сайта

Проведите сверху вниз

Большая кнопка на сайте

Инструментом Pen начертите подобный контур

Красивая большая кнопка в фотошопе

Правый клик по контуру и Make Selection

Большая кнопка для сайта

Создайте новый слой и залейте выделение градиентом опять от белого к прозрачному

Большие кнопки для сайта

Измените режим смешивания для этого слоя на Soft Light

Кнопки с отливом в фотошопе

Я добавил полупрозрачную иконку на кнопку, чтобы она не выглядела пустой.

Юольшие кнопки для сайта

Пишем текст (можно добавить тень по желанию)

Большие кнопки для сайта

Готово! Кнопки профессиональные

Юольшие кнопки для сайта

Источник: http://www.photoshopstar.com/graphics/professional-glossy-buttons/




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

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



8 комментария(-ев) к уроку “Профессиональные большие кнопки с отливом”

  1. Просто и красиво! :grin:

    Аниматор

  2. Да прикольно.

    kudrik

  3. Очень полезный урок, давно искал. Спасибо. :!:

    Антифаил

  4. ну слово отлив тут кстати

    zi

  5. Хороший, нужный урок!
    Сейчас кинусь его повторять, вот хоть ты тресни, не получалось раньше, такого эффекта. У вас очень реалистично, а у меня всегда такие вещи выглядели несколько синтетическими или вообще непохожими на оригиналы с других уроков.
    Спасибо.

    milana

  6. Спасибо, пригодилось!

    KakTyc

  7. автору пламенный привет!
    Не за то что этот урок слишком хорош, а за постоянство и веру в то, что ваш блог нужен многим пользователям.
    Так держать.
    P.S. А можно ли воспользоваться вашими некоторыми уроками, и размещать их на своём блоге, со ссылкой на вас, как на автора?

    advtoo

  8. Блин полдня ковырялся а так и не получилось сделать.
    Кто сможет мне помочь?

    Alex

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

 


Rambler's Top100