Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Не отпуская левую кнопку мыши, выберите из меню строку Rectangle Tool (Инструмент
Отпустите левую кнопку мыши, чтобы закрыть меню. На панели Tools (Инструменты) кнопка Jq] будет заменена на {и} - Rectangle Tool (Инструмент «Прямоугольник») в нажатом состоянии.
Установите указатель мыши так, чтобы справа от символов X и Y в верхней части вкладки Info (Информация) отображались числа -125 и -25 - координаты левой верхней вершины прямоугольника.
Нажмите и удерживайте левую кнопку мыши. ,
Не отпуская левую кнопку мыши, перемещайте мышь. На экране появится синяя прямоугольная рамка, размеры которой будут изменяться при передвижении мыши. .
Когда в полях ввода .W- -и. Н - вкладки. Info ¦ (Информация) ¦ отобразятся числа 250 и 50 -
ширина и высота создаваемого прямоугольника в пикселах, отпустите левую кнопку
мыши. На экране появится желтый прямоугольник, который представляет кнопку в базовом состоянии (Рис. 3.48). * ¦ -
RIe Edit View Select Modify Text Command* FiRart Window Help
Кнопка*
Upstate: the normal state of the button. Usethe drawing and editing tods to create the Upstate of the button, To edit hks or behaviors. First selectthe active area tab,
Import a Butten..
Puc. 3.48. Кнопка в базовом состоянии
Параметры прямоугольника были выбраны так, чтобы размеры кнопки ' совпадали с раз-' мерами окна документа.
Теперь создадим рисунок кнопки, когда над ней находится указатель мыши, но предварительно установим режим просмотра, когда сквозь новый слой просвечивают нижние слои.
>
>
>
f
ГЛАВА 3. Подготовка графики с помощью Macromedia Fireworks MX_
89
> "Если на экране нет панели Frames (Кадр'їі), ^выберите команду меню Window * -frames (Окно * Кадры). На экране появится группа панелей Frames * and 'History
(Кадры и предыстория) с открытой панелью Frames (Кадры) (Рис. 3.49). C-'
> Нажмите кнопку в левом нижнем углу панели Frames (Кадры) и выберите команду Show All Frames (Показать все кадры) из появившегося меню (Рис. 3.50).
rt-'i.-l і., I1Jv'
¦'Л. Vi ¦
Frames 11 Frame і
T
mm-
'у-*іЦ fe.-,K.)i..'f.' No Onion Skinning
Show Next Frame Before and Aftei j V Show All Flautet Custom...
\ v Multi-Fiame Editing
Рис. 3.49. Панель Frames (Кадры)
¦ ;. Рис. 3.50. Меню выбора режима •.'1^1; '.. показа кадров
> Закройте группу панелей Frames and History (Кадры и предыстория), нажав кнопку
в заголовке окна группы.
> Выберите вкладку Over (Над) в окне создания кнопки (Рис. 3.51). ' -^ы&ЖЫ**, ¦
•¦Щп ;:'<•<:•. х. '.'.[Г.ЧгКЧ '''' "-v
3 шшщшт^ИШ¦*>**»»*
гіімтЯтішДті
Fl« ElH Міеи Select ИиЙ» ІМІ ІОШЩІО» Fjltpii tfndon Help
its MX 2UU4 - |Гмпи>а & I(JlJ-;I
і,, Puc. 3.51. Вкладка Over(Had)окна создания кнопки
Вкладка Over (Над) используется для рисования кнопки в состоянии, когда над кнопкой расположен указатель мыши.
Обратите внимание, что на вкладке Over (Над) отображается частично прозрачный желтый прямоугольник, показывающий рисунок кнопки в базовом состоянии.
> 'Ести на экране нет панели Layers (Слои), то выберите команду меню Window,* ,Layers (Окно * Слои). На экране появится панель Layers (Слои) (Рис. 3.25). ,.
• r't
,: 90_Быстро и легко создаем, программируем и раскручиваем Web-сайт ¦
>' Нажмите кнопку Щ\ в нижней части панели Layers (Слои). На панели Layers (Слои) появится строка с именем слоя Layer 2 (Слой 2) и значком Создан новый слой, на ' котором мы будем рисовать кнопку в новом состоянии.
> Нажмите кнопку (д) - Rectangle Tool (Инструмент «Прямоугольник») на панели Tools (Инструменты).
f
> Установите указатель мыши на левом верхнем углу просвечивающегося желтого прямоугольника на вкладке Over (Над). ¦
V
> Нажмите и удерживайте левую кнопку мыши. . '.¦'¦'
> Не отпуская левую кнопку мыши, перемещайте мышь. На экране появится синяя прямоугольная рамка, один из углов которой будет передвигаться вместе с указателем мыши.
> Когда желтый полупрозрачный прямоугольник полностью окажется внутри рамки, отпустите левую кнопку мыши. На вкладке Over (Над) появится непрозрачный желтый прямоугольник.
Вместо того чтобы заново рисовать прямоугольник для нового состояния кнопки, достаточно было в окне документа нажать кнопку Copy Up Graphic (Скопировать рисунок для ' отжатого состояния). Здесь мы просто показали, как можно воспользоваться просвечи- -вающим предыдущим состоянием кнопки рисовании нового рисунка.
Давайте создадим в рисунке скошенные кромки.
> Нажмите кнопку И рядом с надписью Effects (Эффекты) на панели Properties (Свойства) (Рис. 3.30). На экране появится меню выбора эффектов (Рис. 3.31).
Выберите команду меню Bevel and Emboss * Inner Bevel (Скос и рельеф Скос
внутри) в списке эффектов. На экране появится диалог для настройки кромок ¦ (Рис. 3.32)..
В первом сверху открывающемся списке выберите строку Flat чтобы
кромки формировались плоскими.
В поле ввода справа от значка введите ширину кромок пикселов.
