Lindo Efeito de transição em Rolo de imagem 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.

Programa Tutorial Detalhes: Flash CS5

Tempo de conclusão estimado: 40 horas

Tutorial arquivo FLA - File.fla Fonte

Page Roll Image Transition Effect in 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ê podepressionar 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 asF8 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 comogradient_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 pressioneALT + SHIFT + F9 para abrir o painel de cores.

Depois de aplicar o gradiente, selecione o balde de cor à esquerda e 7E7E7E digite na caixa decó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 largurado 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 pressionandoF6 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 ...