Como criar banner animado com o Photoshop CS4

Translator Widget by Dicas Blogger
Há muito tempo atrás, fiz uma vídeo-aula ensinando como criar banner animado usando o software Fireworks. Hoje “cismei” que queria aprender a fazer o mesmo, mas usando o magnífico Adobe Photoshop. E não é que deu certo?
Primeiramente, é preciso criar uma sequência de imagens estáticas que farão parte dos quadros do banner animado - Video-Aula:Criando Banner no Photoshop.
Como o tutorial ia ficar muito grande, resolvi colocar a maior parte das imagens em tamanho reduzido. Para ampliá-las, basta clicar em cada uma delas.
Como exemplo, vou usar 4 imagens que criei previamente. Vamos considerar a primeira imagem como o primeiro quadro do futuro banner animado. Copie (Crtl+A/Crt+C) a segunda imagem e cole (Crtl+C) em cima da primeira, formando assim uma nova camada. Repita esse procedimento com as demais imagens.
Clique em janela e procure por camadas. Você vai ver todas as camadas que acabou de criar. Agora clique em janela e depois em animação.
Na figura 1 vemos as quatro camadas, numeradas de 0 a 3 e, logo abaixo, temos a janela de animações. Vamos desmarcar as camadas 1, 2 e 3 clicando, no ícone correspondente, que parece um pequeno olho ( seta 1).

Clique agora onde está a seta 2 para abrir um novo quadro. Desmarque a camada 0 e marque a camada 1. Repita o procedimento para as demais camadas (figuras 2 e 3)

 

Agora, vamos escolher por quantos segundos será exibido cada quadro. Clique logo abaixo do quadro, onde está escrito 0 seg (figura 4) e escolha o tempo (sugestão 2,0 seg). A seguir, visualize a animação, clicando no local indicado na figura 5.

Se tudo estiver Ok, selecione todos os quadros, clique em arquivo e salvar para web e dispositivos (figura 6). Faça as configurações conforme mostra a figura 7 e, ainda na mesma janela, clique no botão visualizar (veja a seta)

A animação irá aparecer no navegador. Clique com o botão direito do mouse e salve.
Eis o resultado do banner animado, que foi utilizado para este tutorial:

Para colocar o banner em seu blog do Blogger, faça o upload para o Picasa (figura 8), por exemplo. Você deve escolher um álbum, clicar em arquivo (1), procurar o banner que foi salvo no seu computador (2), clicar em abrir (3) e depois em iniciar upload. Ao término, o banner animado irá aparecer no seu álbum do Picasa. Clique sobre ele para ampliar e copie o endereço/url da imagem (figura 9).

Abra o gadget html/javascript e cole o seguinte código, com as modificações

Depois é só salvar e pronto – o banner animado estará visível no blog ;)

Coisas para blog.

Olá pessoal...

Depois de tanto tempo hehehe (ando sem tempo mesmo) resolvi postar...

e Hoje vim fazer propaganda de mim mesma....

Estou arrumando alguns bloguinhos, coloco o layout, cabeçalho com o nome do blog, relógio, contador, visitas online e algumas coisinhas mais....

Beijos

30 pacotes de ícones lindos e úteis para seu blog

A internet está cada dia que se passa mais social e mais repleta de conteúdos gerados por pessoas comuns, não é mesmo?! Twitter, Facebook, Feeds, Blogs e por aí vai…
Eu tenho certeza que você está cada vez mais integrado com todos esse serviços on-line, mas como representar tudo isso em seu blog?
Acho que a resposta são bons ícones, eles sim darão conta desse trabalho. Por isso eu listei 30 pacotes de lindos ícones para você usar em seu blog. Boa sorte e espero que algum dos listados abaixo seja o que você estava procurando.

Social Bookmark Bonus by IconTexto

Drink Web 2.0 Icon Pack by IconTexto

Colourflow: RSS Feeds icon by tRiBaLmArKiNgS

RSS Icon v2 by carlnewton

