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