Итак, мы уже научились делать аватары и юзербары. Давайте немного поговорим о кнопочках, ведь они - неотъемлемая часть любого сайта, форума или чата =)

Ну что ж, приступим.

1) Открываем Фотошоп (это уже умеем делать, надеюсь [реклама вместо картинки])

2) Создаём новый файл размером 100 на 39 пикселей. Лучше всего делать кнопочки на каком то фоне (если вы делаете их для какого то форума, то фоном послужит цвет фона форума. Его легко узнать, используя принт скрин и пипетку в фотошопе). Сейчас я буду создавать кнопочку для данного форума, поэтому цвет фона будет f0f0f0 (это код цвета, его можно посмотреть тут):
http://radikal.ru/F/i021.radikal.ru/0801/98/1da7838b030a.jpg
3) Заливаем основной слой (он у нас один в данный момент) выбранным вами цветом. Я выбрала всё тот же f0f0f0 =)

4) Создаём новый слой и инструментом "Прямоугольник со скруглёнными углами"http://i033.radikal.ru/0801/35/f3e50e3dbc5d.jpgрисуем следующее:http://i009.radikal.ru/0801/b1/49b288a2e280.jpg
5) Затем заходим в Слой/Layer - Стиль Слоя/Layer Style - Параметры Наложения/Blending Options и выставляем там следующие настройки:
http://radikal.ru/F/i025.radikal.ru/0801/a1/3aae77d2d2df.jpg
http://radikal.ru/F/i035.radikal.ru/0801/7a/c099d75de1bc.jpg
http://radikal.ru/F/i007.radikal.ru/0801/bb/3bf3f9c5ad6d.jpg
* - для того, чтобы получить многоцветный градиент, просто добавьте несколько новых точек простым нажатием мыши по его полосе, вот тут:
http://i045.radikal.ru/0801/21/7c16d4030e76.jpg
В результате у нас должно получиться следующее:
http://i035.radikal.ru/0801/6d/8bca7fd9b859.jpg
6) Создаём новый слой, перетаскиваем его под тот, с которым мы работали в предыдущем шаге.
http://i025.radikal.ru/0801/57/8dddc397ebff.jpg
Далее идём в Параметры Наложения (Слой/Layer - Стиль Слоя/Layer Style - Параметры Наложения/Blending Options) и делаем следующие настройки:
http://radikal.ru/F/i013.radikal.ru/0801/0e/3bca52567d2a.jpg
http://radikal.ru/F/i022.radikal.ru/0801/76/8b5af3215e41.jpg
На данном этапе наша кнопопка выглядит так:
http://i011.radikal.ru/0801/48/2c7e1ce15fc6.jpg
7) Создаём новый слой, и рисуем следующее:
http://i037.radikal.ru/0801/e3/e195f3846971.jpg
Берём инструмент "Прямоугольное выделение"http://i002.radikal.ru/0801/bd/acb1f33dccc3.jpgи выделяем вот так:
http://i006.radikal.ru/0801/4a/d5a82b49370c.jpg
И вырезаем выделенную часть =)
http://i038.radikal.ru/0801/bd/0471369e9b56.jpg
Опять идём в Параметры Наложения и выставляем следующие настройки:
http://radikal.ru/F/i044.radikal.ru/0801/40/781235c4b7ba.jpg
http://radikal.ru/F/i003.radikal.ru/0801/41/67b52b54861e.jpg
Чтож, кнопочка почти готова и выглядит так:
http://i016.radikal.ru/0801/11/5055a4be9b1d.jpg
8) Создаём новый слой, и помещаем его под предыдущий =) Рисуем следующее:
http://i014.radikal.ru/0801/a8/1b90f4a0ba4a.jpg
И опять всё те же Параметры Наложения:
http://radikal.ru/F/i042.radikal.ru/0801/95/64d30c518c7f.jpg
http://radikal.ru/F/i012.radikal.ru/0801/09/0c3ea389969e.jpg
Всё, кнопочка готова. Дальше - Ваша Фантазия, Надписи и Всё прочее наносите по своему желанию. Да, кстати, цвет кнопочки меняется очень просто, изменением градиента с зелёных цветов на вам необходимый =)

Вот, результат урока:
http://i015.radikal.ru/0801/1b/75ea5c927786.gif

Примерчики:
[реклама вместо картинки]
http://ljplus.ru/img3/i/m/imag1ne/_button.gif
http://demiart.ru/forum/uploads/post-26546-1174582990.jpg
http://demiart.ru/forum/uploads/post-33149-1178187918.jpg
http://i005.radikal.ru/0801/0d/39509e0620c6.gif