Efeito de Transição Rolo em Flash
Neste tutorial voc� vai aprender como criar uma linda p�gina de rolo efeito de transi��o de imagem usando m�scara em Adobe Flash.
Vamos come�ar!
Abra um novo documento Flash com Action Script 2.0.
Passo 1: Configurando Propriedades do Documento
Agora selecione Modificar na barra de menu e selecione Documento ou diretamente Voc� pode pressionar Ctrl + J para abrir as propriedades do documento.
Agora, mudar as dimens�es do palco de 700 � 438, FPS = 30 ea cor de fundo = preto como mostrado na figura abaixo. Para come�ar com os tutoriais baixar o arquivo source.zip que ir� lhe fornecer os arquivos necess�rios a serem utilizados no tutorial.
Passo 2: Importar imagens necess�rias
Primeiro, importe as imagens baixadas utilizados a partir da fonte. Para fazer isso, v� ao menu Arquivo> Importar Select> Select Import to Library.
Passo 3: Posicionando imagens para a fase
Antes de come�ar, j� temos a camada 1, agora o nome da camada como 1. Arraste a imagem img1 da biblioteca para o palco.
Alinhar a imagem para o centro da fase utilizando o painel de alinhar. Tenha em mente que para alinhar qualquer item para o centro do palco, verificar o "Alinhar para encenar" caixa de sele��o.
Passo 4: Criando Transition1
Pressione Ctrl + F8 para criar um novo s�mbolo. Digite o nome Transition1 e selecionar tipo de clipe de filme.
Voc� vai entrar no clipe de filme Transition1 e renomeie a camada como img1. Em seguida, selecione as F8 de imagem e de Imprensa.
Arraste img2 imagem da biblioteca e Pressione F8 para criar um novo s�mbolo. Nome este s�mbolo como img2. Mas n�o reter este s�mbolo no palco a partir de agora. Tenha isso em biblioteca.
Passo 5: Criando Transition1 - Organizando elementos
Insira uma nova camada e nomeie como img1_mask.
Agora crie um ret�ngulo com a dimens�o s�o os seguintes.
Abra o painel de propriet�rios. Para abrir o painel de propriedades, V� ao menu Window> Selecione as propriedades.
W = 40
H = 450
X = -390
Y = -225
Agora insira uma nova camada novamente e nome�-lo como img1_flip.
Agora copie img1 imagem pressionando CTRL + C e Colar no img1_flip camada utilizando ctrl + shift + V. Em seguida, v� ao menu modify> Transform horizontal> Flip.
Agora, mova a imagem invertida para a esquerda at� que se sai do palco. N�o deixe um espa�o �nico pixel entre ambas as imagens, como indicado na imagem de refer�ncia abaixo.
Agora insira uma nova camada e nomeie como img1_flip_mask.
Agora crie um ret�ngulo com a dimens�o s�o os seguintes.
Abra o painel de propriet�rios. Para abrir o painel de propriedades, V� ao menu Window> Selecione as propriedades.
W = 61
H = 438
X = -411
Y = -219
Agora copie este ret�ngulo pressionando ctrl + C e insira uma nova camada e nomeie como gradient_effect. Em seguida, cole a imagem copiada, pressionando CTRL + SHIFT + V.
Agora, aplique a cor gradiente para o ret�ngulo. Para fazer isso, v� ao menu Window> cor ou pressione ALT + SHIFT + F9 para abrir o painel de cores.
Depois de aplicar o gradiente, selecione o balde de cor � esquerda e 7E7E7E digite na caixa de c�digo de cores destaque no painel de cores como dado abaixo.
Agora pressione entre os dois baldes e digite # FFFFFF na caixa de c�digo de cores destaque no painel de cores. Em seguida, defina alfa para 0%.
Passo 6: Criando Transition1 - Aplicando Forma e Classic Tween
Agora selecione o quadro 99 de todas as camadas exceto a camada img1 como dado na refer�ncia abaixo. Em seguida, pressione F6 para inserir quadro chave. Depois que o quadro seleto de 100 img1 �nica camada e pressione F5 para inserir moldura.
Agora aplique anima��o. Para fazer isso, selecione qualquer quadro entre os quadros 1 a 99 e n�o o bot�o direito e selecione Criar Tween Forma Aplique interpola��o de forma a,. Gradient_effect camada, img1_flip_mask camada, ea camada img1_mask.
Agora selecione qualquer quadro entre o quadro 1 e 99 de camada img1_flip e criar Tween Classic. Para fazer isso, clique direito> selecione Criar Tween Classic.
Passo 7: Criando Transition1 - Cria��o de anima��o
Agora Selecione a camada gradient_effect, camada img1_flip_mask, e os elementos de camada img1_flip e esquerdo des�a cada um deles, premindo o bot�o de destaque dada na imagem de refer�ncia abaixo.
Em seguida, mov�-los para a direita at� que ele sai do palco, como indicado na imagem de refer�ncia abaixo.
Seleccione o rect�ngulo colocado sobre a camada de img1_mask e, em seguida aumentar a largura do rect�ngulo utilizando a ferramenta de transforma��o livre para cobrir a imagem.
Passo 8: Criando Transition1 - Aplicando m�scara
Agora Selecione a camada img1_mask e n�o Bot�o direito do mouse, selecione a m�scara. Fa�a o mesmo com camada img1_flip_mask.
Passo 9: Prepara��o de transi��o na linha do tempo principal
Clique na Scene para sair do clipe de filme transition1.
Agora v� para o painel de propriedades e selecione o gr�fico, como indicado na imagem de refer�ncia abaixo.
Ent�o venha para baixo no painel de propriedades e selecione o jogo uma vez a partir do LOOPING, como indicado na imagem de refer�ncia abaixo.
Agora insira uma nova camada e nomeie como 2. Em seguida, selecione o quadro 225 de ambas as camadas e pressione F5 para inserir moldura.
Agora copie o transition1 de layer1 pressionando CTRL + C. Insira um novo quadro-chave pressionando F6 e, em seguida, cole o transition1 copiado pressionando CTRL + SHIFT + V. Selecione o clipe e n�o o bot�o direito e selecione Duplicate Symbol ...
Digite o nome Transition2.
Agora clique duas vezes na transition2 para entrar no clipe.
Agora v� para o painel de propriedades e selecione a imagem no primeiro frame e pressione swap.
Uma caixa de s�mbolo swap ir� aparecer em seguida, selecione img2 e pressione ok. Ele ir� substituir o s�mbolo img1 img2 de s�mbolo.
Fa�a este m�todo em cada s�mbolo para substituir img1 img2 que com.
Pressione Ctrl + Enter. Voc� vai ver o efeito algo assim.
Site de Origem: http://blog.entheosweb.com/tutorials/page-roll-image-transition-effect-in-flash/