Oficina da Net Logo

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 Pular para comentários
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
Comentários
Carregar comentários