Como criar um botão simples de dois Estados no Fireworks

Um botão de dois estados é o botão padrão do Fireworks. Você cria os gráficos e texto para Estado 1,

que é o que o espectador vê quando a página carrega inicialmente. Em seguida, você modificar os mesmos gráficos para Estado 2, que é o que o usuário vê quando passar o cursor sobre o botão. Os gráficos são diferentes uma oferta inoperante que algo vai acontecer quando o botão é clicado.

Antes de criar qualquer botão no Fireworks, descobrir o que tamanho para fazê-lo. Quando você decide criar um site, você faz algum tipo de planejamento. Seja qual for o método utilizado, você sabe o quanto área que você delegado para navegação.

Se você tem apenas alguns links, você pode usar um menu de navegação horizontal. Se você tem um monte de links, porém, você precisa de um menu vertical. Depois de reunir-se com e criar uma maquete para o seu cliente, você deve saber o título para cada botão. O seu botão deve ser ligeiramente maior do que o maior título. Com tudo o que descobri, você está pronto para criar um botão de dois estados como segue:

1

Escolha Editar-Insert-New Button.

O Editor de botão aparece, com (infelizmente) apenas diretrizes em que para colocar o botão de gráficos. Sua missão, caso decida aceitá-lo, é para preencher o símbolo do botão com uma forma e texto.

2

Escolha a sua ferramenta de desenho de escolha e criar uma forma no documento.

A escolha lógica é a ferramenta Retângulo. Se você estiver criando um botão de forma oval, você pode escolher a ferramenta Retângulo e, em seguida, use o parâmetro Arredondamento no Inspetor de propriedades para arredondar os cantos do retângulo.

3

No Inspetor de propriedades, especifique a largura ea altura do seu botão e quaisquer outros parâmetros, tais como a cor do traço e cor de preenchimento.

A figura mostra um botão em construção.

4

Centralize o botão.

Para centralizar o botão, arraste o botão em direção ao centro do documento até ver uma mira vertical e horizontal aparecer no centro do gráfico.

5

Selecione a ferramenta Texto. No Inspetor de propriedades, especifique os parâmetros para o texto do botão.

Verdana e Arial são boas escolhas para o tipo de letra. Escolha uma cor que está em harmonia com o seu design. O tamanho da fonte depende do tamanho do seu botão.

6

Digite o texto desejado no botão. Selecione o texto e o gráfico de botão e, em seguida, escolha Janela-Align.

O Painel Align aparece.

7

Alinhar o texto ao botão clicando nos ícones desejados.

Na maioria dos casos, você vai querer o texto alinhado ao centro do botão, que você também pode realizar, selecionando o texto com a ferramenta Ponteiro e arrastando-o em direção ao centro do documento até uma mira vertical e horizontal aparecer. No entanto, você pode querer alinhar o texto à esquerda, direita, superior ou inferior da forma. Para alcançar este resultado, use o painel Alinhar.

8

Escolha Select-Selecionar tudo.

Se você é como nós e como atalhos de teclado, pressione Ctrl + A (Windows) ou Apple + A (Mac) em seu lugar. Seleção de tudo faz com que seja fácil de copiar os gráficos e texto para outro estado.

9

Escolha Janela-Membros.

O painel Unidos abre na janela de encaixe Painel.

10

direita; clique (Windows) ou Control + clique (Mac) Estado 1 para exibir o menu contextual e, em seguida, escolha Copiar aos Estados.

A caixa de diálogo Copiar Unidos para se abre. Por padrão, todos os Estados é selecionado.

11

Selecione o botão de opção ao lado do Estado e, em seguida, clique em OK.

Você tem uma cópia carbono da forma e texto em 2 de estado, que é o gráfico que os usuários vêem quando pausar o mouse sobre o botão.

12

Selecione Estado 2 e, em seguida, modificar ou mudar o gráfico que você copiou do Estado 1.

Claro, você poderia ir com uma forma diferente, mas isso não é prático para um botão de menu de navegação convencional. Você modifica o botão, alterando sua cor e / ou o texto. Para um local convencional, mudar a cor do texto.

13

Clique no botão Voltar para retornar à janela principal.

O botão é adicionado ao seu design.

menu