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

Простая анимированная кнопка

Для того, чтобы создать простую анимированную кнопку, надо сперва нарисовать любую картинку, которую Вы хотите видеть на месте кнопки.Сделайте дубликат слоя с картинкой (СЛОЙ/ДУБЛИКАТ).
Сделайте его объемным (СЛОЙ/ЭФФЕКТЫ/РЕЛЬЕФНОСТЬ/ВНУТРЕННЯЯ ГРАНИЦА). Обратите внимание, флажок надо поставить в графе ВВЕРХ. Отбросьте от картинки тень (НАЛОЖИТЬ ТЕНЬ из меню ЭФФЕКТЫ)
Оригиналу тоже надо придать объемность, после чего сдвиньте его на несколько пикселов вниз и вправо.
Сохраните эти две картинки в разных файлах и используйте их в подходящем скрипте. Лучше сделать постоянной картинкой кадр с тенью, тогда при наведении мышью кнопка будет опускаться.

Возможен и другой вариант этой кнопки. Второй кадр (рельеф без тени) оставьте без изменения.
Сделайте его дубликат (СЛОЙ/ДУБЛИКАТ), а затем измените угол освещения на противоположный. Для этого щелкните дважды на пиктограмме эффекта в палитре слоев. Перед Вами откроется окно настройки эффектов с Вашими установками. Вам надо только поменять флажок ВВЕРХ на ВНИЗ.
Вот как будет выглядеть Ваша анимированная кнопка.

Для этого вида анимированной нопки тоже надо оставить в качестве первого кадра картинку с рельефом и без тени.
Сделайте дубликат этого слоя. Измените его настройки, как в прошлый раз, только в этом случае надо изменить ВНУТРЕННЮЮ ГРАНИЦУ на ПОДНЯТИЕ ВКЛАДЫША.
В принципе, Вы можете придумывать и свои комбинации эффектов, создавая неповторимые кнопки.

Если у Вас еще нет любимого скрипта, который Вы предпочитаете использовать, читайте главу "нажимающаяся кнопка".

светящаяся анимированная кнопкав начало страницыэллиптическая анимированная кнопка



Hosted by uCoz