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 Básicos

Ficha Técnica
Autor: Flash Web Training
Versão: Flash MX
Dificuldade: Básico
Data de Publicação: 15/11/2003

Introdução

Neste tutorial vamos tentar dar-vos s conhecer como usar de um modo simples duas das ferramentas do Flash. O Alpha e a Onion Skin. Estas são duas ferramentas bastante usadas em alguns sites feitos em Flash, por exemplo em animações de texto, como a que iremos fazer de seguida.

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

1. Comecemos por criar um novo filme, não importando as dimensões. Podem ser as pré-definidas pelo próprio Flash, ou seja, os 400x550.

2. Vamos escrever um texto que queiramos utilizar no nosso filme (pode ser aplicado qualquer outro tipo de objecto ou texto nesta animação). Escolhemos para esta animação, escrever o texto de Flash Web Training.

3. Após termos inserido o nosso texto, vamos ter de o converter para um Movie Clip. Clicando sobre o texto inserido, vamos ao Menu de Inser e de seguida escolher a sub-opção de Convert to Symbol. Deveremos dar o nome de text, e escolher a opção de Movie Clip.

4. Surge agora a necessidade de começar a criar a animação propriamente dita. Para tal com o botão direito do rato, sobre o texto escrito, vamos escolher a opção de Edit In Place.

5. Na vossa layer que está dentro do Movie Clip, devem ver lá escrito a dizer Layer 1. Vamos então mudar esse nome para Texto em Movimento. De seguida, da mesma forma que actuamos para criar o Movie Clip, vamos criar o nosso gráfico. Assim sendo, com o botão direito do rato, por cima do texto, vamos ao menu de Insert, e escolher a sub-opção de Convert to Symbol. Deveremos nomear a nossa conversão de Texto Sobreposto e colocar na opção de Graphic.

6. Criemos uma nova layer, renomeando essa mesma layer criada para Texto Estatico. Sobre a layer anterior, vamos copiar o nosso texto escrito, e colá-lo sobre a nossa nova layer. Para tal sobre o texto escrito, vamos com o botão direito do rato escolher a opção de copy e de seguida, sobre a nossa nova layer, clicamos uma vez mais com o botão direito do rato, e escolhemos a sub-opção de Paste In Place.

7. Sobre ambas as frames 20, das duas layers, vamos criar uma keyframe. Após terem criado vamos prosseguir para a animação propriamente dita.

8. Na layer Texto Estático, vamos clicar na frame 20. Clicando uma vez mais sobre o texto, vamos ao nosso painel de Properties, e na opção de color, vamos escolher a opção de Alpha. Após termos escolhido, vamos descer essa nossa barra de Opacity, para os 0%.

9. Na layer Texto em Movimento, vamos clicar na timeline sobre essa mesma layer e com o botão direito do rato, escolher a sub-opção de Create Motion Tween.

 
Web-Design
Criação de Sites
Alojamentos
Manutenções
Lojas Online
Pesquisa

   

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