Tutorial: Como tirar boas screenshots

rumshot capa preview
Quem possui um blog, com certeza já teve que pelo menos uma vez, tirar as famosas screenshots (captura de tela). Isso é uma verdade absoluta principalmente para os blogs de tecnologia, o que você demoraria várias linhas para descrever, pode ser visto (entendido) com apenas uma imagem (muitas vezes, uma imagem vale mais do que mil palavras…).

Muitas pessoas ainda recorrem à tecla “Print-Screen”, posteriormente colando em uma programa de edição de imagens (Paint?!). Quem nunca fez isso? Mas caso você queira tirar uma foto de determinada área da tela, ou de apenas uma janela em atividade, o que você deverá fazer? Bom, nesse caso você terá duas opções: Editar a foto no Paint (ou outro programa de edição de imagens), recortando a área desejada; ou utilizar um programa “especializado” em capturas de tela. É da segunda opção que falarei.

Os programas de captura de tela, há muito tempo deixaram de “simplesmente” tirar fotos da sua tela, hoje eles permitem adicionar efeitos (bordas, sombras, etc), redimensionar, editar, adicionar textos, entre outros, os quais variam de software para software. Ao longo deste post, irei falar de dois programas, um prima pela simplicidade e eficiência, o outro prima pela “beleza”. Além disso, tentarei compartilhar algumas dicas para que você tire boas screenshots.

Simplicidade e eficiência

Depois de testar diversos programas para fazer as capturas de tela deste blog, acabei dividido entre o simples “WinSnap” e o “um pouco mais complexo” FastStone Capture. Toda essa dúvida acabou quando precisei de adicionar textos em algumas das fotos, e principalmente, quando o WinSnap passou a ser shareware.

Conhecendo o FastStone Capture

Diversos desses programas oferecem inúmeras opções, porém poucos (praticamente um :-P ) são leves e eficientes. O FastStone na minha opinião é o melhor no balanço entre leveza e eficiência, oferecendo algumas opções avançadas, sem nunca deixar o seu sistema lento (se não fosse pelo ícone na barra do relógio, você provavelmente nem notaria que ele está rodando).

Opções do FSCapture

O FSCapture permite que você tire os seguintes tipos de screenshots:

  • Captura da janela ativa
  • Captura de um objeto na janela ativa (pode ser um campo de texto, uma parte do menu, etc)
  • Captura de uma região retangular da tela
  • Captura de uma região de forma livre (você seleciona os pontos e cria uma forma)
  • Captura completa da tela
  • Captura de uma janela incluindo o “rolamento” (capturando todo o deslocamento vertical do rolamento)

Além disso, o FSCapture tem recursos de edição, tais como “borrar” determinadas áreas da captura, redimensionar, adicionar texto, adicionar destaques, adicionar bordas especiais, adicionar sombra, além de ter um “Color Picker” (utilizado para copiar o código das cores presentes na tela - eficiente principalmente para webdesigners) e uma “lupa” para ampliar determinadas áreas da tela. Portanto vamos ver como tirar screenshots com o FSCapture.

Tirando screenshots com o FS Capture

Primeiro, você deverá fazer o download: FasStone Capture 5.3; e instalar. Passado os procedimentos básicos, vamos ao que interessa.

Para acessar os modos de captura do FSC, você poderá ou clicar com o lado direito no ícone do programa na barra do relógio, ou acessar através do menu flutuante (vide figura lá em cima), ou ainda utilizar os atalhos do teclado (é o que eu recomendo), para isso acesse as configurações e os modifique a seu gosto.

Na hora de tirar as suas screenshots, você deve ter em mente o que deseja passar para o leitor, e aí então optar por um dos modos. Em geral, eu utilizo a captura de região retangular da tela, ela permite que eu mostre um ponto específico para o leitor. Ao tirar fotos de janelas ou de tela-cheia, veja se o leitor não irá perder o “foco”, algumas vezes ele poderá nem encontrar o que você descreveu no texto. Se você optar por capturar uma região, o FSC irá mostrar uma pequena área ampliada, permitindo que você veja o tamanho em pixel de sua seleção, além de definir exatamente o começo e final desta.

Logo após de ter feito a sua captura, o FSC te leva para uma tela onde você poderá decidir os “rumos” da foto (vide foto abaixo - clique para ampliar).

Área de edição simples do FastStone Capture

No botão “Edit”, você poderá fazer modificações como: redimensionar (atalho: Ctrl-R), rotacionar, alterar o tamanho da área da captura (canvas, atalho: Ctrl-U), alterar saturação, entre outros. Para adicionar bordas, sombra ou marca d’água, você deverá clicar em Edge, definindo os atributos desejados. Caso queira adicionar uma legenda para a foto, clique em Caption. Caso você queira borrar uma área da imagem, adicionar um texto, adicionar uma seleção de destaque, etc, clique em Draw, assim você será deslocado para uma tela semelhante à do Paint (veja figura abaixo - clique para ampliar).

