Alpha e Onion Skin
Introdução
Neste tutorial irei tentar dar-vos a 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.
Downloads:
Exemplo - Ficheiro .fla
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.
Bem, sem códigos creio que seja muito mais simples para entenderem. Entao matheus, esse pelo menos tu vai ter que fazer e conseguir tranquilo xD.