Scroll de notícias

Salve galera, depois das festas de fim de ano, chegou a hora de estudar!

Vamos ao que interessa.

Bem pessoal, hoje falarei como criar um scroll de notícias para
seu site, não é obrigatório ser de notícias,
eu escolhi porque achei interessante, usem a criatividade.

Bem, criem um novo arquivo do tamanho 400×100, o filme deverá
conter as seguintes camadas:

actions
mc.noticia
btn.sobe
btn.desce

Agora na camada actions
insira um quadro-chave e nele uma ação:
stop();

Vá para camada mc.noticia,
nela crie um campo de texto estático com a fonte e tamanho de sua
preferência, faça-o numa forma que preencha o filme todo.

Agora transforme o campo de texto em Movie
Clip pressionando “F8″, com o nome noticias

agora estancie-o como rola.

Dê dois cliques no movie clip noticias,
que criamos agora pouco, nele deve conter um campo de texto em forma retângular
preenchendo o filme, agora aumente a altura dele(crescendo somente pra
baixo), conforme o tamanho do texto que você tem a colocar no seu
filme.

Após o texto inserido na caixa de texto, tranforme
ele também em um Movie Clip.

Só lembrando, a essa altura, você deve ter
no palco do seu filme, na camada mc.noticia,
um movie clip estanciado como rola
e dentro dele um outro movie clip, contendo a caixa de texto.

Dentro do movie clip noticias,
no primeiro quadro, insira um stop();

Agora, ainda dentro do movie clip noticias, clique no quadro
40 e insira um
quadro chave(F6), depois escolha a interpolação
de movimento no pimeiro quadro.Crie uma animação.

No último quadro coloque em evidência a última
linha do seu movie clip onde termina a caixa de texto, ou seja, o final
da rolagem.

Pronto. Agora vamos seguir criando os botões com
as ações.

Na camada btn.sobe,
no primeiro quadro, coloque um rótulo nela denominado: 1b

desenhe uma seta para cima, tranforme-a em botão(F8),
insira a seguinte ação:

on (rollOver) { //rolar
em cima
tellTarget (“rola“) { //seleciona
o movie clip estanciado
prevFrame(); //ir para o quadro anterior
}
gotoAndStop(“2b“);
}

Ainda na mesma camada, crie um novo quadro(F6), coloque
o nome do rótulo de: 2b,
agora nesse quadro, clique no botão(seta) e coloque a seguinte
ação:

on (rollOver) {
tellTarget (“rola“) {
prevFrame();
}
gotoAndStop(“1b“);
}

Pronto, a camada btn.sobe
está pronta, vamos agora pra camada btn.desce.

Na camada btn.desce,
no primeiro quadro, coloque um rótulo nela denominado: 1,
desenhe uma seta para baixo, tranforme-a em botão(F8), insira a
seguinte ação:

on (rollOver) { // rolar em cima
tellTarget (“rola“) { //seleciona
o movie clip noticias estanciado
nextFrame(); //ir para o proximo quadro
}
gotoAndStop(“2“);
}

Agora, ainda na camada btn.desce,
pressione F6 para criar um quadro-chave, coloque o rótulo dele
como 2, e agora,
selecione a seta que está no quadro 2 e coloque a seguinte ação:

on (rollOver) {
tellTarget (“rola“) {
nextFrame();
}
gotoAndStop(“1“);
}

Pronto! Agora é só pressionar “Ctrl
+ Enter” e conferir.

Espero ter ajudado. Qualquer dúvida, não
exite em mandar um e-mail.

Até a próxima!