Como criar um botão simples com dois estados em fogos de artifício

Um botão de dois estados é o botão de fogos de artifício padrão. 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 tamanho para fazer isso. Quando você decide criar um site, você faz algum tipo de planejamento. Independentemente do método que você usa, você sabe quanto espaço você delegou 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. Seu botão deve ser ligeiramente maior do que o título mais longo. Com tudo o que descobriu, você está pronto para criar um botão de dois estados como segue:

338110.image1.jpg

1Escolha Editar → Inserir → 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, se você decidir aceitá-lo, é para preencher o símbolo do botão com uma forma e texto.

2Escolha 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 em forma de oval, você pode escolher a ferramenta Retângulo e, em seguida, use o parâmetro Arredondamento na Propriedades Inspector para arredondar os cantos do retângulo.

338112.image3.jpg

3No 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.

4Centralize 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.

Video: TUTORIAL - TORTA PIROTÉCNICA RETA CASEIRA - FOGOS DE ARTIFÍCIO

5Selecione 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.

Video: MOSTRANDO MEUS FOGOS DE ARTIFÍCIO PARTE 2

338114.image5.jpg

6Digite o texto desejado no botão. Selecione o texto e o gráfico do botão e, em seguida, escolha Janela → Alinhar



O Painel Align aparece.

7Alinhar 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 para o 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, você usa o painel Alinhar.

8Escolha Select → Selecionar tudo

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

Video: Calopsitas e os fogos de artifícios. O que fazer?

338116.image7.jpg

9Escolha Janela → Unidos

O painel Unidos abre na janela de encaixe Painel.

338118.image9.jpg

10direito; clique (Windows) ou Control + clique (Mac) Estado 1 para exibir o menu contextual e selecione Copiar para Unidos

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

11Selecione 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 estado 2, que é o gráfico que os usuários vêem quando pausar o mouse sobre o botão.

12Selecione 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ê modificar o botão, alterando sua cor e / ou o texto. Para um site convencional, mudar a cor do texto.

Video: Como fazer fogos de artificios no Minecraft 1.5.2 !

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

O botão é adicionado ao seu design.


Publicações relacionadas