1) Открываем Фотошоп

2) Создаём новый файл размером 100 на 39 пикселей. Лучше всего делать кнопочки на каком то фоне (если вы делаете их для какого то форума, то фоном послужит цвет фона форума. Его легко узнать, используя принт скрин и пипетку в фотошопе). Сейчас буем создавать кнопочку форума, поэтому цвет фона будет f0f0f0 (это код цвета, его можно посмотреть тут):

3) Заливаем основной слой (он у нас один в данный момент) выбранным вами цветом. Я выбрал всё тот же f0f0f0 =)

4) Создаём новый слой и инструментом "Прямоугольник со скруглёнными углами" рисуем следующее:

5) Затем заходим в Слой/Layer - Стиль Слоя/Layer Style - Параметры Наложения/Blending Options и выставляем там следующие настройки:

* - для того, чтобы получить многоцветный градиент, просто добавьте несколько новых точек простым нажатием мыши по его полосе, вот тут:

В результате у нас должно получиться следующее:

6) Создаём новый слой, перетаскиваем его под тот, с которым мы работали в предыдущем шаге.

Далее идём в Параметры Наложения (Слой/Layer - Стиль Слоя/Layer Style - Параметры Наложения/Blending Options) и делаем следующие настройки:

На данном этапе наша кнопопка выглядит так:

7) Создаём новый слой, и рисуем следующее:

Берём инструмент "Прямоугольное выделение" и выделяем вот так:

И вырезаем выделенную часть =)

Опять идём в Параметры Наложения и выставляем следующие настройки:

Чтож, кнопочка почти готова и выглядит так:

8) Создаём новый слой, и помещаем его под предыдущий =) Рисуем следующее:
/img]http://i014.radikal.ru/0801/a8/1b90f4a0ba4a.jpg[/img]

И опять всё те же Параметры Наложения:

Всё, кнопочка готова. Дальше - Ваша Фантазия, Надписи и Всё прочее наносите по своему желанию. Да, кстати, цвет кнопочки меняется очень просто, изменением градиента с зелёных цветов на вам необходимый =)

Вот, результат урока:

© Красотка

Отредактировано Учиха Вован (2008-08-26 01:13:44)