Как создать простую двухпозиционную кнопку в фейерверках - манекены

Кнопка с двумя состояниями является кнопкой Fireworks по умолчанию. Вы создаете графику и текст для State 1, , что видит зритель, когда страница загружается первоначально. Затем вы изменяете одну и ту же графику для State 2, , которую пользователь видит при наведении курсора на кнопку. Различные графики - это мертвая распродажа, что что-то произойдет, когда нажимается кнопка.

Прежде чем вы сможете создать любую кнопку в Fireworks, выясните, какой размер ее сделать. Когда вы решите создать веб-сайт, вы планируете какое-то планирование. Какой бы метод вы ни использовали, вы знаете, сколько области вы делегировали для навигации.

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

1Выберите Edit → Insert → New Button.

Появляется редактор кнопок, с (увы) только руководящие принципы, в которых нужно поместить графику кнопки. Ваша миссия, если вы решите принять ее, состоит в том, чтобы заполнить символ кнопки формой и текстом.

2Выберите свой инструмент рисования и создайте фигуру в документе.

Логическим выбором является инструмент Rectangle. Если вы создаете овальную кнопку, вы можете выбрать инструмент Rectangle, а затем использовать параметр Roundness в Property Inspector для округления углов прямоугольника.

3В Инспекторе свойств укажите ширину и высоту вашей кнопки и любые другие параметры, такие как цвет обводки и цвет заливки.

На рисунке показана строящаяся кнопка.

4Нажмите кнопку.

Чтобы центрировать кнопку, перетащите кнопку в центр документа, пока не увидите вертикальное и горизонтальное перекрестие, расположенные в центре графика.

5Выберите инструмент «Текст». В «Инспекторе свойств» укажите параметры для текста кнопки.

Verdana и Arial являются хорошим выбором для лица шрифта. Выберите цвет, гармоничный с вашим дизайном. Размер шрифта зависит от размера вашей кнопки.

6Выберите нужный текст на кнопке. Выберите текст и рисунок кнопки, затем выберите «Окно» → «Выровнять».

Появится панель Align.

7Введите текст на кнопку, щелкнув нужные значки.

В большинстве случаев вы хотите, чтобы текст был выровнен по центру кнопки, что также можно выполнить, выбрав текст с помощью инструмента «Указатель» и перетащив его в центр документа до тех пор, пока не появится вертикальное и горизонтальное перекрестье,Однако вы можете выровнять текст влево, вправо, сверху или снизу формы. Для достижения этого результата вы используете панель «Выровнять».

8Выберите Выбрать → Выбрать все.

Если вы похожи на нас и как сочетания клавиш, просто нажмите Ctrl + A (Windows) или Apple + A (Mac). Выбор всего упрощает копирование графики и текста в другое состояние.

9Выберите окно → Состояния.

Панель «Панель» открывается в докере панели.

10Чтобы щелкнуть (Windows) или Control-click (Mac) State 1, чтобы отобразить контекстное меню, а затем выберите Копировать в Штаты.

Откроется диалоговое окно «Копировать в состояния». По умолчанию выбраны все государства.

11Выберите переключатель «Следующее состояние» и нажмите «ОК».

У вас есть копия формы и текста в State 2, которая является графикой, которую пользователи видят, когда они приостанавливают свою кнопку мыши над кнопкой.

12Выберите «Состояние 2», а затем измените или измените изображение, которое вы скопировали из состояния 1.

Конечно, вы могли бы пойти с другой формой, но это не практично для обычной кнопки меню навигации. Вы изменяете кнопку, изменяя ее цвет и / или текст. Для обычного сайта измените цвет текста.

13Нажмите кнопку «Назад», чтобы вернуться в главное окно.

Кнопка добавлена ​​в ваш дизайн.