Área de desenho do FSCapture

Quem conhece qualquer programa de edição de imagens estará bem familiarizado com a área de desenho do FSC. Após terminar de fazer suas modificações clique OK, o que te levará para a tela anterior, lá você poderá optar por salvar a captura, copiar, enviar por email, etc. Como eu utilizo o BlogDesk para criar meus posts, eu apenas copio a imagem e colo na área de criação do post, deixando todo o trabalho para o BlogDesk.

Dicas para tirar suas screenshots

  • Tente tirar fotos da maneira mais específica possível
  • Lembre-se que você já sabe do que se trata, mais o leitor não
  • Se for necessário, utilize o recurso do destaque, ele poderá facilitar bastante a vida do leitor
  • Tente utilizar thumbnails, permitindo que o leitor amplie as fotos desejadas, alguns detalhes só podem ser vistos com uma foto ampliada
  • Não se esqueça de “borrar” dados pessoais presentes na foto, como ganhos do adsense, senhas de usuário (ou mesmo nomes de usuário), ou seja, dados privados em geral
  • Quando necessário, não deixe de usar o recurso da captura de rolamento
  • Utilize bordas ou sombras, elas podem dar um toque a mais em suas capturas, além de criarem um certo padrão
  • Utilize marcas d’água - dessa maneira você poderá evitar (ou pelo menos dificultar) cópias de conteúdos, além de “crivar” uma marca do seu site/blog

Screenshots em estado de arte

Se você quer fazer capturas apenas para ajudar em tutoriais, ou para demonstrar algum site, a opção citada acima é tudo o que você precisa. Agora caso você queira fazer algo para impressionar e para “embelezar” seu blog/site, o RumShot é a solução. Lembrando que ele não serve caso você queira criar telas de fato úteis, ele é mais um recurso estético, para ser utilizado, por exemplo, em um retângulo de abertura para todos os seus posts.

O RumShot funciona de uma maneira diferente dos programas tradicionais, na verdade, o maior atrativo dele está na imagens de “preview” que ele cria. Ao tirar uma screenshot, você poderá escolher um local específico da tela para ser a thumbnail, esse local poderá receber diversos efeitos através do uso de temas. Após salvar a captura você terá dois arquivos, o preview e a captura de tela-cheia. Em teoria, esse “thumbanail” seria um link para a captura de tela-cheia, porém na minha opinião, você deverá utilizar apenas a imagem de preview.

Veja abaixo algumas imagens criadas pelo RumShot.

rumshot1 previewrumshot2 preview
rumshot3 preview
rumshot6 preview
rumshot8 preview
rumshot10 preview
rumshot16 preview
rumshot11 preview
rumshot12 preview

Depois de ver esses exemplos, creio que você ficou interessado. Portanto, baixe o RumShot e seus temas:

O RumShot não precisa ser instalado, apenas descompactar e executar. Ao executar pela primeira vez, ele criará na pasta “Meus Documentos” (apenas “Documentos” no Windows Vista), uma delas chamada “Rumshot Screenshots” (diretório padrão onde ele salva suas figuras) e a outra “Rumshot Themes”. Para instalar os temas, descompacte o pacote baixado na pasta “RumShot Themes”.

Visão geral do RumShot

Agora quando você executar o RumShot, você deverá ver todos os temas instalados na direita. Para fazer suas capturas, recomendo clicar no botão “Pop Out Preview”, assim você poderá ver exatamente como será o seu preview. Depois de capturar é só salvar.

Obviamente este não é um programa para utilizar na criação de tutoriais ou mesmo análises de sites, etc. Você deverá restringir o uso a alguns “detalhes”.

Considerações finais

Depois de tanto texto, espero que alguma coisa sirva para você. Caso você utilize outros programas, ou tenha alguma dica, deixe aí nos comentários, afinal, sempre tem algo a ser melhorado. Convido vocês a compartilharem suas experiências com captura de tela.

1 Votes | Average: 5 out of 51 Votes | Average: 5 out of 51 Votes | Average: 5 out of 51 Votes | Average: 5 out of 51 Votes | Average: 5 out of 5 (1 votos, média: 5 de 5)
Loading ... Loading ...

| del.icio.us:Tutorial: Como tirar boas screenshots

Posts Relacionados:


