[Resolvido] Criar botão com Link

[Farroba 0]

Olá Malta. Vou aqui apresentar um tutorial de como fazer no Flash, um botão com link para Internet. Bom nós vamos trabalhar no Flash mas eu comecei por fazer o desenho do botão no Corel, porque acho que se torna mais fácil.
Vamos lá então.

Começamos por abrir o Corel (óbvio não é!? Ahaha).

Criar circulo:

1 – Vamos configurar o palco em quadrado como na imagem acima (a dimensão não é importante).

2 – Agora faremos um circulo no tamanho do palco e vamos duplicá-lo, mas menor, pega na alça do canto e move para dentro com a tecla Shift pressionada, carrega na tecla + (mais), ou no botão direito do rato. Tá duplicado.

Aplicar gradiente:

1 – Seleccionamos o circulo externo, pressionamos a tecla F11 e configuramos o gradiente;
• No tipo Linear em Mistura de Cores seleccionamos a opção Personalizada (1).
• Nas pontas de Mistura de Cores colocamos a mesma cor (2).
• No meio criamos outro ponto (3) e colocamos uma cor clara e pomos a Posição 50 % (4).
• Em Opções o Ângulo fica em 90% (5), e em Transição eu deixei a 0% mas isso fica ao gosta de cada um.
Nota: Convêm retirar o contorno do círculo.

2 - Seleccionamos o circulo interno, vamos de novo a gradiente;
• O Tipo é também Linear, o Ângulo 90%.
• Em Transição pus 5 transições.
• Em Mistura de Cores, utilizamos Duas Cores.
Nota: Na cor mais escura eu utilizei um cinza em vez do preto para destacar do aro (primeiro circulo).

Guardar o Ficheiro:

Como devem calcular o ficheiro não será salvo, mas sim exportado.

Vamos então a Arquivo, Exportar, damos um nome ao ficheiro, e exportamos para um determinado Directório com o formato SWF – Macromedia Flash, e pronto, esta parte já está, vamos agora ao Flash, para isso teremos de o abrir, não é?

Configurar Flash:

1 – Criamos um novo documento em branco.
2 – Importamos o nosso botão, Arquivo, Importar, ou Ctrl+R.
3 – Com a Ferramenta Seta (V) seleccionamos o botão para nos dar a informação do seu tamanho.

4 – Configurar o palco no mesmo tamanho do botão.
Nota: Convêm acrescentar mais 2 ou 3 pixeis, na altura e largura, em relação ao botão, para que este não saia fora do palco.

5 – Alinhar o botão no palco. Seleccionar e agrupar o botão, premir Ctrl+K, No Palco (1), Horizontal (2) e Vertical (3), desagrupar o botão.

O Rapaz agora já está no sitio certo vamos começar a trabalhá-lo.

O Botão:

1 – Seleccionar o circulo interno, que será na verdade o botão (já se sabe como seleccionar o rapaz).
2 – Converter para Símbolo, em Inserir/Converter em Símbolo ou premir a tecla F8, dar-lhe um nome e em Comportamento clicar na opção Botão, tá convertido e guardado na nossa Biblioteca. Vamos agora dar-lhe vida.

Animar botão:

1 – Clicamos duas vezes no botão e a Linha de Tempo (Time Line) deixará de ficar assim

Para ficar assim. E o que temos aqui?

http://img251.imageshack.us/img251/5994/flash10si9.png

• Para Cima; é o nós vemos no visualizador.
• Sobre; é o que se vê quando passamos com o rato por cima.
• Para Baixo; é o inverso (não iremos agora utilizar).
• Área; isto é muito importante, e iremos criar aqui também um Quadro-chave pois é o que define a área do projecto. Vamos já aprender a fazer essa operação.
2 – Então vamos criar um quadro-chave em Sobre, clicando com o botão direito do rato e Inserir/Quadros-chave ou seleccionar Sobre e premir F6.
3 – Vamos rodar o botão indo a Modificar/Transformar/Inverter Verticalmente, e o botão está animado. Para visualizar prime Ctrl+Enter.

http://img338.imageshack.us/img338/5720/flash11sg0.png

Acções:

1 – Premir Cena, seleccionar o botão e clicar em Acções.

http://img261.imageshack.us/img261/9602/flash12zu4.png

http://img214.imageshack.us/img214/8650/flash13on8.png

2 – Ciclamos em Controle do filme (1), clicamos duas vezes em On (2) ou arrastamos para a Janela de Script (3) e como nós queremos que o nosso botão abre o link (site) clicando com o rato, vamos por o visto na opção Pressionar (4).

http://img409.imageshack.us/img409/9020/flash14ol5.png

3 – Vamos inserir o URL, clicamos em Navegador/Rede, clicamos duas vezes em GetURL ou arrastamos para a Janela de Script, escrevemos o site que pretendermos em URL (não esquecendo de, http://), em Janela vamos pôr Blank para que a página abra numa nova janela, e em Variáveis não vamos mexer.

http://img249.imageshack.us/img249/5690/flash15co7.png

Podemos experimentar de novo, Ctrl+Enter e There it is.

Vê Aqui

Se quiseres o Tutorial tá Aqui

Espero que isto esteja entendível e que sirva para alguma coisa.

Beijinhos para elas, abraços para eles e até uma próxima.

http://img465.imageshack.us/img465/1283/assinaturadm0.png