[Resolvido] Criar botão com Link
/applications/core/interface/imageproxy/imageproxy.php?img=http://img503.imageshack.us/img503/6351/tutorialph8.png&key=008147bddfd16fe73c97fcf6acf743e1d878e53317d27d5db82e0f73326b3b50" alt="Imagem Postada" />
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).
/applications/core/interface/imageproxy/imageproxy.php?img=http://img103.imageshack.us/img103/9830/corel1ct9.png&key=3051ae56408be710e7217c6635a161dd22946574d85bcc1cc6674173aae11f6e" alt="Imagem Postada" />
****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.
/applications/core/interface/imageproxy/imageproxy.php?img=http://img211.imageshack.us/img211/5495/corel2jt4.png&key=8026df554dbfee7bd8aad3c1ae7150c2c1c61f507c4be4005a77f9f232114099" alt="Imagem Postada" />
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.
/applications/core/interface/imageproxy/imageproxy.php?img=http://img212.imageshack.us/img212/170/corel3uw1.png&key=d6277a847187491cdf96e81b8c1b47bcc1d368233d5f0f39b39bf03e2c13c378" alt="Imagem Postada" />
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).
/applications/core/interface/imageproxy/imageproxy.php?img=http://img406.imageshack.us/img406/1680/corel4dm0.png&key=a827a911c9ff90eebec0fb37949770225c5b93ffa896861e6fe968cce98c6f61" alt="Imagem Postada" />
****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.
/applications/core/interface/imageproxy/imageproxy.php?img=http://img252.imageshack.us/img252/9133/flash5mj5.png&key=be3fe5ffbee6bc9838398e6e448da0e425ceec8dfb9675f9fc338a94d935140a" alt="Imagem Postada" />
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.
/applications/core/interface/imageproxy/imageproxy.php?img=http://img128.imageshack.us/img128/6548/flash6qa8.png&key=980e82db03b4ecd879107212e59cc2276aa94641d7128f0d21125802643f0108" alt="Imagem Postada" />
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.
/applications/core/interface/imageproxy/imageproxy.php?img=http://img294.imageshack.us/img294/924/flash7ra6.png&key=0068a7af9dec675d9845a03d523d82fddc3d013def840f8c2f3b697cb772a3a0" alt="Imagem Postada" />
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.
/applications/core/interface/imageproxy/imageproxy.php?img=http://img96.imageshack.us/img96/2941/flash8hc0.png&key=b176fa9bd2ab0eb73ca4f3c886ec0c9e4f10bb16daacfffb3bfc7f3fb820f5c2" alt="Imagem Postada" />
****Animar botão:
****
1 – Clicamos duas vezes no botão e a Linha de Tempo (Time Line) deixará de ficar assim
/applications/core/interface/imageproxy/imageproxy.php?img=http://img512.imageshack.us/img512/3672/flash9gd6.png&key=2fd2355f7097ef60ccadc9f984ea640579190ef48051d780e94748edef131feb" alt="Imagem Postada" />
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.
Discussão (0)
Carregando comentários...