Профессиональные большие кнопки с отливом - Школа 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