GF Soluções | Simplificando a tecnologia…
Home Mapa do Blog Anuncie aqui Contato Quem sou eu Termos de uso Ganhe uma caricatura Politica de privacidade
Postado em 31-08-2008 as 15:28hs| Categoria dicas blog|Autor: Gustavo Freitas
Como fazer um gif para seu blog – parte I
Quer receber nossa Newsletter clique aqui ou assine nossos feeds clicando aqui
 

Seja para promover um projeto (outro blog) seu, ou para divulgar algum programa de afiliados ou alguma promoção, os Gif’s são muito interessantes (chamam a atenção do leitor) e rendem bons cliques se bem produzidos.

Fazer um Gif é fácil, você pode

Mas, ao contrário do que parece, não é necessário ser um profissional para fazer um gif simples, mas que traga retorno ao seu blog. Vou ensinar a fazer um gif simples, como esse abaixo, e que disponho na lateral direita do blog, o restante vai depender de sua criatividade e disposição para uma pesquisa rápida no Google.

Exemplo do gif que faremos

Exemplo do gif

Mãos a obra

Para fazer esse gif vou utilizar dois programas pagos (no final estarei dando alternativas gratuitas e link para as versões trial desses programas), o Photoshop e o Corel Draw. Primeiro abra o Corel Draw (estou utilizando a versão X4) e clique em “Novo” no menu “Arquivo”, agora vamos criar um quadrado como o que está acima, para isso pressione a tecla “F6″ e segure a tecla Ctrl (control) enquanto constrói o quadrado perfeito (o control não deixará seu “quadrado” fica retangular).

Pressione a letra “Z” para selecionar o zoom e com o mouse aumente a tela para que possa trabalhar melhor dentro do quadrado. Agora pressione “F8″ e clique com o mouse dentro do quadrado para escrever o texto. No meu exemplo vou escrever a frase “como instalar”. Repare que a frase ficou muito grande para o quadrado, mas não quero diminuir o tamanho das letras, então vou selecionar no menu lateral a ferramenta seleção (a primeira com desenho de seta) e clicar sobre a frase e depois selecione “F8″ para que entre no modo de edição e você possa dar um “enter” entre as duas palavras para que uma desça para a linha de baixo.

Agora vamos colocar a cor no quadrado. Selecione-o clicando sobre ele com a seta e escolha uma cor na paleta de cores a direita. Se quiser mudar a cor das palavras basta fazer o mesmo procedimento, selecione as letras e escolha uma cor. Salve o trabalho clicanco em Arquivo – Salvar e de um nome para o projeto, o meu ficou como banner 150×150. Esse arquivo só poderá ser salvo pelo Corel, não é ainda nosso produto final (em png). Para fazer nosso gif vamos precisar de cinco imagens, mas a maior parte do trabalho já foi feita, pois vamos aproveitar esse modelo para todas as imagens.

Salvando as imagens

Vamos salvar as imagens. Para fazer isso no Corel é necessário clicar em Arquivo – Exportar e abrirá uma caixa padrão para salvar documentos, escolha a pasta em que pretende salvar as quatro imagens (cria uma pasta somente para essas imagens, elas precisam ficar numa única pasta). Nomearei as imagens da seguinte forma banner150×1501, banner150×1502, e assim em diante, fique a vontade para utilizar seu próprio padrão. Em Salvar como tipo, escolha png e clique em “Exportar”, na caixa “converter em bitmap” na caixa onde está milimetros mude para pixels e coloque a largura em 150 (repare que a altura mudará automaticamente para o mesmo valor), em modo de cor verifique se está em cor RGB (24 bits) e clique em ok, dê ok novamente na próxima tela e pronto está salvo.

Repita os passos

Para salvar as outras imagens que vamos precisar nesse projeto modifique a figura que estamos trabalhando, mude a frase para “SOFTWARE” e repita os passos realizados para exportar a imagem anterior em png, e no nome coloque banner150×1502. Na imagem 3 mude a frase para “HARDWARE” e exporte a imagem com o nome de banner150×1503. Na imagem 4 mude a frase para “CLIQUE” e exporte a imagem com o nome de banner150×1504. Lembrando que todas devem ficar do mesmo tamanho, ou seja, 150 x 150 pixels. Na imagem 5 mude a frase para “AQUI” e exporte a imagem com o nome de banner150×1505. Agora você já pode fechar o Corel, pois não precisaremos mais dele nesse tutorial.

Próximo passo

