| |
изменяется и эффект.
Фгьмт JS@1O: «Живые» кнопки
Вы, вероятно, помните, что в одном из опытов первой главы, на второй
Web-странице
нашего сайта, в файле spisok.html мы создали форму для отправки сообщения. В
этой
форме автоматически была сгенерирована кнопка Отправить. Для кнопки также
автоматически
был создан анимационный эффект нажатия.
В дальнейшем на своих Web-страницах вы будете использовать разнообразные кнопки
для самых различных целей с любыми анимационными эффектами. Посмотрим, как
создаются
такие кнопки. Для иллюстрации процесса создания и «оживления» графической
кнопки превратим ссылку На первую страницу из файла spisok.html в кнопку,
которая
становится рельефной при установке на ней указателя мыши и имитирует нажатое
состояние,
когда нажимается левая кнопка мыши. Изображение кнопки подготовим в программе
Adobe ImageReady, чтобы ближе познакомиться с ее особенностями и отличиями
от Adobe Photoshop.
> В программе Adobe Photoshop нажмите кнопку - Edit in ImageReady
(Shift+Ctrl+M) (Редактировать в ImageReady (Shift+Ctrl+M)). Будет запущена
программа
Adobe ImageReady, и на экране появится ее рабочее окно.
Изготовление кнопки начнем с создания нового документа размером 250x100
пикселов
и прозрачным фоном.
> Выберите команду меню File • New (Файл • Новый)- На экране появится диалог
New
Document (Новый документ) (Рис. 4.68).
е: |UnlMed-l
Image Ste
: [custom
Sffldth: 1539 | pixels
115 | pixels
Contents of Hrst layer
©wtxte
О BackgrCKjnci Color
О transparent
Рис. 4.68. Диалог New Document (Новый документ) в Adobe ImageReady
Этот диалог несколько отличается от аналогичного диалога Adobe Photoshop. В нем
отсутствует возможность выбора цветового режима документа. Все новые документы
в Adobe ImageReady создаются в цветовом режиме RGB.
> В полях ввода со счетчиками Width (Ширина) и Heigh
|
|