Flash Tutorials Cool Effect!

Resumo

Neste tutorial, você aprenderá a criar uma lente que segue o mouse e amplia parte de uma imagem.

Aqui o resultado final (mova o mouse):

Requisitos

Flash 8, Flash CS3 ou Flash CS4.
1 imagens (neste caso, 550 × 400, a imagem disponível no arquivo zip tutorial )

Nota: As imagens nesse tutorial são feitas em Flash CS3. Ele funciona exatamente da mesma no Flash 8 ou Flash CS4. Este tutorial é ActionScript 2 (apesar de não ActionScript é obrigatório).

componente Passo 1 - Instale o efeito

Baixe o efeito de lente 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 - Criar imagem Movieclip

Importar uma imagem pressione [Ctrl-R] ou "File" -> "Importar" -> "Importar para a terceira fase ...". Nesta imagem você vai depois aplicar o efeito.

Selecione a imagem e convertê-lo em um [Movieclip] pressionar F8 ou clique direito sobre o MovieClip -> "Converter em símbolo ...". Dê o movieclip o nome de "imagem" (nome aqui, cabe a vocês).

efeito Passo 3 - Instalação

Nome da camada do Movieclip imagem da imagem ".

Dê o Movieclip o nome da instância my_image "(você pode escolher um nome diferente, se desejar. Certifique-se que o nome da instância é única). Sem um nome de instância, o componente é capaz de detectar o MovieClip.

Crie uma nova camada e nomeá-los "efeito" (O nome das camadas é apenas para manter as coisas em ordem, você pode deixar a camada de nomes padrão, escolher outros nomes ou até mesmo trabalhar em uma camada).

Clique no primeiro quadro do "efeito" da camada e arraste o efeito de lente de sua biblioteca para o palco. O componente de snap deve automaticamente para o canto superior esquerdo do movieclip imagem.

Selecione o efeito de lente no palco e abrir o componente inspector painel pressione [SHIFT-F7] ou a "janela" -> "Component Inspector".

No "Target Movieclip lista", selecione, my_image "deve ser selecionado. Todos os Movieclips com nomes de instância neste quadro são listados na seção "Target Movieclip lista selecione". Desde que você tem apenas um Movieclip o componente assume que você deseja aplicar o efeito sobre o Movieclip "my_image". Set "Cursor sensíveis" para "Sim". Isso garante que o componente segue o mouse.

Exportar o filme flash. Mova o mouse e você verá que a lente acompanha o mouse.

Brinque com a configuração dentro do painel inspector componente e encontrar a sua configuração favorita. Mais informações sobre o inspector componente configuração aqui .

Baixar

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

Você também pode baixar o efeito de lente aqui .

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