Flash Tutorials Cool Effect!

Resumo

Neste tutorial você vai aprender como criar um slideshow, que tem um flicker / fuzz / TV quebrado transição entre as imagens.

Aqui o resultado final:

Requisitos

Flash 8, Flash CS3 ou Flash CS4.
3 imagens (neste caso 550 × 400, as imagens disponíveis no arquivo zip tutorial )

Nota: As imagens nesse tutorial são feitos em Flash CS3. Ela funciona exatamente da mesma em Flash 8 ou Flash CS4. Este tutorial é ActionScript 2 (ActionScript, embora não seja obrigatório).

componente Passo 1 - Instale o efeito

Baixe o TV Efeito Fuzz aqui . Por favor, siga as instruções de instalação e arraste o componente do painel de componentes para a biblioteca do seu arquivo. fla.

Passo 2 - Importar imagens

Importação de todas as três imagens "File" -> "Importar" -> "Importar para biblioteca ...".

3 º Passo - Converter imagens em Movieclip

Criar um novo Movieclip [pressione Ctrl-F8] ou "Insert" -> "New Symbol ...", o nome de "image01" e colocar a primeira imagem no primeiro quadro deste MovieClip. Repita este passo para o nome de outras imagens, os Movieclips "image02" e "image03". BTW, o nome é até você.

Passo 4 - Criar primeira transição

Agora clique em "Scene 1" para voltar para a timeline principal.

Renomeie a camada já existente para "img01". Criar camada a mais e nomeá-los "img02" e "transition01". Mais uma vez a nomeação é apenas para uma melhor visão. Você pode escolher outros nomes, se quiser.

Arraste as duas primeiras Movieclips imagem da biblioteca para a respectiva camada.

Clique no primeiro quadro da camada "transition01". Arraste o componente Efeito Fuzz TV de sua biblioteca para o palco. O componente irá ajustar automaticamente para o canto superior esquerdo do seu MovieClip.

Para cada camada, clique no frame 50 e criar uma moldura pressione [F5] ou com o botão direito e "Insert Frame".

É importante dar a imagem Movieclips nomes de instância, caso contrário, o componente de efeito não é capaz de detectá-los. Clique na imagem Movieclip um por um e definir um nome de instância, neste caso "image01" e "image02" (você pode escolher um nome diferente se você quiser).

Clique na TV Efeito Fuzz no palco e abrir o componente inspector painel pressione [SHIFT-F7] ou "Window" -> "Component Inspector". Todos Movieclips com nomes de instância neste quadro estão listados no Movieclip "Start" e "End Movieclip lista selecione". Escolha "image01" como "Movieclip Start" e "image02" como "Fim Movieclip".

Exportar o filme flash pressione [Ctrl-ENTER] ou "Command" -> "Test Movie". A transição está acontecendo desde a primeira imagem para o segundo.

Passo 5 - Adicione segunda transição

Criar camada mais três e nomeá-los "img03", "img04" e "transition02".

Em cada camada, clique no frame 51 (um quadro, após a transição anterior terminou) e inserir um keyframes pressione [F6] ou com o botão direito e "Insert Frame".

Vamos reutilizar a segunda imagem Movieclip, desde a segunda transição deve começar com ele. Clique no quadro-chave recém-criada na camada "img03" e arrastar o MovieClip "image02" a partir da biblioteca para o palco. Clique no quadro-chave recém-criada na camada "img04" e arrastar o MovieClip "image03" da biblioteca para o palco.

Agora defina os nomes de instância deste Movieclips imagem "image03" e "image04".

É um pouco confuso conjunto de camadas e os nomes de instância de um número até então o nome do Movieclip original. Mas, para melhor visão e para manter o número de erros de baixo potencial, é melhor tratar o Movieclips da segunda transição tão completamente novos movieclips.

Selecione a camada "transition02" e arrastar o componente a partir de sua biblioteca para o palco. Mais uma vez, o componente snap automaticamente.

Clique no componente no palco, abrir o painel inspector componente e selecione "image03" como "Movieclip Start" e "image04" como "Fim Movieclip".

Para a camada de três novos criar um quadro no quadro 100 pressione [F5] ou com o botão direito e "Insert Frame".

Quando você exportar o seu filme flash agora, você verá que tanto a transição são apresentados antes do filme é lopped.

Passo 6 - Adicione uma pausa entre as duas transições de imagem

Para ter tempo um pouco mais entre as transições deixar os quadros-chave da camada "img01" e "transition01" intocados. Estender o comprimento da camada "img02" (a imagem que a transição termina com), adicionando uma frame no frame 80 aperte [F5] ou com o botão direito e "Insert Frame".

Agora selecione todo o bloco da segunda transição (de modo que você pode, clicando quadro 51 de "transition01" e com a tecla SHIFT pressionada clicar frame 100 "img04") e mova o bloco buraco para frame 81.

Você pode fazer o mesmo para a segunda transição.

Baixar

Clique aqui para baixar o fla. deste tutorial. Nota: O. Fla inclui a versão de avaliação do componente de efeito, que só funciona no IDE Flash (Flash 8, Flash CS3 ou Flash CS4), mas não dentro do navegador.

Você também pode fazer o download da TV Efeito Fuzz aqui .

Aqui você pode encontrar um vídeo tutorial de como implementar um efeito diferente.