Как создать кнопку в стиле Apple Mac - Школа Photoshop
Кнопки apple фотошоп Photoshop apple button

Как создать кнопку в стиле Apple Mac

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

Учимся создавать MAC-кнопку!

Кнопки с стиле apple

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

На новом слое создайте скругленный прямоугольник с радиусом углов 12px

Photoshop надпись в стиле applle

Добавьте следующие стили:

Gradient Overlay: #e6e9e2 to #ffffff
Создаем кнопку Photoshop

Stroke цветом #b7b7b7
Кнопки apple Photoshop

У Вас должно получиться что-то вроде этого:

Кнопки в стиле apple

Зажав CTRL, кликните на иконке слоя в палитре слоев, чтобы выделить его содержимое. Затем Select > Modify > Contract и вводите 1px. Заполните выделение любым цветом, а затем нажмите CTRL+D, чтобы снять его.

Уроки Photoshop mac

Измените параметр Fill для этого слоя (находится ниже параметра Opacity в палитре слоев) до 0%

Как зделать apple в фотошопе?

Добавьте белый контур (стиль Stroke) с прозрачностью 50%

Кнопки в стиле apple

Останется только добавить текст (я использовал шрифт Segoe, 11pt, #7a7a7a)

Создаем кнопки Photoshop

Готово! Apple mac школы

Источник: Mac Style Web Button






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

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



11 комментария(-ев) к уроку “Как создать кнопку в стиле Apple Mac”

  1. класс, ребята. мне понравилось :mrgreen:

    ASh
    Сентябрь 14th, 2007

  2. Спасибо, ASh! Рады, что Вам понравился урок! ;)

    Кирилл Гурбанов
    Сентябрь 14th, 2007

  3. Симпатично.
    Можно еще текст обвести по контуру белым цветом в один, шириной пиксель (Stroke), чтобы края текста были более чёткими…

    Petruxa
    Сентябрь 20th, 2007

  4. отлично! просто! не выпендрежно) как раз то что мне было нужно… Petruxa кстати выделение уродует кнопочку :roll:

    IgR0]{_444
    Октябрь 8th, 2007

  5. круто, только помоему в уроке не указано что заполнять выделение после чего устанавливать параметры fill=0 необходимо на совершенно новом слое, иначе получается каша..

    Esc
    Январь 6th, 2008

  6. Идиоты :!:
    Анимированую кнопку со своей картинкой как сделать :?:

    Король Лич
    Июнь 10th, 2009

  7. пиздец, АФФТАР мудаг
    Я Е*У как создать круглый прямоугольник!?

    ХУЙ
    Август 13th, 2010

  8. Аффтар не мудак. Хороший урок.
    А тот кто не знает как создать круглый прямоугольник, пусть почитает книжку «Photoshop для чайников». ;-)

    cyberexpert
    Февраль 6th, 2011

  9. кнопка и в самом деле симпатичная! делала её для сайта, смотриться очень аккуратно! советую еще с текстом поработать также в этих настройках сделать его выпуклым с тенями! смотриться здорово!

    Жанна
    Март 21st, 2011

  10. и да контур у кнопки лучше убрать! тогда будет самое то!

    Жанна
    Март 21st, 2011

  11. Спасибо за урок, очень понравился, и просто и понятно :razz: :razz:

    alex
    Январь 1st, 2012

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

 


Rambler's Top100