Esse tutorial ficou maior do que eu esperava, por isso a parte de Photoshop estarei deixando para outro post que estarei postando amanhã cedo. Enquanto isso, se ainda não possui o Corel e o Photoshop faça o download da versão de testes clicando sobre o nome dos programas.

Bookmark e Compartilhe

Artigos relacionados:

  1. Como fazer um gif para seu blog – parte II
  2. Como fazer backup de seu blog – Parte I
  3. Como fazer backup de seu blog – Parte II
  4. Como criar uma conta no Youtube e divulgar seu blog – Parte II
  5. Como tornar seu blog popular – Parte II
  6. Como tornar seu blog popular – Parte I
  7. Divulgue seu blog no Ocioso
  8. Sites para fazer seu calendario 2009
  9. Como criar uma conta no Youtube e divulgar seu blog – Parte I
  10. Gravatar: o que é, como ter um, como colocar em seu blog?

Leia outros artigos da categoria dicas blog
(2) Comentários   
« Dia Internacional do Blog | Home | Como fazer um gif para seu blog – parte II »

2 Comentários »

  • Animações gif « Links de divérsos assuntos disse:
    3 de setembro de 2009 às 22:11

    [...] até como banners, para criar-las existem alguns programas pagos como o Photo Shop e o Corel, veja aqui como fazer com esses dois programas. Existem também programas free como o Beneton, se for usa-lo e [...]

    Responder
  • gabrielle disse:
    10 de junho de 2009 às 17:04

    queria saber como criar um blog de gifs.

    Responder

Comente Aqui

Clique aqui para cancelar a resposta.

/Twitter

CommentLuv Enabledshow more

Encontre o que você procura


Divulgue seu blog

Receba os artigos no seu e-mail

Digite seu e-mail:

Tecnologia FeedBurner


Categorias


O novo visual do blog é ?

Ver Resultado

Twitter | Feeds | E-mail

icone twitter feeds gf soluções icone email

Patrocinadores do blog

   
empregos, cursos gratuitos, concursos 
ganhe uma caricatura   

Últimos Artigos

  • Participe do movimento blogs unidos
  • Guest Post: A importância de se linkar outros blogs
  • Twitcam: Stream Live no Twitter
  • Quero Criar um Blog cria o Descobrindo a Bloggersfera
  • Entrevista com Sandra Baroni do Info Macross


Últimos comentários

  • João Henrique: Obrigado Gustavo dei uma olhada e encontrei um plugin para fazer isso ele até faz mas most
  • Tico Esteves: Olá Gustavo, o Novo na Rede também já está divulgando o Movimento! Parabéns pela inicia
  • Rodrigo Piva: Parabéns pela iniciativa, Gustavo. Conte comigo. Abraços .-= Rodrigo Piva publicou o a
  • Gustavo Freitas: Élly, o problema é com as aspas duplas (") apague todas e digite novamente, um abraço.
  • Gustavo Freitas: Sergio, seja bem vindo ao movimento.
  • Gustavo Freitas: The Best, muito obrigado pelo apoio, um abraço.
  • Gustavo Freitas: Roberto, o problema está sendo com as aspas, apague-as e digite-as novamente e creio que
  • Gustavo Freitas: Laurentino, obrigado pelo apoio, um abraço.
  • Élly Dantas: Poxa, coloquei o selo e a imagem ñ aparece... q estranho
  • Élly Dantas: Eu do blog Fernanda Lima Guria já estou participando deste movimento. O selo esta lá e es

Artigos mais comentados

  • O que é Twitter? (175)
  • Campanha Diga não ao bloqueio de blogs (105)
  • Como excluir o vírus autorun.inf do pen drive (104)
  • Gravatar: o que é, como ter um, como colocar em seu blog? (93)
  • Como criar páginas no Blogger (77)

Nuvem de Tags

adsense antivirus blog blogger blogosfera blog voluntário campanha concurso curiosidade curso gratuito cursos gratuitos cursos grátis dicas blog divulgação e-mail e-mail falso fala blogueiro feedburner feeds firefox firefox 3 gmail golpe online google guest post ideias soltas internet internet explorer linux livro microsoft mozilla plugin primeiro promoção Segurança software livre tecnologia template ti twitter vírus web 2.0 windows wordpress

Estatísticas

 
Copyright © GF Soluções 2008 - 2010 Todos os direitos reservados.
Template desenvolvido por Gustavo Freitas baseado em: Red_Wave

Monetizado com WP-HOTWords.