Resumo

Neste tutorial você vai aprender como criar uma lente que segue o mouse e amplia uma parte da imagem.

Aqui o resultado final (mover o mouse):

move mouse sobre swf

Requisitos

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

Nota: As imagens nesse tutorial são feitos em Flash CS3. Ela funciona exatamente da mesma no Flash 8 ou Flash CS4. Este tutorial é Actionscript 2 (embora ActionScript não é necessário).

Passo 1 - Instalar o componente do efeito

Baixe o Efeito Lens 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..

Arrastar componente em biblioteca

Passo 2 - Criar Movieclip imagem

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

Importação de imagens

Selecione a imagem deste e convertê-lo em um pressionar F8 Movieclip [] ou com o botão direito sobre o MovieClip -> "Convert to Symbol ...". Dê o movieclip o nome de "imagem" (Nome here it's up to you).

Converter imagem em Movieclip

Nome do Movieclip

Passo 3 - Instalação efeito

Nome da camada do MovieClip image ".

Renomeie a camada

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

Definir nome de instância

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

Criar e nomear uma nova camada

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

Arrastar componente para Movieclip

Selecione o efeito Lens no palco e abrir o painel inspector componente prima SHIFT [-F7] ou "Window" -> "Component Inspector".

No "Target Movieclip lista de" select ", my_image" deve ser selecionada. Todos Movieclips com nomes de instância neste quadro estão listados na seção "Target Movieclip" lista de seleção. Desde que você tem apenas um Movieclip o componente assume que você deseja aplicar o efeito sobre o my_image Movieclip ". Defina "Cursor sensíveis" para "Sim". Isso torna-se o componente segue o mouse.

Configurações dentro do painel Component Inspector

Exportar o seu filme Flash. Movimente-se o mouse e você verá que a lente acompanha o mouse.

Resultado

Brinque com a configuração dentro do painel Inspetor de componentes e encontrar a sua configuração favorita. Mais detalhes sobre a configuração inspector componente aqui.

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 e Adobe Flash CS4), mas não dentro do navegador.

Você também pode fazer o download do Efeito Lens aqui.

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

  • Share / Bookmark