Tutoriais Flash

Complexidade

noreply@blogger.com (Unknown) — Sun, 17 Aug 2008 01:22:00 +0000

Todos os tutoriais classificados por complexidade.

► Criando Emoticon para MSN

► Convertendo SWF

► Aplicando efeito de nuvem

► Motion Guides ( Linha Guia )

► Crie e pilote seu jato

► Criando uma mudança de Shape

► Banner usando "Mask"

► Animação "Blur"

► Simples Preloader

► Efeito Particula

► Gravando o Movimento do Mouse

► Criando MP3 Player com Actionscript

► Efeito Matrix

TF Download

noreply@blogger.com (Unknown) — Sat, 16 Aug 2008 06:08:00 +0000

► A Bíblia do Flash

► Conversor FLV

► Flash CS3

► Flash Player

Crie e pilote seu jato

noreply@blogger.com (Unknown) — Fri, 15 Aug 2008 04:40:00 +0000

você aprenderá como mover um jato de direção diferente com as setinhas do teclado.

>Prévia

01. Abra alguma imagem de avião ou desenhe seu próprio jato.

02. Converta o objeto em um "Movieclip"

03. Coloque o código sobre o "Movieclip"

onClipEvent(load){

speed = 10;

}

onClipEvent(enterFrame){

if(Key.isDown(Key.RIGHT)){

this._x += speed;

}else if(Key.isDown(Key.LEFT)){

this._x -= speed;

}

if(Key.isDown(Key.UP)){

this._y -= speed;

}

if(Key.isDown(Key.DOWN)){

this._y += speed;

}

}

04. Coloque o backgorund da imagem

05. Coloque seu jato no meio da página e, em seguida, pressione CTRL + ENTER. Para pilotar use as setas do seu teclado.

>Baixar arquivo (.fla)

Gravando o Movimento do Mouse

noreply@blogger.com (Unknown) — Mon, 11 Aug 2008 20:28:00 +0000

Neste tutorial iremos ensinar a gravar todos os movimentos do mouse dentro do seu filme flash, em seguida, uma cópia do seu mouse irá repetir os movimentos.

>Prévia

01. Crie três botões: "Record", "Play" e "Stop", e dê a eles o nome: "recBtn", "playBtn" e "stopBtn" respectivamente.

02. Em seguida, crie o mouse Movie Clip para simular um mouse "real".Pegue a figura abaixo para fazer isto.

03. Arraste a setinha do mouse que a gente criou para o palco. Dê nome a setinha de "mouseMC"

04. Abra o Action Script na camada da setinha e cole:

//make the mouse copy invisible mouseMC._visible = false; //we are not recording the mouse yet so its false var recording = false; //not playing the mouse var playing = false; //index for the arrays that will store the mouse movement var index = 0; //arrays for the x and y position of the mouse var mPosX = new Array(); var mPosY = new Array(); _root.onEnterFrame = function() { //if we are recording we copy the mouse position to the arrays if(recording) { //copy _x and _y coordinate mPosX[index] = _root._xmouse; mPosY[index] = _root._ymouse; //increase index by 1 to use an empty position inside the arrays on the next frame index++ } //if we are playing what we recorded else if (playing) { //set the mouse Movie Clip position to the coordinates inside the arrays mouseMC._x = mPosX[index] mouseMC._y = mPosY[index] //increase index to move to the next position inside the arrays index++; //if we are at the last position of the mouse if(index == mPosX.length) { //show the original mouse Mouse.show(); //and make the copy invisible _root.mouseMC._visible = false; } } }

Agora seu programinha de gravar o movimento do mouse está pronto.

>Baixar o arquivo (.fla)

Site de origem: http://www.webzo.org

Até a próxima.

Gostou do blog? comenta blz? :D

Simples Preloader

noreply@blogger.com (Unknown) — Mon, 11 Aug 2008 16:51:00 +0000

>Prévia

01. Crie um novo documento flash. Pressione Ctrl + J na tecla do teclado (Document Properties) e defina suas dimensões como quiser. Escolha o “background” com a cor branca.defina o “Frame Rate” para 26 e clique em OK.

02. Selecione a ferramenta “Rectangle Tool” (R), crie um retângulo com cor 83BB00 (isso é o código RGB da cor). Confira abaixo.

