Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Manual de Flash
SEÇÕES
Manuais relacionados
+Manual de Flash
Categorias
+Design

Índice do Manual Manual de Flash
+ Prólogo do Manual de Flash
+ O que é Flash
+ Sobre o trabalho em Flash
+ Camadas e fotogramas em Flash
+ Bibliotecas em Flash
+ Minha primeira animação em Flash I
+ Minha primeira animação em Flash II
+ Minha primeira animação em Flash III
+ Minha primeira animação em Flash IV
+ Colocar filmes Flash em nossas páginas
+ Como fazer botões em Flash
+ Linkar páginas web por meio de botões Flash
+ Links e-mails Flash
+ Interpolação de Formas
+ Shape Hint. Interpolação ordenada de formas
+ Interpolações de símbolos
+ Efeitos de máscaras com Flash
+ Onion Skin ( Pele de cebola )
+ Importar bitmap e usar como fundo
+ Modificar Bitmap
+ Distribute to Layers
+ Inserir vídeo em Flash
+ Scroll de texto em Flash
+ Criar um reprodutor de MP3 em Flash
+ Filmes Flash que se adaptam ao tamanho da janela
+ Cabeçalho Flash em Wordpress
+ Como ler os arquivos do servidor com ASP e passá-lo a Flash
+ Carregamento de clips externos em Flash. A classe MovieClipLoader
+ Distorcer clips com ActionScript
+ Tutorial para fazer um livro de visitas com Flash e ASP

Descrição dos capítulos


Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net
- CodigoFonte.net


Minha primeira animação em Flash II

Vamos começar a trabalhar com a animação propriamente dita. Criação de imagens chave.


Ok, já definimos o símbolo na biblioteca. Agora vamos começar a trabalhar com a animação propriamente dita. A primeira coisa que devemos fazer é sair do espaço de criação do símbolo e irmos para o palco da animação. Para isso, clicaremos na palavra Palco 1 que aparece na parte superior esquerda do palco.

Já dentro do palco, vamos incluir no primeiro fotograma o símbolo que acabamos de criar. Antes de nada, iremos à janela biblioteca (se tiver fechada poderá ser aberta com Janela > Biblioteca) e selecionaremos o símbolo esfera. A seguir, clicamos e arrastamos o símbolo até o palco. O resultado deveria ser algo como o que se mostra na imagem inferior:

Podemos observar que o círculo vazio do primeiro fotograma se converteu agora em um círculo cheio, o que significa que a imagem chave não esta vazia.

Passamos agora a estudar o tipo de animação que vamos fazer. Como dissemos, pretendemos simular um movimento de translação da esfera com uma trajetória elíptica, dando a impressão de um círculo em perspectiva. Esta animação poderia ser definida por três imagens chave:
  • A esfera situada em primeiro plano ao princípio de seu movimento.
  • A esfera situada em segundo plano na metade de seu ciclo de translação.
  • A esfera chegada ao final do ciclo, aproximadamente na mesma posição que a primeira esfera.
Podemos ver quais seriam estas três imagens chave no seguinte esquema:

De modo que já dispomos da primeira imagem chave. Agora, introduziremos a segunda no lugar aproximado que lhe corresponderia. Para isso, realizamos as seguintes operações:
  • Inserimos uma imagem chave na camada 1, mais ou menos sobre o fotograma 15.
    Para isso, nos situamos na camada 1, no fotograma 15. Clicamos no botão direito do mouse e selecionamos Inserir fotograma chave. Podemos observar como, uma vez realizada a operação, um novo círculo aparece nesse fotograma, indicando a presença de outra imagem chave que será idêntica à imagem de nosso primeiro fotograma..

  • Modificamos este novo fotograma chave.
    Para isso, situados nesse fotograma, selecionamos o objeto (ou ocorrência) e modificamos sua posição e tamanho. Modificamos a posição empurrando para cima com a tecla do cursor ou então, clicando e arrastando, como vimos anteriormente. Para modificar el tamaño, seleccionaremos la herramienta transformação livre. Uma vez feito isto, selecionaremos a opção escalar, que nos permitirá bloquear as proporções do objeto e reduziremos o tamanho da esfera clicando e arrastando em um dos pontos das esquinas da marca que rodeia a esfera.
A figura seguinte ilustra a tarefa de redimensionamento e dá uma idéia do aspecto que deve ter o fotograma uma vez modificado:


A seguir vamos criar o terceiro e último fotograma chave, correspondente ao momento em que a esfera está a ponto de completar o ciclo. Este fotograma deveria à princípio se parecer ao primeiro com a diferença de que a esfera não chegou a completar o ciclo, e sim que está perto de consegui-lo. Realizaremos os seguintes passos:
  • Inserimos um fotograma chave vazio no fotograma 29 (Inserir>Fotograma chave vazio)
  • Voltamos ao fotograma 1 e o copiamos (Editar>copiar)
  • Voltamos ao fotograma 29 e o colocamos (Editar>colar)
O resultado é um fotograma idêntico ao 1 no qual deveremos mover ligeiramente a ocorrência à esquerda, algo que faremos mais tarde.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Manual de Flash

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Design


Comentário sem rever
Entre os comentários não revistos podem ter alguns interessantes que tenham sido enviado recentemente.
 Foi encontrado um comentário sem rever

VerVer os comentários não revistos



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites