PESQUISA: 

 

Fórum de Flash
Fórum de discussão sobre Flash moderados por especialistas.

tutoriais
Os melhores tutoriais de Flash escritos em Português.

open sources
Milhares de "open sources" devidamente catalogadas e classificadas.

jogos
Centenas de viciantes jogos desenvolvidos em Flash.

websites
Selecção dos melhores websites em Flash.

bibliotecas
Bibliotecas de software, componentes, fontes e sons para Flash.

artigos
Artigos técnicos indispensáveis para profissionais em Flash.

Newsletter
Receba todos os dias a newsletter do Flash Web Training com as principais notícias sobre tecnologia e informática.
 
Curso Online
Curso de Flash 5 e MX com acompanhamento de formadores especializados.
 
flash shopping
Online Store com os melhores produtos dedicados ao Flash.
 
conferências
Principais conferências e eventos sobre Internet e Novas Tecnologias.
 
job opportunities
Anúncios de emprego para empresas que procuram profissionais de Flash.
 
suporte técnico
Caso tenha alguma dificuldade, contacte o nosso suporte técnico.

 

 
Homepage Tutoriais Avançados

Ficha Técnica
Autor: Flash Web Training
Versão: Flash MX
Dificuldade: Avançado
Data de Publicação: 14/11/2003


Introdução

Neste tutorial, vamos dar-vos a conhecer como fazer um óptimo efeito gráfico através dos comandos de actionscript. Criar este efeito permite que a criação de um ficheiro seja de tamanho mais reduzido e igualmente mais fácil de alterar e personalizar caso, decidam usar nos vossos projectos.

Ficheiro Swf

Clique com o botão direito do rato sobre o filme para visualizar o menu de opções


Downloads:

Flash Player icon Ficheiro Fla Tutorial em PDF

Prontos? Vamos da início ao nosso tutorial !

1. Vamos dar início a este projecto definindo de início, o layout do project. Para tal, deveremos defini-lo com os seguintes parâmetros:

Stage: 400 x 400
Stage Color: White (#FFFFFF)
Layers: 6 layers (deverão ficar como na imagem)

2. Junto com o ficheiro zip que está no site, encontraram 5 ficheiros de imagens que vamos utilizar no nosso projecto. Isto é claro, que é só uma proposta por nós feita. Podem utilizar as vossas imagens, mas devem ter presente que todas elas deverão ter o tamanho de 400 por 400.

3. Passaremos de seguida a por cada uma das imagens em cada uma das layers criadas no passo 1. Após terem inserido todas as imagens a serem utilizadas, deveremos converte-las todas para movie clip. Para tal cliquem sobre as imagens, uma a uma, e depois carreguem na tecla de F8.

Todas as imagens devem seguir uma sequência lógica de terminação, contendo todas o mesmo nome, mas uma terminação diferente. Por exemplo podem dar o nome de g_image1 ao converter a vossa imagem, mas todas as outras imagens que se seguem, deverão ter o mesmo nome mas o número seguinte. Exemplo g_image1, g_image2, ..., g_image5.

Na instance name, deverá ser dado grafico1 e por ai adiante até grafico5, tendo de ser igual o número de terminação com o número dado com o Movie Clip.

4. Precisamos de começar a criar o nosso efeito. Para tal deveremos clicar com o botão direito do rato sobre a primeira frame da layer Script Layer. Insiram o seguinte código no painel das Actions:

_root.createEmptyMovieClip("script_clip", 0);
script_clip.onLoad = function() {
mosx = 0;
mosy = 0;
};
script_clip.onEnterFrame = function() {
difx = mosx - _root._xmouse;
dify = mosy - _root._ymouse;
mosx -= difx / 8;
mosy -= dify / 8;
_root.graphic1._alpha = (mosx / 4) - (mosy / 4);
_root.graphic2._alpha = 100 - (mosx / 4) - (mosy / 4);
_root.graphic3._alpha = (mosy / 4) - 100 + (mosx / 4);
_root.graphic4._alpha = (mosy / 4) - (mosx / 4);
};

5. E temos o nosso tutorial criado. Podem de seguida testar o vosso projecto, não esquecendo de mover o rato ao longo do ecrã para ver a transição das layers. Para testarem o vosso projecto, deverão pressionar as teclas de Ctrl+Enter.

 
Esperamos que este trabalho vos tenha sido de alguma ajuda para os vossos trabalhos futuros. Se tiveres alguma dúvida ou questão, não hesites em utilizar os nossos Fóruns de Discussão.
 
« Anterior   
 
Copyright ©2002-2008 Desenvolvimento de Sites , Serviços de Web Design Todos os direitos reservados