Crie seu cursor personalizado em FLASH MX

Você já viu provavelmente em algum site produzido em Flash um cursor personalizado no lugar da velha "setinha" que temos como padrão. O Flash nos possibilita a crição de um cursor personalizado - como o logotipo de nossa empresa por exemplo - proporcionando um efeito diferente e exclusivo ao site! É justamente isso que aprenderemos neste tutorial, como criar os famosos cursores personalizados...

Por | @wcesar4 Softwares
Criando o cursor
Vamos criar um cursor simples, constituído de um triângulo de cor cinza. Antes de começar a desenhar, vamos habilitar a opção para visualizar a grade no Flash clicando em Exibir > Grade > Mostrar Grade:

Crie seu cursor personalizado em FLASH MX

Agora vamos exibir as Réguas para podermos utilizar as linhas guias, clicando em Exibir > Réguas:

Crie seu cursor personalizado em FLASH MX

Para criar uma linha guia, basta clicar na régua e arrastar a linha para o local desejado. Como vamos criar um cursor que é um triângulo, precisamos configurar as linha-guia para que o desenho seja o mais perfeito possível. Dê um zoom grande na tela para que você possa ver bem a grade e configure sua linha guia:

Crie seu cursor personalizado em FLASH MX

Os locais indicados em preto na imagem serão os vértices do triângulo! Agora, selecione a ferramenta caneta:

Crie seu cursor personalizado em FLASH MX

Desenhe seu retângulo com a caneta, clicando nos pontos mostrados acima. Após ter feito o desenho, retire as linha guia para ver como ficou:

Crie seu cursor personalizado em FLASH MX

Volte para o zoom de 100% para ver o triângulo em seu tamanho real, selecione o triângulo e logo depois pressione a tecla F8 para convertê-lo em um Clipe de Filme:

Crie seu cursor personalizado em FLASH MX

Após ter convertido-o em um Clipe de Filme, clique com o botão direito do mouse e escolha a opção Ações:

Crie seu cursor personalizado em FLASH MX

Definindo as ações do Cursor

Esta é a parte onde definimos a programação que fará com que o Flash simule o efeito de cursor. Clique no + e escolha o caminho Ações > Controle do clipe de filme > startDrag (ou simplesmente aperte Esc+dr):

Crie seu cursor personalizado em FLASH MX

Selecione a linha startDrag e configure-a:

Crie seu cursor personalizado em FLASH MX

Em destino devemos colocar /ponteiro e habilitar a opção Bloquear mouse no centro para que o mouse fique no centro do Clipe de Filme. Agora selecione a linha onClipEvent e configure-a:

Crie seu cursor personalizado em FLASH MX

Devemos escolher a opção Mouse moviment para que o Clipe de Filme comece a ser arrastado quando o mouse for movimentado. Feche o painel de ações e selecione seu Clipe de Filme. Quando selecionamos o Clipe de Filme podemos dar um nome de instância à ele através do painel de Propriedades do Flash:

Crie seu cursor personalizado em FLASH MX

Dê o nome de ponteiro para que o Flash possa fazer a ação rodar normalmente. Agora, se você testar seu filme - Ctrl+Enter - verá que o Clipe de Filme é arrastado junto ao mouse quando o movimentamos mas o cursor "setinha" ainda está presente. Para eliminar o cursor "setinha" vamos utilizar mais uma vez as ações, portanto, clique com o botão direito no Clipe de Filme e escolha a opção Ações. Escolha o caminho Objetos > Filme > Mouse > Métodos > hide:

Crie seu cursor personalizado em FLASH MX

Agora é só testar o filme e ver seu novo cursor!!


Autor : André Felipe Fascina | Fonte: Baboo

Mais sobre: flash, tutoriais, cursor
Share Tweet
DESTAQUESMais compartilhados
Comentários
AINDA NÃO SE INSCREVEU?

Vem ver os vídeos legais que
estamos produzindo no Youtube.