Como fazer um banner animado simples usando o flash cs3

Se você quer fazer um banner animado usando tecnologia velha, este artigo irá mostrar-lhe como fazer uma usando o Adobe Flash e usando o ActionScript 2.0. Claro, isso pode ser feito muito mais facilmente usando HTML e javascript.

passos

1
Abra o Adobe Flash e crie um novo documento. Modificar o documento pressionando Command + J no Mac ou Ctrl + J sobre teclas de PC. Nas opções, como a bandeira tamanho selecionado 468 de largura x 60 elevado (este é o tamanho padrão para uma faixa), em seguida, selecione a cor do fundo de sua escolha e clique em OK. Neste guia, vamos usar a cor preta e cor de fundo.
  • 2
    Escolha as camadas e nomeie o primeiro deles como você quer. Neste guia, você vai ser um círculo, então a própria camada será chamado "círculo". Clique na ferramenta Retângulo e pressione e segure para abrir um menu, selecione a ferramenta Oval e solte o mouse. Mover para a área de trabalho, e criar um círculo de qualquer tamanho. Neste guia, o tamanho será muito grande para torná-la apenas uma pequena parte do círculo no banner, suas dimensões são 175,5 x 175,5.
  • 3
    Agora que você fez o círculo, pressione F8 (Mac e PC) para abrir a conversão símbolo de menu. Clique no gráfico, em seguida, ponle nome "círculo" o símbolo e pressione OK. Agora você tem um símbolo que você pode animar. Coloque o cursor sobre a área de camadas, e mover-se no dia 5 de caixa, em seguida, pressione F6 (Mac e PC). Isto irá criar um quadro que tem o círculo no mesmo ponto. Voltar para o primeiro quadro e clique em seu círculo. Agora vamos fazê-lo desaparecer na animação.
  • 4
    Ir para o painel de propriedades na parte inferior da janela, e selecione as opções de cor. Clique nas opções de cores, selecione Alfa, eo percentual que você digite 0. Isso fará com que seu círculo desaparecer, mas não se preocupe, ainda há, só que você não pode ver.


  • 5
    Voltar para a seção Layers, e clique com o botão direito entre o primeiro e último quadros, em seguida, clique "Criar Tween Motion". Se você fizer isso corretamente, então você já tiver criado com êxito a primeira parte de sua animação. Agora é adicionar o texto.
  • 6
    Crie uma nova camada e renomeá-lo para "texto". Ir para o 6º quadro na camada "texto", Botão direito do mouse e selecione "Inserir Novo Quadro", Isto irá criar um quadro em branco onde você trabalha. Escolha a sua paleta de Ferramentas e clique no "T" para selecionar a ferramenta de texto. Coloque o cursor no seu banner, em seguida, digite o texto que deseja. Neste guia, o texto será "bandeira". Já com o texto selecionado, pressione F8 para convertê-lo em um gráfico, o tipo "texto" como um nome e clique em OK. Agora você pode animar seu texto.


  • 7
    Agora vá para o layer "círculo" e clique no 6º quadro, clique sobre ele e mantê-lo para baixo para arrastá-lo para a 16ª quadro. Isso fará com que o círculo é visível em toda a animação. Mover o texto a um ponto que está dentro do círculo, mas certifique-se que não é deixado em seu círculo. Vá para a sua seção Camadas e clique na camada "Text" e arraste-a abaixo da camada de "Circle". Esta parte do texto irá desaparecer, mas não se preocupe, isso é o que queremos neste momento.
  • 8
    Blocos e camada escondida "círculo", assim você pode ter certeza de não estragar nada, e assim você pode ver o que você está fazendo. Clique na layer da frame 15º "texto" e cria um quadro, premindo a tecla F6. Clique no texto dentro da 16ª quadro, e movê-lo para onde o texto que você quer que apareça na sua bandeira, mas certifique-se que ele é carregado mais à esquerda do que o círculo. Você pode fazer círculo a camada visível, se você não tiver certeza de onde o círculo é.
  • 9
    Uma vez que você colocou o texto exatamente onde você quer, volte para a camada 
"texto"E, entre os dois quadros, cria um clique de interpolação de movimento entre eles e selecionando "Criar Tween Motion". Assim que estiver pronto com isso, você criar uma terceira camada e nomeie "ActionScript". Selecione o último quadro (dia 16) e fazer um novo quadro pressionando F6. Agora clique em janela gt; Ações e tipo "stop ()"- Agora fecha a janela.


  • 10
    Ir para onde você deseja salvar a animação e salve-o com o nome de "bandeira". Ir para onde diz "Exportar como:" e clique na parte que diz SWF, abrindo o menu para exibir todas as opções. selecionar "animated GIF"Para que se torne uma imagem GIF e clique em OK.
  • 11
    Parabéns! Ya terminou criar um banner simples que você pode se gabar a ninguém.
  • dicas

    • Considere o uso de um padrão mais moderno, como HTML5.

    avisos

    • Isso não vai ser compatível com iOS ou outros sistemas operacionais móveis.

    RELACIONADOS

    Artigos Relacionados