Tutorial: Como tirar boas screenshots

by Diogo on março 4, 2007

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.

Popularity: 2% [?]

{ 24 comments… read them below or add one }

1 Túlio março 5, 2007 às 8:34

Muito bommmm, útil a lot! ;)

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

Até mais.

Responder

2 Andersehen março 5, 2007 às 11:14

Muito bom Diogo, parabéns pelo tutorial !

Vai me ajudar bastante :D

Responder

3 Tonobohn março 5, 2007 às 12:01

Ótimo tutorial!

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

Abraço

Responder

4 Diogo março 5, 2007 às 12:35

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.

Responder

5 Ludovich março 5, 2007 às 15:12

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

Responder

6 felipe tonello março 7, 2007 às 10:56

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

Abração,
Felipe Tonello

Responder

7 Diogo março 7, 2007 às 17:10

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

:-P

Abraço

Responder

8 felipe tonello março 9, 2007 às 9:28

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

Responder

9 felipe tonello março 9, 2007 às 9:29

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

Responder

10 Diogo março 9, 2007 às 12:42

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

Responder

11 Neto março 9, 2007 às 20:18

Beleza!

Gostei muito desse tutorial! :D

Responder

12 Ricardo março 12, 2007 às 15:55

Excelente tutorial.

Já estou utilizando o FastStone.

Responder

13 armando fontes ::) março 14, 2007 às 0:42

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

mas essa sua dica é muito boa

Responder

14 matheus março 14, 2007 às 22:24

com tira foto da tela?

Responder

15 matheus março 14, 2007 às 22:24

como tira foto da tela?

Responder

16 Diogo março 14, 2007 às 22:43

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.

Responder

17 Fabiana março 15, 2007 às 22:59

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

Responder

18 iskdinha março 17, 2007 às 18:08

Aperta a Tecla “Print Screen SysRq”

Responder

19 rebakan março 22, 2007 às 22:30

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

Responder

20 Jefferson agosto 14, 2007 às 12:08

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

Responder

21 matheus setembro 4, 2007 às 20:37

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

Responder

22 Drake abril 16, 2008 às 9:58

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

Responder

23 NEM maio 16, 2008 às 0:39

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

Responder

24 flavio outubro 28, 2008 às 14:32

esse t utorial vai me ajudar bastan!

Responder

Leave a Comment

Previous post: divShare Uploader lança versão 1.0

Next post: Rockstar disponibiliza GTA 1 e 2 para download gratuito