03. Com o retângulo selecionado vá até o painel “Align” (Ctrl+K) e siga os passos:

1. Certifique-se que o botão “Align/Distribute” está ativado;
2. Clique no botão “Align horizontal Center” (Alinhar ao centro horizontal);
3. Clique no botão “Align vertical Center” (Alinhar ao centro vertical);

Agora, você tem o retângulo alinhado com o fundo.

04. Pegue a “Text Tool” (Ferramenta de Texto) (A) e vá para o painel “Properties” (Ctrl + F3) abaixo do palco. Em seguida, Escolha as seguintes opções:

1. Selecione um campo Texto Estático;
2. Selecione a Comic Sans MS como fonte;
3. Escolha como tamanho da fonte 14 e coloque ela como negrito;
4. Selecione a cor branca;
5. Na opção de renderização, selecione o Anti-alias para legibilidade.

Em seguida, digite “loading” no local em que é mostrado na figura abaixo.

05. Pegue a “Selection Tool” (Ferramenta de Seleção) (V) selecione o texto e o retângulo. Após isto, pressione F8 (Converter para Símbolo) para converter este retângulo e o texto em um “Movie Clip”.

06. Dê um duplo clique sobre o “movie clip” no palco com a “Selection tool” (V). Agora você deve estar dentro do “movie clip”.

07. Após isso, clique no “Frame” 100 e pressione F5.

08. Em seguida, crie uma nova camada acima da camada da primeira e dê nome de “Percent” (por cento).

09. Selecione a camada “Percent”, pegue a “Text Tool” (A) e vá para o Painel de Propriedades novamente (Ctrl + F3) e selecione as seguintes opções:

1. Selecione um campo Texto Estático;
2. Selecione a Comic Sans MS como fonte;
3. Escolha como tamanho da fonte 14;
4. Selecione a cor branca;
5. Na opção de renderização, selecione o Anti-alias para legibilidade.

Em seguida, desenhe um retângulo no lado direito da caixa de texto. Neste rectângulo, você irá digitar 99%. Veja a foto abaixo.

Depois disso, vá para “Var”: coloque "percen1"

10. Após isto, digite no retângulo que foi criado na etapa anterior 99%. Veja a foto abaixo.

11. Volte para a cena principal (Scene 1).

12. Pegue a “Selection Tool” (V), clique uma vez sobre o "preloader" para o selecionar e abrir o Painel de “Action Script” (F9). Em seguida, digite o seguinte código Action Script no interior do painel:

onClipEvent (load) {
total = _root.getBytesTotal();
} onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
percen1 = ""+percent+"%";
gotoAndStop(percent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
}

Pronto, teste agora o seu Preloader.

>Baixar arquivo (.fla)

Site de origem: http://www.flashvault.net

Um grande abraço a todos.

Como todos os tutoriais são de graça, o pagamento é comentar ;D

Efeito Matrix

noreply@blogger.com (Unknown) — Thu, 07 Aug 2008 18:13:00 +0000

Neste tutorial, vou mostrar como criar o mesmo efeito do filme Matrix. Todas as animação é feita através de ActionScript 3.0, Não será mostrado neste tutorial nada na “Timeline”, apenas o efeito.

>Prévia

Configurando o efeito.

01. Crie um novo documento no tamanho 300x300.

02. Crie um texto dinâmico (dynamic text field). Tipo números.

03. Dê nome a instância de "myText". Defina a fonte para 15.

04. Clique no botão “Embed” e selecione “Numerals”.

05. Converta o campo de texto em um “Movie clip”. Nome dele "numberInsideMC". Defina o ponto de registro para o canto superior esquerdo.

06. Dê nome ao movie clip de "NumberInside"

07. Converta o "numberInsideMC" em um movie clip (basta clicar nele e pressionar F8). Dê nome ao novo movie clip ”myNumberMC". Defina o ponto de registro para o canto superior esquerdo.

08. Linck "myNumberMC" a uma classe chamada "BitNumber"

Actionscript 3.0

09. Na “timeline” principal, crie uma nova camada ”ActionScript”. Digite o seguinte.

//This array will contain all the numbers seen on stage
var numbers:Array = new Array();

