Devido as dúvidas de um user aqui do forum (não te preocupes Triple, eu não digo que foste tu
) (Joking) criei um pequeno tutorial sobre uns pequenos passos para criar um pequeno site minimamente apresentável em flash.
1º Passo
Ao abrir o programa, neste caso utilizei a Trial do Macromedia Flash MX 2004, que poderão arranjar do site da macromedia, www.macromedia.com, mas na nova versão, a 8.
Como mostra a figura, abrimos a opção Flash Document.
2º Passo
Depois de efectuada a acção anterior, convêm conhecer minimamente os componentes que nós disponibilizados para desenhar uma página ao nosso gosto. As limitações destes componentes são mínimas, podemos fazer o que bem quisermos.
Aqui fica a imagem do painel que nos poderá aparecer. Como default, uso sempre o menu Color Mixer e Library.
1º Keyframe - Keyframe corresponde a uma imagem. Por acada frame deverá variar a imagem, de modo a cricar uma animação ou dividir o site em zonas.
Existem dois tipos básicos de frames, as Frames, que basicamente prolongam a Keyframe anterior e as Keyframes que criam um novo ambiente, não dependendo de nenhum anterior.
As keyframes estão marcadas por "bolas", as zonas preenchidas estão com desenhos, as zonas em branco, estão sem qualquer tipo de desenho.
2º Frames por Segundo - Se não utilizar animação no seu site, deixe este valor de origem. Basicamente indica quantos frames (frames ou keyframes) irá mostrar por segundo.
3º Resolução - Irá definir a resolução do site. Para publicar, nunca publique em SWF, porque irá ficar desfocado a sua visualização. Utilize o File > Publisher Preview.
4º Ferramentas de Desenho - Basicamente são estas as ferramentas que utilizamos, linha, quadrado (clicando duas vezes podemos arredondar os cantos), Lápis, texto, entre outras.
5º Layer ou camada - Define a imagem que fica em cima e a que fica em baixo. Se quiser utilizar sempre uma imagem por cima, acontece o que acontecer, tem que por a layer que contem essa imagem no topo. Para inserir uma nova layer, Insert > Timeline > Layer, ou simplesmente com o botão direito do rato, em cima da uma layer existente, Insert Layer.
Color Mixer - Poderá selecionar a cor que quer utilizar, ou até misturar cores. Os modos mais utilizados é Solid - Para uma única cor, Linear para um efeito linear, entre duas ou mais cores, tendo um máximo de 8 cores, e Radial, parecido ao Linear sendo a única diferença as cores são dispostas em circulo.
No rectangulo Alpha, pudemos selecionar a transparência da cor.
Library - Todos os componentes inseridos no Flash, como MovieClips, Buttons, musicas e imagens. Convém ter sempre a mão.
Insert - Basicamente é um menu que usaremos muitos, pois apartir dele podemos criar os botões. Não precisaremos de usar mais nenhum dos outros menus.
3º Passo
Para aceder a este menu, podemos ir a Inserir[b] > [b]New Symbol ou CTRL+F8.
MovieClip - É parecido ao plano inicial, mas serve para gerir melhor a informação a mostrar. Tudo o que fazemos na parte inicial, podemos fazer nos MovieClips. Podemos criar uma animação e po-lá no 1º frame (parado).
Button - Útil para criar botões, para avançar de frame, controlar tudo o site/movieclip. Mais a frente ensino como programar um botão. Dentro da Timeline do button, vêm pre-defenidos 4 Keyframes.
1º Frame - A imagem que representará o botão, de inicio.
2º Frame - Será a imagem que representará o botão quando o rato tiver sobre o botão.
3º Frame - A imagem que representará o botão quando se der um click no rato.
4º Frame - Área do botão, aonde activará o botão se o rato passar por lá.
4º Passo
Depois de criar os botões e movie clips suficientes, atravéz da Library, podemos arrasta-los para o Scene Principal. Para criar um fundo aconselho a inserir ou uma imagem ou a desenhar um quadrado preenchido na ultima Layer.
Outra caracteristica importante são ...
W: (Width), define a largura do objecto.
H: (Height), define a altura do objecto.
X: coordenada X.
Y: coordenada Y.
Convem, para não ver blur, tanto nas letras como no texto, defenir as coordenadas para não haver cadas décimais.
5º Passo
Depois de todos os objectos feitos, e o design tratado, vamos a parte da programação, uma das partes que eu mais gosto.
Se tiverem o Flash Basico, usem o modo Expert.
Para inserir um código num Keyframe da Timeline ou num botão, clique em F9. Depois selecione o objecto que deseja aplicar o código. Vou por alguns dos códigos mais usados.
KeyFrames
Ao escrever qualquer código dentre de um Keyframe, o mesmo ficará com um pequeno simbolo a mostrar que contem código (O simbolo é o a). Normalmente quando se tem muitas Keyframes, utiliza-se só uma Layer para colocar o código.
- Código: Seleccionar todos
stop();
Pará a animação no Keyframe aonde tiver esta acção
- Código: Seleccionar todos
GotoAndPlay(x);
//x é o número do frame que deseja
Salta para o frame desejado. Poderá utilizar em vez do GotoAndPlay, o GotoAndStop, caso deseje que a animação pare.
Button
Num botão, pudemos utilizar as mesmas acções que utilizamos nas Keyframes, mas antes temos sempre que usar ...
- Código: Seleccionar todos
on (release) {
// acção
}
Basicamente para um simples site, uns Stop(); e uns GotoAndStop(); servem perfeitamente.
Ultimo passo
Para finalizar, exporte o ficheiro para SWF, File > Export > Movie ou para HTML+SWF, Utilize o File > Publisher Preview.
Espero que tenha ajudado, pelo menos fiz tudo ao meu alcançe para que seja compreensivel, apesar de saber que tem muitos erros.
Criar um texto com Scroll
Depois de lerem tudo o que eu expliquei no tutorial base, e partindo do principio que ficou tudo exclarecido ... para criar um campo com scroll é muito facil.
Em primeiro lugar, criam 2 butões, um com uma seta para cima e outro com uma seta para baixo.
Com os botões criados, metem no sitio aonde desejam que os botões sejam colocados.
Em segundo lugar, criem um Movieclip aonde neste iram criar 2 Layers.
Na layer inferior (a mais baixa) , irá colocar outro movieclip que irá conter o texto. Por isso, cirem outro movie clip e utilizem a ferramenta de escrita, e em vez de clicar para começar a escrever, pressionem e arrastem o rato para criar uma "caixa", como mostra a imagem.
De seguida, insiram o texto que quiserem, mesmo que saia fora do espaço de desenho, não há problema, tem é que manter o tamanho horizontal (width), por isso é que arrastamos, para o defenir.
Depois de criar o texto, insiram na 2º layer o movieclip. Na 1º Layer (layer superior) desenhem um quadrado que servirá de "área visivel", ou seja, só o conteúdo que estiver na zona do objecto que iram desenhar é que será mostrado.
De seguida clica com o botão direito do rato na layer, e modifique para "MASK", e automaticamente bloqueará todas as layers, e irá só ver o que está dentro da caixa que desenhou.
Depois disto, selecionem o movieclip que contem o texto, e no campo <Instance Name> metam um nome, que irá defenir o campo. Neste caso metam texto.
Voltando a primeira parte, insirem o movieclip que trabalhamos o ultimo com a "mask", perto dos botões, e irá aparecer algo do genero.
Volte a fazer o mesmo que fez para o texto, dando um nome ao MovieClip, Caixa.
Agora só temos que colocar um pequeno código em cada botão.
Botão Up
- Código: Seleccionar todos
on (release) {
if (caixa.texto._y < 0){
caixa.texto._y += 10; // Quanto pixeis deseja avançar
}
Botão DOWN
- Código: Seleccionar todos
on (release) {
if (caixa.texto._y >= -caixa.texto._height + 100){ // numero, igual á altura do quadrado desenhado
caixa.texto._y -= 10; // Quanto pixeis deseja avançar
}
}
Como está escrito, aonde está o 100, devem modificar para a altura do quadrado, como está na image.
Talvez haja forma mais simples de fazer
, mas esta foi a que me lembrei.
Tutorial Aprovado
Peço permissão para colocar isto em sticky no meu 
