Mac style web button

63 Comments
Web Graphics, Buttons, Web Design

Make a simple Mac style web button in a few steps.

1. Create a rectangle with the Rounded Rectangle Tool using 12px as Radius then click over the layer and Raterize it.

 

2. Now add a Gradient Overlay: #e6e9e2 to #ffffff

Photoshop Tutorials. Mac style web button.

3. Then a Stroke with #b7b7b7 as color

Photoshop Tutorials. Mac style web button.

4. You should have something like this:

Photoshop Tutorials. Mac style web button.

5. Now while pressing Ctrl, click over the thumb of the layer and then go to Select/Modify/Contract and put 1 px. Fill with any color and go to Select/Deselect

Photoshop Tutorials. Mac style web button.

6. Change its fill to 0%.

Photoshop Tutorials. Mac style web button.

7. Add a white Stroke and change the Opacity to 50%

Photoshop Tutorials. Mac style web button.

8. Finally add some text, Segoe 11pt color: #7a7a7a

Photoshop Tutorials. Mac style web button.

Rate Tutorial:

1 Star2 Stars3 Stars4 Stars5 Stars

63 comments on this tutorial

Nice button, i like it :D

Plz add the codes of the colors u used this would be helpful. THNX MAN

Colors added, sorry about that I didn’t realize. Thanks.

I can’t see the images, is it just me?

Colors Please…

привет. Админ, хошь прикол ? :D к тебе на сайт можна заходить через яндекс :)
yandex.ru/redir?url=pscloud.com

Админчег :) У меня к тебе небольшое предложение, хоть и не по теме блога ;) Напиши пожалуйста свой обзор передачи Гордон Кихот. Особенно прошлый выпуск, про Шансон.

Спасибо :) Удачи дружище

С праздничком всех))) Празднуете уже?))

pscloud.com, админ. Кто писал про последнее китайское предупреждение ? Извини. Я надеюсь мы найдем компромисс ? 1. Поставь на блог-комментирование хорошую каптчу. 2. Пошли урлы своих блогов сюда chezanah@gmail.com и ты избавишься от меня. Ещё раз приношу извинения. издержки производства…

good works.

Regards.

Thank you for the informative work.

Regards.

Возьмём на заметку, как говорица ))) А вообще, можно поинтересоваться, сколько вас народу читает на сегодняшний день??? примерно…

Познавательно написанo, на самом деле все читала на одном дыхании :)

Привет, каждый пoпытался это?!?!

Действительно, на самом деле все очень просто :)

Отличные новости, так держать, удачи в будущем.

Стоит ли ждать обновления?.

Могу предложить много инфы по данной теме, нужно?.

Как часто публикуете новости по данной тематике?.

Супер. Спасибо, так давно искал этот материал. Ну просто респектище автору. Никогда не забуду теперь

Все-таки реально нравится мне Ваш блог. Всегда занятно читать, включая и эту тему. :)

Я тоже в блоге про такое пишу, только на тему кино

Хм… По моему мнению в данном сообщении нет никакой логики :)

Так зачитался, что пропустил бы любимую передачу

Автору спасибо, продолжайте нас радовать!

Ага, теперь ясно… А то я не сразу поняла где тут связь с названием…

Почему на блоге так мало тем про кризис, Вас этот вопрос не волнует?

Спасибо, пост действительно толково написан и по делу, есть что почерпнуть.

Почему на блоге так мало тем про кризис, Вас этот вопрос не волнует?

Что-то футер у вас вправо съехал (в опере при разрешении 1024х768)

Что-то футер у вас вправо съехал (в опере при разрешении 1024х768)

Драсте,ТС!!!
Очень понравилась информация. просмотрел посты, то скажу, что сочиняете очень познавательно и выбираете нужные категории информации. Большое Спасибо!!!

Очень интересно. Но чего-то не хватает. Может быть, стоит добавить каких-нибудь картинок или фото?

Вот решил вам немного помочь и послал этот пост в социальные закладки. Очень надеюсь ваш рейтинг возрастет.

Хм, почему-то у меня вместо заголовка блога вопросики…

Уважаемый автор блога, а вы случайно не из Москвы?

Все отлично, но вот у любого блога постоянная проблема с трансляцией rss! Хотелось бы и с коментами получать. Но нет. Это вообще решаемо? :)

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

Навело на ряд идей, щас попробую, отпишусь по результатам.

thank you very much

Весьма тонко подмечено. В чем-то даже себя узнал :)

За такие посты надо награды давать!

решил помочь и разослал пост в соц. закладки. надеюсь поднимется популярность.!!

Жесть просто:) Хорошая статья и картинка в тему, молодцом:)

Даа… Пока это у нас не очень сильно развито, так что придётся чуть подождать.

Да, такой блог однозначно надо раскручивать сильнее - что б как можно больше людей о нем узнали! :)

Добавил в свои закладки. Теперь буду вас намного почаще читать!

В точку! Да и вooбще почти во всем с вами согласен.

Вообще-то, многое из того, что Вы пишете не совсем так… Ну да ладно :)

Действительно интересно, спасибо

Занятно! Все бы так писали :)

Действительно интересно! C КПК немного тяжело читается, но оно того стоит!

Познавательная тема!

Я бы кое-чего добавил, но в общем-то по сути сказано все.

Leave a Reply