GF Soluções | Simplificando a tecnologia…
    Home | Mapa do blog | Anunciar | Contato | Quem sou eu | Termos de uso | Política de privacidade

Últimos artigos

      Participe da promoção Livro Panorâmico
      10 geradores de senha online
      Uma visão diferente das redes sociais
      Entrevista com Luan Felipe do Sem Preceito
      Como integrar o Google Friend Connect ao wordpress
      Como enviar artigos para o Twitter pelo FeedBurner
      Homenagem ao dia internacional da mulher
      Erro wordpress: cannot modify header information
      Palestra construindo um blog de sucesso
      Como conseguir 2.600 visitas num único artigo em apenas um dia

Dicas para blogs

    Como enviar artigos para o Twitter pelo FeedBurner
      Como conseguir 2.600 visitas num único artigo em apenas um dia
        Agradecimento especial aos parceiros do GF Soluções
          Quero Criar um Blog cria o Descobrindo a Bloggersfera
            Tabela de cores em Hexadecimal
              35 sites com arquivos em PSD de altíssima qualidade
                Como criar uma conta no Youtube e divulgar seu blog – Parte II
                  Como criar uma conta no Youtube e divulgar seu blog – Parte I

Temas Wordpress

    Regal: Tema worpdress em português
      5 excelentes plugins para o Google Friend Connect
        CrossBlock: Tema wordpress Premium Free
          Como mostrar a data da última edição de um artigo
            9 plugins para otimizar o SEO de seu blog
              Visiting Card: Tema wordpress
                Wordpress 3.0 não terá o usuário admin
                  Arthemia Free: Tema wordpress em português
                    Black Red: Tema wordpress
                      Código para mostrar o autor do artigo com gravatar e biografia
Postado em 31 de agosto de 2008 às 15:28hs | Categoria dicas blog
Como fazer um gif para seu blog – parte I

Esse artigo foi escrito por Gustavo Freitas, Profissional de Tecnologia da Informação, Bacharel em Sistemas de Informação e está cursando pós graduação em Planejamento Educacional e Docência do Ensino Superior. Ele já escreveu 714 artigos no GF Soluções.

widget desenvolvido por Gustavo Freitas.


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. Sites para fazer seu calendario 2009
  8. Como criar uma conta no Youtube e divulgar seu blog – Parte I
  9. Divulgue seu blog no Ocioso
  10. Queime os Feeds do seu blog no FeedBurner e muito mais – Parte V
(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

Ajude a divulgar o GF Soluções


Receba os artigos no seu e-mail

Digite seu e-mail:

Tecnologia FeedBurner

Google Friend Connect

Artigos arquivados por mês

Escolha uma categoria

Escolha um assunto

Ver Resultado

Twitter | Feeds | E-mail

icone twitter feeds gf soluções icone email

Siga-me no Google Buzz

google buzz

Patrocinadores do blog

   
empregos, cursos gratuitos, concursos 
ganhe uma caricatura   

Top parceiros

  • Quero Criar um Blog
  • Correio Tec
  • Novo na Rede
  • Blog do Moura
  • Design Tecnológico
  • Saiba como colocar seu blog aqui

Últimos comentários

  • Gustavo Freitas: Imaculada, não divulgo um blog enquanto ele não tiver uma certa quantidade de artigos, po
  • Maria Imaculada campos: Gustavo,estou lendo seu Blog.Não se dá conta de ler tudo. Nem eu compreendo tudo. Fico c
  • Gustavo Freitas: Elaine, fico grato pela recomendação. a tecnologia não é simples, principalmente para que
  • Arthurius Maximus: Olá Gustavo! Agradeço a gentileza da publicação, do apoio e pela agradável surpresa nes
  • Elaine: Gustavo,recomendei o teu Site pra várias amigas. Fiquei tão entusiasmada de ter conseguido
  • Gustavo Freitas: o twitter ainda não possui uma versão em português, o que deve acontecer em breve, um abr
  • Gustavo Freitas: Elaine, fico muito grato pelo seu comentário e espero que o GF Soluções possa continuar l
  • Alécio França: Realmente, são tantos serviços que exigem e às vezes só permitem ir para o próximo passo d
  • -mark-: Bem interessante ... já esta em meu blog e no blog da escola , foi interessante porque a
  • Rodriggo: Boa Noite Gustavo gostaria de ter twitter mais não consigo porque está em ingles m

Top comentadores do mês

    • concentrado (8)
    • Bruno (4)
    • Arthurius Maximus (4)
    • Iúri (4)
    • Sandra-Info-Macross (4)
    • elaine (3)
    • Gratuidade (3)
    • aline (2)
    • Laurentino Mello (2)
    • paula (2)
  • Artigos mais comentados

    • O que é Twitter? (212)
    • Como excluir o vírus autorun.inf do pen drive (115)
    • Campanha Diga não ao bloqueio de blogs (107)
    • Gravatar: o que é, como ter um, como colocar em seu blog? (100)
    • Participe do movimento blogs unidos (90)

    Nuvem de Tags

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

    Estatísticas

     

    O GF Soluções possui 714 posts.

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

    Monetizado com WP-HOTWords.