//We want 8 rows
for (var i=0; i < 8; i++) {

//We want 21 columns
for (var j=0; j < 21; j++) {

//Create a new BitNumber
var myNumber:BitNumber = new BitNumber();

//Assign a starting position
myNumber.x = myNumber.width * j;
myNumber.y = myNumber.height * i;

//Give it a random speed (2-7 pixels per frame)
myNumber.speedY = Math.random() * 5 + 2;

//Add the number to the stage
addChild (myNumber);

//Add the number to the array
numbers.push (myNumber);

}
}

//Add ENTER_FRAME so we can animate the numbers (move them down)
addEventListener (Event.ENTER_FRAME, enterFrameHandler);

/*
This function is repsonsible for moving the numbers down the stage.
The alpha animation is done inside of the myNumberMC movieclip.
*/
function enterFrameHandler (e:Event):void {

//Loop through the numbers
for (var i = 0; i < numbers.length; i++) {

//Update the y position
numbers[i].y += numbers[i].speedY;

//If the BitNumber is below the stage, move it up again
if (numbers[i].y > stage.stageHeight) {
numbers[i].y = 0;
}
}
}

10. Estamos quase chegando ao fim, mas temos ainda de acrescentar alguns código dentro do nosso “myNumberMC”. Dê um duplo clique no “myNumberMC” e crie uma nova camada de “ActionScript”.

11. Digite o seguinte no painel de ações.

//This variable tells us should we increase the alpha
var increaseAlpha:Boolean;

//We want the number to be invisible at the beginning
numberInside.alpha = 0;

//Calculate a random timer delay (how often we increase the alpha)
var timerDelay:Number = Math.random() * 4000 + 2000;

//Create and start a timer
var timer:Timer = new Timer(timerDelay, 0);
timer.addEventListener (TimerEvent.TIMER, timerHandler);
timer.start ();

//Add ENTER_FRAME so we can animate the alpha change
addEventListener (Event.ENTER_FRAME, enterFrameHandler);

/*
Timer calls this function.
Timer delay defines how often this is called.
*/
function timerHandler (e:Event):void {

//Update the increaseAlpha value
increaseAlpha = true;

//Calculate a random number (0 or 1)
var newNumber:int = Math.floor(Math.random() * 2);

//If the random number is 1, we insert "1" into the text box
if (newNumber == 1) {
numberInside.myText.text = "1";
}
//Else we insert "0" into the text box
else {
numberInside.myText.text = "0";
}
}

//This function animates the alpha
function enterFrameHandler (e:Event):void {

//Increase the alpha if increaseAlpha is true
if (increaseAlpha == true) {
numberInside.alpha += 0.02;
}

//Else we want to decrease the alpha
else {
numberInside.alpha -= 0.02;
}

//We don't want the alpha to be over one, so we assign increaseAlpha to be false
if (numberInside.alpha > 1) {
increaseAlpha = false;
}
//If the alpha is negative, set it to zero
if(numberInside.alpha < 0) {
numberInside.alpha = 0;
}
}

12. Volte para o palco e retire o “myNumberMC”.

13. Teste o seu efeito agora.

Site de origem: http://www.tutorialized.com/

Um grande abraço e custa nada comentar né?.

Convertendo SWF

noreply@blogger.com (Unknown) — Tue, 05 Aug 2008 06:47:00 +0000

Eu morria de vontade de poder usar minhas animações de Flash em um vídeo,sempre procurei programas para converter SWF em algum outro formato de vídeo, só que todos que baixei não prestavam.

Finalmente achei um site que é perfeito para quem tem vontade de usar suas animações em Flash no seus vídeos.Ele converte vídeos de diversos tipos, além desse recurso ser online você pode converter vídeos direto do seu PC.

>Site

- Como usar o site?

01. No botão "Home" você pode converter os vídeos do seu pc para vários formatos.

02. Na janela "Convert to:" escolha o formato que você quer e depois aperte "Start".

03. Depois de converter o vídeo irá abrir uma janela para executar o download do vídeo e você poderá salvá-lo em seu PC. Caso não abra clique em "Click this link to download your converted file!", o tamanho máximo é de 200 MB.

- Arquivos Compatíveis.

é compatível com os seguintes tipos de vídeo:

► 3GP.

► AVI.

► FLV.

► H.264.

► MOV.

► MP4.

► MPEG.

► MPG.

► SWF.

► WMV.

- E com o seguintes tipos de áudio:

