Redes Sociais

domingo

Animação de Foto de Rolagem Vertical

Recomende o site:
Neste tutorial vou mostrar como criar animação de rolagem vertical de fotografias utilizando o código Action Script. Nele, você também vai aprender a importar todas as fotos em um estágio flash, como converter qualquer conteúdo em um símbolo de Movie Clip, como a criação de instância nome e muito mais. Vamos começar!

Exemplo: (Passe o mouse na imagem e veja)






Etapa 1

Primeiro, baixar as fotos que iremos utilizar para esta lição!


Etapa 2


Crie um (novo Action Script 3.0) documento flash. Pressione a tecla Ctrl + J no teclado (Document Properties) e definir a largura do documento para 250 pixels e a altura para 250 pixels. Selecione a cor # 999999 como cor de fundo. Ajuste a taxa do seu filme Flash frame 32 e clique em OK.




Etapa 3


Chame as fotos de moda atual camada. Dê um duplo clique sobre o nome padrão (Camada 1) para mudar isso. Pressione Enter após ter digitado o novo nome!


Etapa 4


Escolha > Import > Import to Library. Na janela do explorador de arquivos que aparece, encontre as cinco fotos Presssione Shift e clique para selecionar todas elas. Se você abrir sua biblioteca agora flash (Ctrl + tecla L), você verá cinco fotografias que você acabou de importado. Veja a foto abaixo!


background


Etapa 5

Selecione a ferramenta Selection (V) clique nas fotos (que estão na biblioteca) e arraste até o palco do flash e coloque na posição, como é mostrado na imagem abaixo!


Etapa 6

Selecione todas as fotos e bater F8 (Converter em símbolo) para convertê-la em um Movie Clip Symbol.! Note! Ponto de registro fixado para o topo!




Etapa 7


Enquanto o novo Movie Clip é feito ainda selecionado, vá ao painel das propriedades abaixo do estágio. No lado esquerdo, você encontrará o campo de entrada Instância nome. Coloque esse filme com nome de photos_mc Clip. Veja a foto abaixo!




Etapa 8


Crie uma nova camada acima da camada de fotos e nome é o código action script.


Etapa 9


Selecione o primeiro quadro da camada de código action script e vá ao painel de AS (F9). Em seguida, insira o código dentro do painel de ações:

var verticalCenter:Number = stage.stageHeight / 4;
var limit:Number = stage.stageHeight - photos_mc.height;  
var speed:Number = 0.1;
var scrollY:Number = 1; 
addEventListener(Event.ENTER_FRAME, scrollphotos);
function scrollphotos(e:Event):void {
 scrollY = - speed * ( mouseY - verticalCenter ); 
 photos_mc.y+= scrollY; 
 if (photos_mc.y>0.8) { photos_mc.y= 0.8;}
  else if (photos_mc.y< limit) { photos_mc.y= limit; }
}


Ta feito!


Teste sua animação e divirta-se

Download do Arquivo Fla

Fonte:
http://www.flashperfection.com/tutorials/Make-Glowing-Edge-Effect-with-Glow-Filter-in-Flash-67094.html

Nenhum comentário:

Postar um comentário