DENIS CARAVALHO (85 pts)

BÁRBARA TOSTES (64 pts)

MAURO ROCHA TAVARES (40 pts)

ÉMERSON ROCHA (85 pts)

JONAS GALVEZ (521 pts)

MARCELO SIQUEIRA (96 pts)

SASHA GUDEY (235 pts)

STICKMAN (155 pts)

LUIZ AVANCI (51 pts)

HELEN TRIOLO (444 pts)

JOTA LAGO (40 pts)

IRAPUAN MARTINEZ (45 pts)
Treinamento PontoFlash de Flash e ActionScript

Queria fazer uma ação no rollOuver, mas sem aparecer a mãozinha no mouse.

Como fazer um autoRun para um executável do Flash?

Como verificar atravéz do flashMX a resolução do monitor do usuário?

Como manipular a tecla tab no meu formulário no Flash MX?

Tenho vários objetos e queria fazê-los aleatoriamente mudar a propriedade alpha.

Várias formas para fazer code animation (animação por actionscript).

Eu tenho dois botões que controlam o volume do meu Filme ...

Quero que no fim de uma animação de um movieclip, o filme vá para frames aleatórios.

Script que chama o método play(); em todos os movieClips filhos de um movieClip.

Eu preciso colocar um fadeout em um som em loop, na terceira vez que ele tocar.

Quero fazer uma animação quando o mouse passa por cima do botão.

O que é a opção Interlaced quando vou salvar um bitmap PNG?

Existe alguma forma de o flash detectar se um load movie já foi carregado e executar uma ação depois disso.

Plugin do Flash Player
Ação Include.

Criação de um CD híbrido

Animação no Flash.

Macromedia Flex

Jogo da Forca (segunda parte)

Variáveis do servidor ASP em ambiente flash

Controlando um swf que está em outro frame

Editor de banco de dados (PHP-MySql) orientado a Objetos (OOP)

Movimentar MC com barra de rolagem e setas

Relógio analógico

Uso da tecla tab num formulário Flash.

Menu estático.
3d arco plus

Sashacircle 4

Motion color

Waterfall

Condições

Puzzle

RGB random

Natal Misc

Mira mouse

3d bounce

Planeta orbita

Bspline2
HOME | TUTORIAIS
Efeito lente (máscara e zoom)
por Luís Alberto

Olá galera da Ponto Flash...

Aqui vai um tutorial que acredito ser bastante útil pra galera, visto que na lista tem vários pedidos de explicação de como se faz o efeito de lente do site O Boticario (http://www.oboticario.com.br).

O nosso exemplo ficará parecido com o exibido abaixo:

A diferença do efeito do site é que eles só deslocam a imagem, e o nosso é um efeito que passa a impressão de AUMENTO da foto.

Bom chega de papo e vamos ao trabalho:

  Neste exemplo estou trabalhando com o arquivo nas seguintes medidas: WIDTH '250' | HEIGHT '200'.

  Vamos precisar de duas imagens, a mesma imagem mas em tamanhos diferentes. Na verdade vocês irão reparar que este efeito é simplesmente um jogo de máscaras, nada mais, se você quiser usar uma imagem qualquer, tudo bem.

  Nomeie a primeira Camada para graphFotoMenor (se quiser usar outro nome, tudo bem) | nesta Camada estaremos colocando a foto menor. Importe a foto menor e coloque-a nesta Camada de forma que ela fique alinhada no Meio Vertical e no Inicio do Filme na Horizontal (imagem01).


imagem01

  Transforme esta imagem importada em um Gráfico, e nomeie-o como graphMcFotoMenor. Crie uma nova camada e nomeie-a como lenteS | nesta Camada colocaremos uma cor qualquer com Alpha pra servir como lente de cor.
  Nesta camada crie um quadrado ou retângulo, seguindo a medida HEIGHT com 200, visto que é o tamanho do Filme, a largura você mesmo pode escolher. Eu usei 100. Escolha uma cor qualquer e jogue alpha nesta cor de 45%, coloque ela no mesmo alinhamento da imagem importada (imagem01).

  Acima da Camada graphFotoMenor crie uma nova Camada e nomeie-a como mask | esta Camada será a máscara da imagem menor. Nesta Camada (mask) crie um objeto, de qualquer cor, do tamanho do filme, WIDHT '250' e HEIGHT '200' a alinhe ele no meio do filme. Estamos definindo agora que a imagem menor deve aparecer no filme todo.

  Para confirmarmos como está indo, confiram na imagem abaixo:


imagem02

  Agora vamos começar a parte interessante

  Crie uma nova Camada e nomeie-a como graphFotoMaior | nesta Camada iremos colocar a imagem maior. Importe para esta Camada a imagem maior, e desloque-a de forma que ela fique quase na mesma posição da imagem menor, levando em consideração o efeito que estamos tentando fazer. Transforme esta imagem em um Gráfico e nomeie-o como graphFotoMaior.

  Para confirmarmos como está indo, confiram na imagem abaixo:


imagem03

  Agora olhem a relação de posição das imagens:


imagem04

  Continuando...
  Na Camada lenteS crie um outro retângulo, espaçado do outro, novamente a largura dele não importa muito, o interessante é fazer ele mais fino, bem mais fino, eu estou utilizando 30, e um espaçamento pequeno também entre este e o primeiro retângulo. Neste novo retângulo, coloque Alpha de 25% + ou -. É nesta nova lente que vai dar o efeito de aumento.

  Crie mais um retângulo com o tamanho restante do filme de largura, com a mesma cor dos outros, só que com Alpha maior, agora de 65% + ou -. Este vai servir só pra completar o efeito.

  Nosso arquivo deve parecer-se com a imagem abaixo:


imagem05

  Conluindo o efeito com as máscaras

  Crie uma nova Camada, acima da Camada graphFotoMaior e nomeie-a como mask | esta Camada será a máscara da foto maior. Nesta Camada crie um objeto, com qualquer cor, do tamanho da nossa lente do meio, e posicione-o exatamente no mesmo local.

  Confirmem (a cor escura é o objeto da máscara):


imagem06

  Se você pressionar o CTRL + ENTER, verá que já vai aparecer com o efeito, sem movimento.


imagem07

  Agora é só movimentar os objetos, lembrando que só movimentaremos os objetos das camadas graphFotoMenor e graphFotoMaior.

  Pronto! mistério desvendado, espero ter ajudado! qualquer problema na execução deste TUTOR, favor entrar em contato em PVT! Baixe aqui o exemplo do tutorial.



Devido à reformulação implementada no site, pode ser que você encontre alguns links quebrados. Por favor, ajude-nos a corrigir eventuais problemas nos informando links quebrados
1 comentário


Comentário de Natiele Freire
| 23/6/2010 - 13:01 |


Eu adorei esse efeito.Nao possuo nenhum conhecimento em flash,apenas em html da pra eu fazer isso em flash e jogar para o site que estou desenvolvendo em html????e qual program a eu uso para fazer o efeito das fotos???