► AC3.

► MP2.

► MP3.

► WAV.

Tutorial Feito por: www.tutoriaisflash.blogspot.com

Um grande abraço e comentem por favor.

Animação "Blur"

noreply@blogger.com (Unknown) — Mon, 04 Aug 2008 00:08:00 +0000

>Prévia

01. Abra o Flash e clique em “New Flash Document”

02. Vá na janela “Properties”, ou no caminho Window/Properties/Properties.

03. Coloque o “Background” com a cor preta.

04. Agora você vai escolher uma imagen para aplicar o efeito. Para fazer isso siga o caminho, File/Import/Import to stage.

05. Agora com a sua imagem no palco selecionada, você ira converte-la para “Symbol” ou aperte (F8).

06. Sobre a “Timeline” acrescente alguns “Frames”, no nosso exemplo a gente acrescentou 20 “Frames”. Para adicionar os “Frames” clique até onde você quer que sua animação vá, depois clique com o botão direito do mouse e selecione” Insert Frames”.

07. Sobre o “Frame” 10 aperte (F6) para criar um “Key frame”, repita isso no ultimo “Frame”.Confira.

08. Clique no “Frame” 10, em seguida vá para a janela de “Filters”

09. Em seguida, clique no sinal de adição e clique em “Blur”

10. Altere o “Blur” X: para 15 e o“Blur” Y: para 15.

11. Agora volte a linha do tempo (Timeline) e selecione todos os “Frames”. Clique com o botão direito do mouse e selecione “Create Motion Tween”.

Site de origem: http://www.webdesign.org

Um grande abraço.

Criando uma mudança de Shape

noreply@blogger.com (Unknown) — Thu, 17 Jul 2008 23:04:00 +0000

>Prévia

1. Abra um novo documento e crie um circulo

2. Clique no frame 20 e pressione F6 para inserir um keyframe.

3. No frame 20, delete o circulo e digite um texto qualquer. Depois, precione ctrl+b

4. Agora com o texto selecionado va em Modify > Break Apart (ctrl+B). Repita o mesmo processo mais uma vez.

5. Agora selecionando todos os frames, vá em properties na aba Tween e selecione a opção Shape.

Até a próxima!

Site de origem: http://www.webdesign.org

Banner usando "Mask"

noreply@blogger.com (Unknown) — Tue, 08 Jul 2008 04:11:00 +0000

Estaremos mostrando como criar um banner animado usando uma grande ferramenta do Flash, a "Mask" (Máscara).Mostraremos todos os passos para você aprender a usa-la.Vamos lá.

>Prévia

-Baixar Fotos

01. Antes de tudo, baixe as fotos que vamos usar para criar o nosso banner.

02. Crie um novo documento.Aperte Ctrl+J para mostrar as propriedades do documento (Document Properties), redimencione o arquivo para 450 pixels por 150 pixels.Agora coloque o “Frame rete” com o valor de 28 fps e aperte ok.Confira com a figura.

03. Agora siga o caminho, File > Import > Import to Libraly. Você vai escolher as imagens que acabou de baixar para fazer esse tutorial.Selecione as cinco imagens (image1,image2,image3,image4,image5).

04. Ainda com a janela aberta vá em “Align” (Ctrl+K) e faça isto:

1.Certifique-se que o “Align” / “Distribute to Stage” estão ativados.
2. Clique no botão “Align horizontal center button”.
3. Clique no botão “Align vertical center”.

Agora as imagens estão alinhadas com a imagem de fundo.

05. Ainda com a janela aberta aperte “F8” (Convert to Symbol) para coverter esta imagem em um “Movie Clip”.

06. Dê um duplo clique na “layer 1” e coloque ela com o nome de “image1”. Depois disto,clique no “Frame” 135 e aperte “F5”.

07. Crie uma nova camada em cima da camada “image1” e coloque ela com o nome “image2”. Depois disto, selecione a camada “image2”, clique no “Frame” 60 e aperte “F6”. Repita os passos 03,04 e 05 para a “image2”. Após esses passos você ja vai ter alinhado (Align) e convertido para “Movie Clip”, basta clicar agora no “Frame” 125 e no 135 e apertar “F6”

