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

Вытянутая анимированная кнопка

Теперь пример потруднее:

кнопка Допустим, у Вас есть кнопка. Измените размеры холста так, чтобы он был на 6 пикселов в длину и ширину больше самой кнопки.
кнопка в рамке Выделите ее и создайте новый слой. Он должен оказаться ПОД слоем с изображением кнопки. Расширьте выделение на 3 пиксела (ВЫДЕЛИТЬ/МОДИФИЦИРОВАТЬ/ РАСШИРИТЬ) и залейте новый слой линейным градиентом от черного к белому.
кнопка с тенью Продублируйте слой с кнопкой и скройте дубликат (нажмите на глаз в палитре слоев). Наложите на кнопку тень со значениями дистанции и размытия 3.
нажатая кнопка Теперь спрячьте слой с кнопкой и сделайте активным его дубликат. Наложите на него внутреннюю тень и сдвиньте этот слой на 1 пиксел вниз и влево (это удобнее всего сделать клавишами курсора при нажатом Ctrl).
анимированная кнопка Сохраните две последние картинки в разных файлах и используйте их в подходящем скрипте.

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

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



Hosted by uCoz