Ir para conteúdo
Entre para seguir isso  
deda194

Botão No Formato Swf

Recommended Posts

deda194    0
deda194

Criaremos neste tutorial um botão com efeito de sobreposição no formato SWF, dando mais dinamismo à sua Home Page.

 

  • Ao final deste tutorial, você saberá:
  • Criar um botão;
  • Modificar os 3 estágios de um botão;
  • Adicionar som ao botão;
  • Adicionar Link ao botão;
  • Indicar o quadro de destino para a âncora (link);
  • Adicionar comentários ALT;
  • Exportar sua criação no formato SWF.

  1. Abra o CorelDRAW;
  2. Façamos de conta que você criou um botão para sua HP (LEIA: homepage) e deseja criar efeito de sobreposição e adicionar um som.
  3. Clique com o botão direito numa parte vazia das barras de ferramentas para abrir o Menu Contextual (onde não tenha menu, nem ícones):
    internet.jpg
  4. Clique sobre Internet, caso a mesma não esteja sendo visualizada;
  5. Surgirá a Barra Internet:
  6. Usando a Ferramenta Seleção selecione todos os objetos, sem agrupar, como mostra a figura abaixo:
    02.jpg
  7. Clique no botão Cria um efeito de ativação para criar o efeito sobreposição;
    img012.jpg
    • Aparentemente não aconteceu nada, exceto o contorno cinza ao redor do botão.
    • Selecionamos da forma anterior para alterarmos separadamente, se assim desejarmos, cada objeto, por este motivo não usamos o comando agrupar;

[*]Clique no botão Edita o efeito de Sobreposição para editar suas preferências;

img013.jpg

  • Surgirão três guias, referente aos três estados que um botão pode assumir.

[*]Na barra de rolagem horizontal, no canto inferior direito da janela do programa, click, segure e arraste para direita para visualizar as três guias, como mostra a animação abaixo;

gif4.gif

[*]Clique na guia SOBRE e modifique a seu gosto o estado do botão. Mude as cores, o tamanho (livremente, como qualquer outro gráfico existente), escolhi o seguinte;

Quando o mouse estiver sobre o botão, ele assumirá esta aparência.

sobre2.jpg

[*]Com a guia Clicado selecionada, reduza o tamanho do botão;

05.jpg

[*]IMPORTANTE: Neste ponto, para que o campo SOM seja habilitado, é imprescindível que você clique no botão Finaliza o efeito de sobreposição;

[*]Na Barra Internet selecione sobre (Vale lembrar: seu botão deve estar selecionado);

[*]No campo seguinte selecione som;

img019.jpg

[*]No próximo campo selecione o som clicando no ícone da pasta com a setinha, aponte o caminho do arquivo ou digite diretamente, quando o mouse estiver sobre o botão o som será executado;

img020.jpg

[*]Vamos escolher agora o link (antes, certifique-se que a guia clicado esteja selecionada, a menos que sua intenção de "linkar" seja outra, automaticamente ou quando o mouse estiver sobre). Abra o campo Comportamento e selecione URL como mostra a figura abaixo;

09.jpg

[*]Ao clicarmos no campo, surgirá HTTP:// aguardando a digitação do endereço desejado, adicione o endereço do arquivo para o link;

10.jpg

  1. Se a página estiver dividida em frames, abra o campo Quadro do Destino selecione o quadro para a âncora (para _mainframe digite: mainFrame, com o F Maiúsculo);
    12.jpg
  2. Na opção Comentários ALT, digite a frase que deseje como legenda quando o mouse parar sobre a imagem;
    14.jpg
  3. Agora vamos exportar. Clique no menu Arquivo/Publicar na Web/Flash Incorporado em HTML...
  4. Na janela Exportar que surge, dê um nome para seu arquivo, no campo Nome do Arquivo.
    15.jpg
  5. Click em Exportar;
  6. No diálogo Exportar configure com os valores mostrados na figura abaixo:
    img033.jpg
    • Marque a opção Usar comportamento de som;
    • No campo Compactação escolha, por exemplo, Baixo;
    • Em Predefinições selecione SWF Export;
    • Por último, no campo Tamanho da caixa delimitadora selecione Objetos (faça nesta seqüência, pois se você selecionar primeiro o tamanho da caixa delimitadora, quando o campo predefinições for modificado, voltará a opção Página);
    • O som não será executado na janela do programa, apenas no navegador, mesmo quando você estiver usando o modo Visualização ao vivo de efeitos de ativação.

[*]Para finalizar, clique no botão OK:

[*]O navegador abrirá, mostrando à esquerda um painel com informações úteis:

img028.jpg

Compartilhar este post


Link para o post
Compartilhar em outros sites
aron rheret    0
aron rheret

Ajuda.

-APROVADO-

Compartilhar este post


Link para o post
Compartilhar em outros sites

Faça login para comentar

Você vai ser capaz de deixar um comentário após fazer o login



Entrar Agora
Entre para seguir isso  

  • Quem Está Navegando   0 membros estão online

    Nenhum usuário registrado visualizando esta página.

×