08. Ainda no “Frame” 135, selecione a ferramenta “Selection Toll” (V) e clique sobre a imagem para selecionar. Depois vá no painel “Properties” abaixo do palco. No lado direito você verá a opção “Color” selecione “Alpha” e coloque 0%. Confira na imagem.

09. Clique com o botão direito do mouse em qualquer parte da área cinzenta entre o “Frame” 125 e 135 sobre o cronograma e escolha “Create Motion Tween”

10. Crie uma camada em cima da camada 2 e dê o nome a ela de “Mask”.

11. Agora vá em cima do “Frame” 60 da camada “Mask e aperte “F6” usando a ferramenta “Flash Tools”, desenhe uma figura igual e na mesma posição da figura abaixo.

12. Clique então no “Frame” 75 e pressione F6. Enquanto você ainda estiver no frame 75, mov a a forma que você criou para a posição mostrada na figura abaixo.

13.Aperte o botão direito do mouse em qualquer parte da área cinzenta entre o “Frame” 65 e 75 sobre o cronograma e escolha “Create Motion Twee” no menu.

14. Selecione a camada “Mask”e vamos agora converter ela em máscara realmente. Clique com o botão direito do mouse em cima da camada “Mask” e selecione MASK.

Chegamos ao fim, foi feito com as duas primeiras imagens. repetir esse processo também para todas as outras imagens.

-Baixar Aquivo (.fla)

Site de origem:http://www.flashvault.net

Um grande abraço.

Criando MP3 Player com Actionscript

noreply@blogger.com (Unknown) — Mon, 07 Jul 2008 00:11:00 +0000

Neste tutorial você vai aprender a criar seu próprio Ipod usando ActionScript. Nós iremos carregar os arquivos de música a partir de um arquivo XML, pegar todas as músicas do artista e álbum e carregar em nosso arquivo (.fla). Nós não vamos entrar em detalhe sobre o arquivo XML, neste tutorial, mas iremos falar de XML com mais detalhes em outros tutoriais.

>Prévia

Baixar Arquivo(.fla)

Recomendo você olhar para o “arquivo terminado” como não dei uma explicação profunda de XML e ActionScript 3 é legal você olhar antes.

Atenção! Eu não adcionei nenhuma música na pasta do Ipod para que você possa aprender como adcionar novas músicas.

Em primeiro lugar olhe o arquivo (.fla) que você baixou, ele é o nosso arquivo inicial. Sobre o Ipod temos os botões “play”, “pause” e “back” eles retornam os nomes “pause_btn exemplo”, “play_btn, prev_btn” e “next_btn” respectivamente. A primeira coisa que nós vamos fazer é criar algumas caixas de texto dinâmicas para carregar o nome das músicas adcionadas

01. Texto Dinâmico

Selecione a ferramenta “Text” agora vá no painel “Properties” e selecione “Dynamic Text” agora crie três caixas de texto na tela do Ipode colocando nome em cada uma delas como “artistTXT”, albumTXT e songTXT.

02.Adicionar o ActionScript

Vá para a camada ações abra o painel do Actionscript e cole o código abaixo.

var getMusic:URLRequest;
var music:Sound = new Sound();
var soundChannel:SoundChannel;
var currentSound:Sound = music;
var pos:Number;
var songPlaying:Boolean = false;
var xml:XML;
var songlist:XMLList;
var currentIndex:Number = 0;

03. Preloader

Iremos criar um simples “preloader” para carregar o nosso conteúdo.

function loadProgress(event:ProgressEvent):void {
var percentLoaded:Number = event.bytesLoaded/event.bytesTotal;
percentLoaded = Math.round(percentLoaded * 100);
if(percentLoaded > 20){
trace(”loading”);
} else{
}
}

function completeHandler(event):void {
trace(”DONE”);
}

04. Load no XML

Aquí estamos com nosso “Load” XML ,agora vamos criar uma função que será executada quando o nosso loader concluir carregamento.

var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE, whenLoaded);
loader.load(new URLRequest(”songs.xml”));

function whenLoaded(e:Event):void
{
xml = new XML(e.target.data);
songlist = xml.song;
getMusic = new URLRequest(songlist[0].url);
music.load(getMusic);
soundChannel = music.play();
songTXT.text = songlist[0].title;
artistTXT.text = songlist[0].artist;
albumTXT.text = songlist[0].album;

soundChannel.addEventListener(Event.SOUND_COMPLETE, nextSong);
}

05. Adicionar evento ouvintes para botões.

Agora vamos adicionar alguns eventos para os nossos botões do mouse sobre o iPod e dar-lhes algumas funções.

next_btn.addEventListener(MouseEvent.CLICK, nextSong);
prev_btn.addEventListener(MouseEvent.CLICK, prevSong);
pause_btn.addEventListener(MouseEvent.CLICK,pauseSong);
function nextSong(e:Event):void
{
if (currentIndex < (songlist.length() - 1))
{
currentIndex++;
}
else
{
currentIndex = 0;
}
var nextReq:URLRequest = new URLRequest(songlist[currentIndex].url);
var nextTitle:Sound = new Sound(nextReq);
soundChannel.stop();
songTXT.text = songlist[currentIndex].title;
artistTXT.text = songlist[currentIndex].artist;
albumTXT.text = songlist[currentIndex].album;
soundChannel = nextTitle.play();
songPlaying = true;
currentSound = nextTitle;
soundChannel.addEventListener(Event.SOUND_COMPLETE, nextSong);
}
function prevSong(e:Event):void
{
if (currentIndex > 0)
{
currentIndex–;
}
else
{
currentIndex = songlist.length() - 1;
}
var nextReq:URLRequest = new URLRequest(songlist[currentIndex].url);
var prevTitle:Sound = new Sound(nextReq);
soundChannel.stop();
songTXT.text = songlist[currentIndex].title;
artistTXT.text = songlist[currentIndex].artist;
albumTXT.text = songlist[currentIndex].album;
soundChannel = prevTitle.play();
songPlaying = true;
currentSound = prevTitle;
soundChannel.addEventListener(Event.SOUND_COMPLETE, nextSong);
}
function pauseSong(e:Event):void
{
pos = soundChannel.position;
soundChannel.stop();
songPlaying = false;
play_btn.addEventListener(MouseEvent.CLICK,playSong);
}
function playSong(e:Event):void
{
if(songPlaying == false)
{
soundChannel = currentSound.play(pos);
soundChannel.addEventListener(Event.SOUND_COMPLETE, nextSong);
songPlaying = true;
play_btn.removeEventListener(MouseEvent.CLICK,playSong);
}
}

Chegamos ao fim, agora só basta testar o seu Ipod.

Tutorial retirado de http://www.flashessential.com
Abraço, até a próxima.

Efeito Particula

noreply@blogger.com (Unknown) — Sat, 05 Jul 2008 07:16:00 +0000

>Prévia

01. Crie um novo documento e redimencione para 300px por 200px e coloque o “Frame rate” com 65fps.

02. Pegue a Oval Tool (O), o “Stroke Color” deve ser desativado, selecione “Fill Color” escolha qualquer cor e faça um circulo,como é mostrado na figura abaixo.

03. Abra o “Color Mixer Panel “ (Shift+F9), e defina as opções abaixo.

04. Selecione a "Particle" e aperte F8 para converter para “Movie Clip”.

05. Dê duplo clique em cima do novo “Movie Clip” ("Particle) para ir pro seu interior.

06. Enquanto o seu "Particle" ainda está seleccionado pressionar F8 novamente sobre o teclado para convertê-lo em “Graphic”.

07. Clique no primeiro “Frame”, abra o Painel de Action Script (F9) e cole esse script:

xMin = 0;
xMax = 300;
yMin = 0;
yMax = 200;
minSize = 10;
maxSize = 50;
easeFactor = 10;

randomX = Math.random () * ( xMax - xMin ) + xMin;
randomY = Math.random () * ( yMax - yMin ) + yMin;
randomSize = Math.random () * ( maxSize - minSize ) + minSize;

08. Clique sobre o segundo frame e pressione F5.

09. Clique no terceiro frame e pressione F6. Depois que abrir o Painel de Action Script (F9) e cole esse script:

distance = Math.sqrt(Math.pow(this._x-randomX, 2)+Math.pow(this._y-randomY, 2));

if (Math.abs(this._width-maxSize)>1) {
this._width += (randomSize-this._width)/2;
this._height += (randomSize-this._height)/2;
}

if (distance>1) {
this._x += (randomX-this._x)/easeFactor;
this._y += (randomY-this._y)/easeFactor;
gotoAndPlay(2);
} else {
gotoAndPlay(1);
}

Chegamos ao fim, aperte CTRL + ENTER para testar a animação.

-Baixar Arquivo(.fla)

Tutorial Retirado de http://www.flashvault.net

Abraço.

Aplicando efeito de nuvem

noreply@blogger.com (Unknown) — Fri, 04 Jul 2008 07:16:00 +0000

>Prévia

Neste tutorial iremos criar uma nuvem e depois aplicar uma animação simples a ela.

1. Crie um novo documento

2. Selecione um azul bem claro como background. Pressione Ctrl + F3 para abrir as propriedades do painel.

3. Agora vamos criar a nuvem. Para criar a nuvem vamos usar uma técnica bem simples. Faça três círculos de tamanho aleatório e faça com que ele se toquem em determinados pontos.

Selecione a Oval tool no painel de ferramentas ou pressione O.
Diminua o alpha para a cor da borda.

04. Agora selecione a selection tool no painel de ferramentas ou pressione V.

05. Clique com o botão direito sobre a nuvem e selecione a opção Convert to Symbol.

06. Renomei para "cloud_mov", e selecione a opção Movie clip.

07. Clique com o botão direito em cima do “cloud movie clip”, abra o painel de propriedades, ou (Ctrl + F3).
clique na aba “filters” Clique no símbolo “+” para abrir os filtros disponíveis. Selecione a opição “Blur”.

Aplique o “Blur” nos valores de X e Y, para ter o efeito desejado. Eu coloquei 10 de “Blur” para X e Y.

08. Agora nossa nuvem esta pronto, basta aplicar o movimento desejado usando a Motion Tween.

-Baixar Arquivo (.fla)

>Site de origem: http://www.getw3help.com

Até a próxima!.

Criando Emoticon para MSN

noreply@blogger.com (Unknown) — Fri, 04 Jul 2008 00:19:00 +0000

>Prévia

01. Redimensione o palco de trabalho para 150X150.

02. Escreva um texto qualquer no palco.

03. Clique no "Frame" 30 com o botão direito do mouse e selecione "Insert Keyframe".

04. Clique no "Frame" 15 com o botão direito do mouse e selecione "Insert Keyframe".

05. Com o "Frame" 15 selecionado almente o tamanho no texto, para que possa criar um movimento em nossa animação.

06. Agora vá em File > Export > Export Movie...

07. Agora exporte com "Animated GIF (*.gif)"

08. Pronto, basta ir no MSN e aplicar o nosso "GIF" como "Emoticon".

-Baixe aquivo (.fla)

>Site de origem: www.tutoriaisflash.blogspot.com

Até a próxima!.

Motion Guides ( Linha Guia )

noreply@blogger.com (Unknown) — Thu, 03 Jul 2008 04:26:00 +0000

> Prévia

Nesse Tutorial vamos usar a Motion Guide, que da a liberdade de você desenhar o caminho do objeto que ele vai fazer.

01. Faça um fundo para usar na nossa animação.

02. Crie uma nova camada e desenhe o objeto que desejar.

03. Clique com o botão direito em cima da camada do objeto criado e selecione "Add Motion Guide".

04. Uma nova camada foi criada chamada "guide", com essa camada selecionada desenhe com o lápis uma linha, que sera o caminho que nossa estrala irá caminhar.Na camada do objeto que você criou, no nosso caso nesse tutorial "star", arraste a estrela até o inicio da linha que você acabou de desenhar, note que a estrela fica grudando na linha.

05. Vá para o ultimo frame da animação e coloque a estrela na ponta final da "Motion Guide".

06. Aplique uma pequena rotação na estrela para que possa sofrer uma pequena movimentação durando a caminhada dela sobre a "Motion Guide".

07. Clique com o botão direito do mouse sobre a camada do objeto e selecione "Create Motion Tween".

08. Crie uma nova camada em cima de todas as outras,adcione "keyframe" até o ultimo "frame" da animação.Abra a janela de "action" e selecione o ultimo frame da camada que você acabou de criar, agora é só escrever "stop();" na janela de "action" para impedir que sua animação fique se repetindo.

-Baixar Arquivo (.fla)

>Site de origem: http://www.loreleiweb.com/forum/showthread.php?t=11653

Até a próxima!.