карта сайта домой создание кнопок элементы кнопок коллекция скрипты ссылки e-mail гостевая книга

Круглая анимированная кнопка

Создайте круговое выделение (эллиптическое + Shift) и заполните его круговым градиентом от светлого к темному.
Дальше сожмем выделение на 5-6 пикселов (ВЫДЕЛИТЬ/МОДИФИЦИРОВАТЬ/СЖАТЬ), размажем выделение пером с установкой в 2-3 пиксела и перевернем выделенную область на 180о, для этого выберем в меню ПРАВКА/ТРАНСФОРМ/ПОВОРОТ НА 180о .
Напишем на кнопке текст или нарисуем картинку.
Теперь в новом слое обведем кнопку темным цветом (ПРАВКА/ШТРИХ с установками 1 пиксел снаружи), предварительно выделив ее.
Придадим слою с текстом рельефность (СЛОЙ/ЭФФЕКТЫ/РЕЛЬЕФНОСТЬ/ВНУТРЕННЯЯ ГРАНИЦА). Первая из двух кнопок готова.
Теперь создадим ее пару - нажатую кнопку. Для этого загрузите выделение кнопки, нажав при нажатом Ctrl на слой с ней. Создайте новый слой и заполните его черным с прозрачностью от 10 до 30 %, в зависимости от того, насколько кнопка светлая.
Теперь обратите выделение, сдвиньте его вниз и вправо на 4-5 пикселов и залейте черным с прозрачностью 50-80%.
Еще раз загрузите выделение кнопки, обратите его и нажмите Del. У Вас должна получиться вот такая темная кнопка с темно-серым полумесяцем.
Если полумесяц слишком сильно выделяется на светлой кнопке, то немного размажьте его "пальцем".
Если Вы еще не придали тексту на кнопке рельефность, то самое время это сделать. Неплохо бы еще и сдвинуть слой с текстом на 1 пиксел вниз и вправо.
Ну а теперь сохраните нажатую и отжатую кнопки в разных файлах и используйте в подходящем скрипте.

Кстати, подходящий скрипт можно найти в главе "нажимающаяся кнопка".

вытянутая анимированная кнопкав начало страницышарик



Hosted by uCoz