Rss Icon Orange by finlayy

Toast Feed Icon by zyenth

Blackboard Feed Icon

Tweetie Balloons by lharboe
 
 

Continua...

RELÓGIOS, CALENDÁRIOS E ENFEITES PARA BLOG

Queridos, este site é muito legal, tem calendários, relógios, barrinhas e enfeites super 10 para seu blog. Click na imagem acima para acessar e confira!

http://calgot.net/

Integre vários sites e serviços ao seu blog.

 

Wibiya blogs  Wibiya é uma nova barra de ferramentas ainda em beta privado, que acho que tem um futuro brilhante pela frente.

Wibiya é encontrado no rodapé de um blog e oferecer opções adicionais para jogadores como o Google e Google Blog Search, a tradução da nota ou a página atual, fazer um bilhete aleatório, Exibir entradas recentes no blog .

Mas isso não é tudo, é possível criar uma comunidade em torno do blog através do Facebook, o autor do blog pode adicionar Twitter e os seus leitores poderão ver a atualização mais recente e, ocasionalmente, siga o autor, uma opção para partes do bilhete ou a página atual em diferentes plataformas ou e-mail.

Wibiya realmente agradável e, embora eu ainda não tentei ainda (não recebi meu convite ainda: /) Eu realmente quero instalá-lo aqui. A única coisa que me irrita um pouco foi a parte do Facebook, como alguns sabem eu não sou de todo fã da rede ...

Wibiya obras na plataforma Blogger, Wordpress, TypePad ou simplesmente colocando um pedaço de código em um site.

Você pode ver esta barra em ação AQUI e assim que você crie sua própria idéia Wibiya.
Aplicativos como: Caixa de pesquisa Wibiya você pode permitir que seus leitores busque em qualquer lugar em seu site como a caixa de pesquisa é sempre visível.

Torna  seu visitantes usuário do Twitter e Facebook e ainda posta publicações.

Em apenas um clique você pode adicionar ao seu blog milhares de fóruns de discussão em tempo real com o melhor bate-papo na web.

Suas fotos nunca vai ficar melhor. Deleite-se com todos os seus próprios 3D Wall, É a maneira mais rápida e impressionante para ver suas fotos. Os usuários serão capazes de percorrer um esforço infinito "3D Wall" de suas fotos sem ter que clicar a página para página. Esta aplicação irá aumentar o tempo que os usuários gastam no seu site, minimizando a taxa de retorno para o Flickr e Picasa acolhimento que suas fotos

 

Colocar seus vídeos e a maneira mais rápida e impressionante para ver seus vídeos. Os usuários serão capazes de percorrer um esforço infinito "3D Wall" dos seus vídeos, sem ter de página para página e clique em sair do seu site para o YouTube. Esta aplicação irá aumentar o tempo que os usuários gastam no seu site, minimizando a taxa de retorno para hospedar seus vídeos YouTube.

Compartilhe : Orkut, Facebook,Gmail,Twitter,Fotos,Jogos, RSS,Chat  e ferramentas para seu blog ou site.

Muito legal, vale apena conferir.

Turbinando seu blog com o Wibiya toolbar.

Turbinando seu blog com o Wibiya toolbar.

Para quem frequenta sempre o Bem Capaz deve ter notado recentemente uma adição ao rodapé da página. A Wibiya toolbar que permite a você navegar rapidamente entre os artigos do site ou compartilhar mais facilmente os artigos com seus amigos.

No momento você precisa se inscrever para ser um beta tester e aguardar a confirmação deles, após isso é só seguir as instruções no site para instalar. Para quem tem Wordpress consiste em basicamente ativar um pugin e ela já estará funcionando.

Atualmente é aceito apenas um email por site, logo se você quiser instalar ela em outros sites vai precisar utilizar a mesma barra ou solicitar outra através de outro email como foi recomendado no seção de ajuda deles.

Vantagens de instalar o Wibiya

