[Programação] Criar uma animação básica em flash*

[CR9]

Criar uma animação básica em flash

Decidi criar um pequeno tutorial a explicar como criar uma animação básica em flash, para dar um exemplo vou fazer um pequena frase a dizer 'Criar uma animação básica em flash', esta frase é um exemplo depois fazem como quiserem. O programa que usei foi o Macromedia Flash Professional 8, também podem utilizar Macromedia Flash MX 2004, ou outras versões da Macromedia.

Primeiro:

Abrimos o programa, eu usei o Macromedia Flash 8, se não tiverem podem obtê-lo em www.macromedia.com, sacam a versão trial, visto que é um programa pago.



Como podemos ver na imagem, clicamos em 'Flash Document'

Depois de clicarmos em 'Flash Document', chegamos aqui:



É aqui que vamos fazer a nossa animação em flash.

Segundo:

Nesta animação, vou pôr o fundo de cor preta, para isso temos que escolher a côr. Como podemos vêr aqui:



Eu escolhi preto, mas podemos escolher uma côr qualquer, temos ao dispôr muitas cores. Depois de escolhida a cor vamos pintar o fundo. Apartir de agora começamos a fazer a nossa animação. Para pintarmos o fundo, vamos escolher a ferramenta 'Rectangle Tool', que é mais rápida, como podemos ver aqui:



Fundo preto:



Agora que já chegamos até aqui, já podemos seguir até ao 3º passo.

Terceiro:

Agora vamos começar a escrever o nosso texto.
Como a nossa animação consiste em aparecer uma letra de cada vez, temos que escrever uma letra em cada Frame.



Seleccinamos a primeira Frame, e escrevemos a 1ª letra, que será 'C'. Para escrevermos, seleccionamos o 'Text Tool', que normalmente aparece no menu lateral esquerdo:



Visto que temos o fundo preto, a letra deve ter uma côr que se diferencie, neste caso vou usar azul claro:



Para editarmos a fonte, tamanho ou estilo de letra, vamos a: 'Text' na barra superior:



Agora que já temos tudo como queremos podemos começar a escrever, para escrevermos carregamos em 'Text Tool':



Agora que já escrevemos o 'C' na primeira Frame, teremos que adicionar uma nova Frame.



Depois de adicionada a framme:



Ficamos com 2 Frames na linha de tempo, ou 'Timeline'.

Entre cada Frame vamos deixar o espaço de 5 segundos. Para isso seleccionamos a segunda frame e pomos debaixo do numero '5':



Depois na 2ª Frame escrevemos a 2ª letra, que é o 'R':



E assim sucessivamente, até escrevermos a frase toda.

Suposto resultado final: http://ricardodesignz.up.md/hcp.swf

Tutorial Aprovado

[CR9]

v1 - 11-09-2006 - publicação do tutorial
v2 - 11-09-2006 - pequena edição no tutorial


PS: Para verem o resultado final, copiem o link e abram no vosso browser. Porque não dá para ver clicando directamente.

[Triple]

Boas,

Para mudar a cor de fundo em vez de fazer um rectangulo preto ou de outra cor qualquer basta selecionar a sceen e cá em baixo nas properties mudar a cor para a desejada.
Penso que fazer isso num texto grande n deve dar bom resultado, demorasse muito tempo e fica muito pesado aqui fica uma maneira mais simples.

Criem duas layers, renomeiem a de cima para actions e a de baixo para texto, depois adicionem 3 blankkeyframes á layer actions e na layer texto criem 3 frames com um campo de texto dinamico com as propriadades desejadas, não esqueçer de por nas propriedades do texto no campo Var: a palavra "campo", depois selecionem a primeira keyframe da layer actions e carregem F9, colem isto:

Código: Seleccionar todos

texto = "Escreve o que quiseres!";
tamanho = length(text);
loop = 1;

selecionem a segunda keyframe da layer actions carreguem F9 e colem isto:

Código: Seleccionar todos

loop = loop+1;
campo = substring(texto, 1, loop);

selecionem a terceira keyframe da layer actions, carreguem F9 e colem isto:

Código: Seleccionar todos

if (i>tamanho) {
   stop();
} else {
   gotoAndPlay(2);
}

Depois é só substituir a variavel texto pelo texto desejado. Para conseguir o efeito contrário basta na variavél campo removerem ", 1".

Aqui fica o .fla

e só mais uma maneira para fazer este efeito, neste caso a minha maneira é melhor para texto maiores

[rAt0?]

ja' fiz um texto com tres palavras mas tou cum problema..

desculpem la' mas tem k ser..

onde ponho isto a rodar?

epah a serio n consigo encontrar o suposto butão pa por isto a correr e ver o texto a aparecer letra a letra

[Triple]

ja' fiz um texto com tres palavras mas tou cum problema..

desculpem la' mas tem k ser..

onde ponho isto a rodar?

epah a serio n consigo encontrar o suposto butão pa por isto a correr e ver o texto a aparecer letra a letra

Para testares faz Ctrl+Enter.

[xmidt]

ja' fiz um texto com tres palavras mas tou cum problema..

desculpem la' mas tem k ser..

onde ponho isto a rodar?

epah a serio n consigo encontrar o suposto butão pa por isto a correr e ver o texto a aparecer letra a letra

Para testares faz Ctrl+Enter.

Para gravares o filme (para por online por exemplo) usas Ctrl+Alt+Shift+S (ou entao File -> Export -> Export Movie)

cumps

[Triple]

Quando fazer Ctrl+Enter gera automaticamente um .swf no mesmo dir que o .fla

Cumps

[xmidt]

Quando fazer Ctrl+Enter gera automaticamente um .swf no mesmo dir que o .fla

Cumps

mas nao tens controlo sobre as opçoes... geras tudo em default