Tutorizando - Como criar seu próprio cursor

Galera, estou precisando de outro voto de vocês (sei que sou chata haha). Estou em segundo lugar nesse concurso, e esta quase acabando, então corram lá e me ajudem. Sei que é irritante, mas pensem se fosse vocês quem precisassem dessa ajuda. Então conto com cada um. Vote aqui. Muuuuito obrigada. (:

Como vão meus amores?

Vocês já devem ter percebido que várias blogueiras estão criando seus cursores personalizados, com a sigla ou nome do blog. Aqui no DDP eu coloquei recentemente um assim, devem ter percebido kk. Hoje vou ensinar vocês a criar um. Parece complicado, mas se você prestar atenção, sai bem certinho!
Se você quiser usar uma imagem ao invés de uma sigla, também dá.

Antes de tudo, você vai precisar ter o Photoshop em seu computador. Caso você ainda não tenha, dê uma olhada aqui (um post antigo bem completo ensinando a baixar e instalar direitinho). Se você não quiser ter o programa instalado, é só excluir depois de criar o seu cursor.

Então vamos lá. Clique em "Ler mais" para ver o passo-a-passo. 

01. O que você vai fazer, na realidade, é adaptar um cursor pronto. Então, antes de tudo, procure um simples, apenas a flechinha. Separei alguns para vocês (se quiserem outros, procurem aqui).

Escolha um e salve.

02. Abra o Photoshop CS3.

- Na barra do lado esquerdo, clique várias vezes no ultimo ícone, até que fique duas janelinhas, como na imagem:

 - Em "Arquivo", clique em "Novo...". Coloque largura e altura com 100px, e fundo transparente:

Deixe de lado.

03. Em Arquivo, clique em "Abrir..." e selecione o cursor que você salvou. 

- É essencial que ele tenha fundo transparente (no Photoshop aparece com esse quadriculado branco e cinza). Se o seu cursor tiver fundo branco, basta selecionar "Ferramenta borracha de Plano de Fundo" na barra do lado esquerdo, deixar com o tamanho máximo e clicar no fundo branco para apaga-lo.

- Quando ele estiver com fundo transparente, aperte CTRL + A, e arraste-o para o canto superior esquerdo da outra imagem:

 

04. Na barra do lado esquerdo, clique no "T". Então escolha a fonte, o tamanho (coloque 20 ou 30, depende da fonte) e a cor.

05. Escreva a sigla. Se precisar, mude o tamanho da letra. 

- Quando estiver bom, clique na flecha preta na lateral esquerda, e com ela arraste a sigla para perto da flechinha:

06. Com a ferramenta "Cortar", selecione um espaço, como na imagem abaixo, tirando a parte vazia:

Dê "Enter" para cortar.

07. Em "Arquivo", clique em "Salvar como..." e deixe no formato "Photoshop(*.PSD;*.PDD)" e salve. Se abrir uma mensagem, clique em "Ok". 

08. Clique novamente em "Salvar como...", mas dessa vez salve no formato "PNG (*.PNG)". Na mensagem que abrir, clique em "Ok".

09. Para colocar no blog: 

- Hospede o seu cursor (no formato PNG) no TinyPic, copie o ultimo link e cole num bloco de notas:

- Vá para "Layout", adicione um novo gadget de HTML/Javascript e cole o seguinte código:

<style type="text/css">

HTML,BODY{cursor: url("LINK DO CURSOR"),auto;}

</style>

Aonde está em  amarelo , coloque o link que você copiou no TinyPic. 

- Salve e coloque esse gadget em qualquer posição no layout (ele fica invisível).

10. Veja se ficou tudo certinho, e pronto! Se alguma coisa estiver errada: no Photoshop abra o seu cursor no formato "Photoshop(*.PSD;*.PDD)" e tente arrumar. Qualquer dúvida, é só me perguntar.

E ai, o que acharam do tutorial? Muito difícil? Se tiverem usado, me avisem pra eu ver o resultado! *-*