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 Intermédios

Ficha Técnica
Autor: Flash Web Training
Versão: Flash MX
Dificuldade: Intermédio
Data de Publicação: 23/11/2003


Introdução

Pretendemos com este tutorial, que vocês aprendam a trabalhar no Flash com a criação e uso de múltiplas máscaras ao mesmo tempo. Esperamos que este tutorial vos permita ter alguma aplicação futura nos vossos trabalhos.

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

Primeiro passo:

Comecemos por aplicar no nosso stage uma imagem ou um gráfico, devendo este ser posto na layer 1. De seguida, deveremos nomear a Layer 1 de Background.

Segundo passo:

Vamos criar uma nova layer e nomeá-la de Circulo 1. De seguida vamos mascarar esta layer. Ora para mascarar uma layer devemos seguir os seguintes passos:

1. Com o botão direito do rato clicar sobre a layer Circulo 1.

2. Seleccionar a opção de Mask. Desta forma já mascaramos a nossa layer.

Terceiro passo:

Neste momento, como podem observar na figura acima exposta, ambas as nossas layers estão trancadas. Isto é o mesmo que dizer que para já, não poderemos trabalhar mais nestas duas layers.

Como tal, vamos destrancar a layer do Circulo 1, e sobre ela desenhar um círculo. Não tem qualquer importância o tipo de cor que o circulo tem.

Quarto passo:

Criou-se neste momento a necessidade de elaborar um Shape Tweening para a layer do circulo. Assim sendo, deveremos seguir os seguintes passos:

1. Adicionem uma Keyframe (F6) na frame 10 e mova o círculo para outro lado qualquer do ecrã, de modo a podermos criar alguma animação.

2. Cliquem sob a frame 1 e depois sob o circulo desenhado. Devem agora dirigir-se ao menu das properties e no loca de Frame escolher a opção de Shape.

3. Cliquem sobre a frame 10 e repitam o efeito de Shape descrito no ponto 2.

Como este quarto passo, está completado o nosso trabalho para elaborar a máscara de uma primeira layer. Todavia, podem incrementar mais frames e efeitos de maneira a elaborar o exercício mais completo, mas para este tutorial, somente esta basta.

Quinto passo:

Vamos criar uma nova layer por de cima da layer feita, de nome Circulo 1. A esta nova layer deveremos chamar de Background 2.

Sexto passo:

Vamos copiar o Background da layer Background e cola-la na frame 1 da nossa nova layer Background 2. Podem copiar e quando estiver para colar, apliquem o Paste In Place de modo a que o background fique exactamente no mesmo local de onde copiaram.

Sétimo passo:

Criem uma nova layer, por de cima da layer Background 2. Esta layer deve ser chamada de Circulo 2.

Oitavo passo:

Sobre a layer Circulo 2, devem clicar com o botão direito do rato e clicar na opção Mask.

Nono passo:

Repitam os passos para a criação de Mask, do Circulo.

Décimo passo:

Se quiserem acrescentar mais movimentos às peças estes serão bem-vindos. Experimentem !

Décimo primeiro passo:

Testem o vosso projecto final ! Espero que tenham conseguido.

 

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.

Bons trabalhos!
Pedro Teixeira
pedro.teixeira@flashwebtraining.com

 
« Anterior   
 
Copyright ©2002-2008 Desenvolvimento de Sites , Serviços de Web Design Todos os direitos reservados