No momento que instalei já vi resultados, através do seu Painel de Controle (Dashboard) no site do Wibiya você pode acompanhar quantas vezes a barra foi utilizada para acessar artigos, compartilhamento, enviar tuites, etc. O acompanhamento pode ser feito ao longo de um mesmo dia, semana, meses e o “máximo” (deve ser 1 ano). Como exemplo minhas estatísticas cerca de 3 horas depois de instalar a barra já estavam assim:

Quanto mais chamativa a cor da barra melhor são os resultados. Nestas 3 horas deixei metade do tempo na cor cinza, bem discreta e menos “intrusa” o que gerou apenas cerca de 20% dos resultados que a cor verde escura conseguiu. Como os usuários que passam mais tempo no site podem optar por esconder a barra (no canto direito) optei por deixá-la mais chamativa e ter melhores resultados.

Outro recurso interessante é que ele deixa salvo um Cookie e identifica assim se o usuário está voltando para o site ou acessando-o pela primeira vez. Caso seja a primeira você pode optar por exibir um alerta ao usuário, avisando-o, por exemplo, de que tem uma novo recurso instalado no seu site. De qualquer forma você pode usar para muitas coisas como promoções, eventos, etc

Wibiya

Blog de imagens de natal!!!

Blog cheio de imagens de Natal, de jogos de natal, de musicas de natal, toques de natal e mensagens de natal! Uma boa sugestão é enviares uma SMS ou MMS com tudo isto para os teus familiares e amigos, vais encontrar várias formas de o fazer neste blog!http://blogdonatal.blogspot.com/

  Widgetbox: Portal para quem gosta de HTML.

O WidgetBox é um site com uma grande variedade de widgets para você incrementar o seu blog. Você precisa apenas configurar o widget do seu gosto e depois pegar o código e colocar no seu blog, independentemente da plataforma. O WidgetBox gera o código em diversas plataformas como Blogger, Wordpress, MySpace, iGoogle, NetVibes, etc.

É muito simples customizar o seu widget e depois instalar no seu blog até mesmo para quem não é familiarizado com o inglês.

O WidgetBox organiza o banco de dados de widgets por tags, o que facilita na hora de procurar um widget bacana para incrementar o seu blog. No site você pode encontrar widgets de relógios, contadores de visitas, jogos, diversão, filmes, música, fotos, esportes, etc.

Na página principal do site também é possível ver quais são os widgets mais populares, os mais votados e também os widgets adicionados recentemente ao WidgetBox.

Se você gosta de incrementar seu blog para ter uma melhor interação com seus usuários, o WidgetBox é uma boa pedida.

Cursores de mouse.

 Encontrei um site maravilhoso que recomendo, é muito fofo e possui uma diversidade imensa de de cursores por temas e o mais interessante é que ela cria cursores free com o seu nome, basta escrever e encomendar.
Temas natalinos, nomes, esporte, girl, boy, animais, artistas etc
http://cursores.girlspt.com/


Outro site que também possui uma diversidade muito grande de cursores é este aqui em baixo,Totally Free, vale a pena ir conferir.

http://www.totallyfreecursors.com/category.cfm/id/42/Names.htm

Blog de Natal.

Tudo para natal:

Fundos para o Blogger em 2 ou 3 colunas.

Navegando encontrei um blog lindo, o "Blogger Background Blog"com um serviço especial: backgrounds para o Blogger.

Se você gosta de blog cute ela disponibiliza lindos fundos para o Blogger em 2 ou 3 colunas. Entre, escolha o fundo para o seu blog, copie o código e cole no HTML/Javascript em seu blog. Ela também faz as imagens para o cabeçalho.

Para instalar o fundo é fácil.

Clique em "Layout"

Clique em "Elementos de página"

Clique em "Adicionar elemento de página"

Ao abrir a janela, clique em "HTML/Javascript", é aí que vc colará o código.
 

Caixinhas de e-mail decorado

 Confira na galeria os modelos disponíveis e faça aqui mesmo o código pronto para uso.

Escolha a galeria de Caixa de e-mail: