Aula 1

Olá! Tudo bem?
Sou Professor Fábio Hoyos e irei agora iniciar o seu treinamento em Flash CS3 e CS4.

Primeiramente o que devemos sabert sobre o Flash

Aula Extra

Olá! Tudo Bem?
Pois bem meus alunos, vamos agora aprofundar ainda mais os nossos conhecimentos fazendo um Site inteiro utilizando o Flash CS3, iremos fazer um site estático mais precisamente um Site Portifólio, onde você poderá demonstrar todos os seus atrativos, serviços trabalhos realizados e etc..
pois bem vamos começar.
Eu postei um modelo de site portifólio completo, bem como todas as imagens utilizadas, para baixar basta CLICAR AQUI!
A frente do site irá ficar mais ou menos assim:

1ºPasso - Abra o Flash CS3:

Crie um arquivo em Action Script 3.0
Configure o palco para 800x600px e velocidade de 25fps

Agora ímporte para a biblioteca, as imagens que foram baixadas no incio da aula:

feito isso, crie as seguintes Layers:

Na Layer Background adicione a imagem "Texture2.png", aline-a e distribu-a sobre o palco. clique sobre o Frame50 e pressione F5. Feche a Layer com o cadiadinho.

Na Layer abertura adicione a imagem "Brasão.png", transforme-a em Movie Clip e faça a seguinte animação de abertura com no modelo



Na Layer Text_top, faça a seguinte animação:



Agora o banner do topo, para isso, crie  Layer Banner_Top,  peque as seguintes imagens: "Paper1","Paper2","Banner_top2", transforme tudo em Movie Clip e depois clique com o botão direito do mouse e escolha a Distribute to Layers. faça a seguinte animação:

Feito isso passaremos para o menu, crie a Layer Menu_fundo, utilise as imagens:"Papel1.png","Papel2.png","Papel3.png","Papel4.png., siga o video:



Neste momento será inserida a programação, eu ja testei tudo, copie e cole na função Action:

stop();

var arquivo:URLRequest;
var carregador:Loader = new Loader();

arquivo= new URLRequest("inicio.swf");

carregador.load(arquivo);
carregador.x = -550;
carregador.y = -260
addChild(carregador)

bt_inicio_btn.addEventListener(MouseEvent.CLICK,cClick);

bt_trabalhos_btn.addEventListener(MouseEvent.CLICK,cClick);
bt_clientes_btn.addEventListener(MouseEvent.CLICK,cClick);
bt_quemsomos_btn.addEventListener(MouseEvent.CLICK,cClick);
bt_contatos_btn.addEventListener(MouseEvent.CLICK,cClick);

//

function cClick(e:MouseEvent):void {
 switch (e.target.name) {
  case "bt_inicio_btn" :
   arquivo= new URLRequest("inicio.swf");
   carregador.load(arquivo);
   break;
  case "bt_trabalhos_btn" :
   arquivo= new URLRequest("trabalhos.swf");
   carregador.load(arquivo);
   break;
  case "bt_clientes_btn" :
   arquivo= new URLRequest("clientes.swf");
   carregador.load(arquivo);
   break;
  case "bt_quemsomos_btn" :
   arquivo= new URLRequest("quemsomos.swf");
   carregador.load(arquivo);
   break;
  case "bt_contatos_btn" :
   arquivo= new URLRequest("contatos.swf");
   carregador.load(arquivo);
   break;
 }
 carregador.x = -550;
 carregador.y = -260
 addChild(carregador);
}

feito isto iremos criar agora uma nova animação, pressione CTRL+N, faça a mesma configuração da anterior(800x600px e velocidade de 25fps
Esta deverá ser a área de trabalho para as páginas do seu site, pois se passar deste espaço ira ficar sobre o Menu ou sobre o banner.

Neste momento crie uma quadrado mais ou menos com esta proporção. salve com o nome de Inicio, e publique-a(CTRL+Enter).

agora volte para a animação Home e publique-a clique sobre o botão Inicio note que aparecerá o quadrado veja se este estar na posição correta. caso não esteja volte para o arquivo inicio e distribua a proporção correta. salve e publique de novo, para atualizar o arquivo Inicio.Swf.

Caso esteja na posição correta, faça copias com os respectivos nomes:"trabalho", "clientes", "quem sou", "contatos". agora é so por a sua criatividade em pratica. veja o resultado.