23 Respostas para “Tutorial: Como tirar boas screenshots”  

  1. Gravatar Icon 1 Túlio PR: 0

    Muito bommmm, útil a lot! ;)

    Uma dica tambem é usar alt+print screen que captura apenas a janela selecionada, evitando o recorte. ;)

    Até mais.

  2. Gravatar Icon 2 Andersehen PR: 0

    Muito bom Diogo, parabéns pelo tutorial !

    Vai me ajudar bastante :D

  3. Gravatar Icon 3 Tonobohn PR: 0

    Ótimo tutorial!

    O único problema é que os links para o RumShot estão quebrados.

    Abraço

  4. Gravatar Icon 4 Diogo PR: 5

    Tonobohn:
    Quais links para o RumShot estão quebrados? Testei aqui agora e parece que tudo está normal, talvez o site estava fora do ar.

  5. Gravatar Icon 5 Ludovich PR: 0

    Eu costumo usar o Snagit, mas achei suas dicas bem interessantes.

  6. Gravatar Icon 6 felipe tonello PR: 0

    Gostie bastante dessa dica!! só dei 4 estrelas pra você pois não teve dica com linux =P

    Abração,
    Felipe Tonello

  7. Gravatar Icon 7 Diogo PR: 5

    Felipe:
    Deixo pra você a tarefa de falar das opções para o Linux!

    :-P

    Abraço

  8. Gravatar Icon 8 felipe tonello PR: 0

    Ok,

    Vou tentar achar algo se não quem sabe não posso desenvolver algo do tipo.. gostei muito mesmo desse software…

    qualquer coisa eu jogo no wine.. =]

    Abraços

  9. Gravatar Icon 9 felipe tonello PR: 0

    Cara,
    Sem querer ser flooder heheh

    mas para que que serve esse K2??? eu já vi isso em outros blogs mas não intendi nada no site deles..

    Obrigado

  10. Gravatar Icon 10 Diogo PR: 5

    Felipe:
    :-)

    O K2 é um tema para Wordpress, na verdade é um tema mais complexo, com maiores possibilidades. Visite o site do K2 e conheça mais sobre ele (clique no símbolo aí no rodapé)!

    abraço

  11. Gravatar Icon 11 Neto PR: 3

    Beleza!

    Gostei muito desse tutorial! :D

  12. Gravatar Icon 12 Ricardo PR: 0

    Excelente tutorial.

    Já estou utilizando o FastStone.

  13. Gravatar Icon 13 armando fontes ::) PR: 0

    Eu costumo usar o ScreenGrab do firefox 1.5
    o restante photoshopeio mesmo.

    mas essa sua dica é muito boa

  14. Gravatar Icon 14 matheus PR: 1

    com tira foto da tela?

  15. Gravatar Icon 15 matheus PR: 1

    como tira foto da tela?

  16. Gravatar Icon 16 Diogo PR: 5

    Matheus,

    ou você utiliza um dos programas descritos ao longo deste post, ou aperta “Print-Screen” aí no seu teclado e cola no Paint!

    Seria interessante que você tivesse lido o tutorial lá em cima.

  17. Gravatar Icon 17 Fabiana PR: 0

    Muito boas as dicas! Não consigo mais imaginar minha vida sem o FastStone :)

  18. Gravatar Icon 18 iskdinha PR: 0

    Aperta a Tecla “Print Screen SysRq”

  19. Gravatar Icon 19 rebakan PR: 0

    Obrigada pelo tutoria, foi excelente.Gostaria de aprender como enviar uma screenshot numa mensagem em forums, como colocar meus screenshots online num forum.Podem se quizer, responder-me no meu e-mail.Obrigada, rebakan

  20. Gravatar Icon 20 Jefferson PR: 0

    Excelente tutorial realmente não adianta tecer mais elogios pois diante de tantas explicações o resultado so podia ser este, obrigado mesmo pelo tutorial agora poderei explorar mais dos recursos e ferramentas para o meu site de suporte assim que terminado mando o link para sua visita.

    Vlw

    Jefferson R. de Lima

  21. Gravatar Icon 21 matheus PR: 1

    Valeu mesmo, você me deu toda a informação que eu procurava
    vou até acabar de ler na Captura que fiz

  22. Gravatar Icon 22 Drake PR: 0

    Meus parabéns! Excelente tutorial e boa escolha dos programas. Muito úteis a qualquer hora!

  23. Gravatar Icon 23 NEM PR: 0

    muito massa o tutorial.. nota 10,, valew…

Deixe um comentário






Add o feed no seu browser

Add como favorito no Technorati

Add to Google

Subscribe in NewsGator Online

Add to netvibes

Subscribe in Bloglines

Salve como Favorito no BlogBlogs


Receba o feed por email

Escreva o seu email:

Entregue por FeedBurner



Top Technology Blogs