На днях я получила письмо от читателя с просьбой перевести урок в Photoshop Blue Circle Button Tutorial. Я посмотрела и меня этот урок заинтересовал. Такая вот кнопочка в стиле web 2.0 Так что сегодня этот урок я делаю специально  для читателя моего блога - Максима :-)

Кстати, вы, всегда, можете предложить мне тему для публикации, если меня она заинтересует, то обязательно появится здесь! Итак, приступим.

1. Создадим новый документ размером 150×150 pixel с белым фоном. Нарисуем круг инструментом Marquee Tool , удерживая Shift. Создадим новый слой на панеле слоев и зальем круг черным цветом. 

2. В оригинальном уроке используются уже готовые градиенты web 2.0, которые можно скачать у создателя, а также у меня: скачать web 2.0 градиенты. (6.63 Kb)

Установка: Edit > Present Manager > Выбираем Gradients > Load...

3. Сейчас займемся Layer Styles. Установите параметры как на картинках:

4. Вот, что у нас получилось

5. Выделим слой с кругом кликнув по нему в панели слоев удерживая Ctrl. Создаем новый слой и зальем выделенную часть белым цветом.

6. Идем в Select > Modify > Contract. Круг стал меньше.

7. Теперь опустим выделение как показано на рисунке:

8. Нажмем на Del, а затем слою установим Opacity 50%.

9. Получилось вот так:

10.Теперь стандартным инструментом Shapes нарисуем вот такую загогулину:

11. Щелкнем по слою с загогулиной и Rasterize Layer

12. Кликнем по слою с кругом удерживая CTRL, чтобы выделить его. Затем идем Select > Inverse. И удалим ненужную загогулину.

13. На панели слоев установим Blend Mode - Overlay и Opacity - 40%. Итоговое изображение:

14. Ну и напоследок нарисуем рамочку, используя опять Shapes.

15. Теперь добавим Stroke в Blending Options.

16. Я также поменяла Opacity этого слоя на 60%. Добавив на кнопку свою надпись получаем финальный результат!

Поиграв с расцветкой градиента можно получить любой результат:

Постовой:  10 красивых рукописных шрифтов, которые вы можете использовать в оформлении кнопок!