Como crio destaques em uma captura de tela?


41

Na resposta da Chipaca para Gerenciar arquivos e cenários de sincronização, há uma captura de tela com alguns destaques. Os destaques são os seguintes:

  1. Uma linha de uma lista da GUI é destacada pelas outras partes da captura de tela que estão mais escuras.
  2. Uma marca de seleção é destacada ao ser circulado pelo que parece um giz de cera (laranja).

Como crio esses dois destaques em uma captura de tela? Existe um processo automatizado?

A captura de tela a que estou me referindo se parece com isso:

Guia "Cloud Folders" do Painel de controle do Ubuntu One, com uma linha destacada para ilustrar o ponto no texto


6
Esta deve ser uma solicitação de plug-in para o Shutter;)
Achu

@Chipaca Alguma das respostas abaixo corresponde a como você fez isso?
NN

11
Desculpe, demorei muito para encontrar isso, por algum motivo não recebi nenhuma das notificações (?). Eu fiz isso manualmente. A resposta aceita é mais eficiente do que eu fiz, mas mesmo assim levou apenas alguns minutos, enquanto meu cérebro trabalhava na redação da resposta de qualquer maneira.
Chipaca

@Chipaca Eu o avisei duas vezes. Talvez haja alguma falha. De qualquer forma, fico feliz em saber como você foi.
NN

Respostas:


39

Aqui está um guia para o Gimp Instale o gimp :

Criar retângulo destacado

  1. Selecione a ferramenta Retângulo :

    • tick Feather Edges escolha Radius, por exemplo, 5,0 pixels para bordas suaves
    • marque Realçar para destacar a seleção

    insira a descrição da imagem aqui

  2. Selecione a área para realçar

  3. Selecione -> Nenhum para remover a seleção.

A seleção está destacada agora

Efeito destaque

Nota: em algumas versões do GIMP, o realce pode ser removido assim que selecionarmos outra ferramenta ou salvar a imagem. Nesse caso, podemos proceder da seguinte maneira para manter a área destacada:

  1. Inverta a seleção ( Selecione -> Inverter ou Ctrl+ i).
  2. O balde preenche o fundo com 30% de opacidade em preto.

Criar Crayon

  1. Selecione Ellipse Tool para selecionar a área para giz de cera
  2. Selecione -> Borda, por exemplo, com 8 pixels
  3. Ferramenta Pincel escolha pincel, por exemplo , Galaxy , escolha cor, por exemplo, amarelo
  4. Pintar a seleção até ficar feliz

Efeito creiom


É possível automatizar algumas dessas etapas de alguma maneira?
NN

Você pode fazer a parte destaque mais fácil - consulte Editar;)
Takkat

11
Outra maneira de fazer a pintura da elipse é fazê-lo como um caminho (que você pode criar com a seleção a caminho na guia caminhos da janela de camadas e caminhos) e, em seguida, executando o "caminho do traçado" com um conjunto de pincéis apropriado . (Eu ficaria mais específico, mas eu não tenho um GIMP instalar calhar.)
macios

@luffy: Eu deveria saber isso: D. Eu comecei a fazer o mesmo processo no GIMP, mas estou mais acostumado a fazer coisas relacionadas a caminhos no Inkscape: P.
RolandiXor

Assim que clico na ferramenta elipse, o realce desaparece. Existe alguma maneira de manter o destaque?
Exeleration-G

18

Você pode fazer isso em editores como Pinta, Shutter *, GIMP, etc.

O processo pode variar, mas uma maneira de fazer isso seria colocar um quadrado / retângulo translúcido em uma segunda camada acima da imagem e recortar a parte que você deseja brilhar.

Exemplo de fluxo de trabalho:

insira a descrição da imagem aqui

  • Abra sua captura de tela no Pinta.
    1. Crie uma nova camada.
    2. Selecione a nova camada
    3. Escolha a ferramenta paintbucket.
    4. Mude a cor para preto, mas defina a opacidade para 150.
    5. Agora use a ferramenta de seleção de retângulo para selecionar a área que deseja realçar.
    6. Preencha a camada com esta cor.
    7. Clique em Excluir.
  • A imagem agora deve ser destacada.

exemplo


* O obturador é mais para realizar o efeito inverso.


Você não incluiu a segunda técnica de destaque que mencionei.
NN

2
É por isso que estou me perguntando se Chipaca conseguiu alguns passos automatizados. Parece um pouco exigente fazer a edição avançada de imagens para cada captura de tela.
NN

@NN: Eu estava indo para adicioná-lo, mas é muito trabalho com métodos padrão. Então, vou deixar minha resposta como está.
RolandiXor

7. Hit delete.O que precisamos excluir exatamente?
Anmol Singh Jaggi

@AnmolSinghJaggi quando você pressiona delete, exclui os pixels que você selecionou.
RolandiXor

4
  1. Tire uma captura de tela

    Eu uso shuttere gnome-screenshotpara tirar screenshot, você pode usar qualquer um deles.Para instalá-los, use os comandos.

    sudo apt-get install shutter
    sudo apt-get install gnome-screenshot
    
  2. Instalargimp
    Precisamos disso para a edição.Instale-o com

    sudo apt-get install gimp
    
  3. Faça o screenshot no gimp Eu arrastei a imagem para gimp.Você pode usar file -> open

  4. A diversão começa

    • Primeiro, selecionamos a parte que queremos branca. Podemos segurar Shiftpara selecionar várias áreas. Invertemos a seleção usando Ctrl+I insira a descrição da imagem aqui
    • Depois, selecionamos a ferramenta pincel . insira a descrição da imagem aqui
    • Agora alteramos a opacidade e aumentamos o tamanho.
      insira a descrição da imagem aqui
    • Pinte tudo.Se estiver mais escuro, altere a opacidade e tente novamente.Para mim, 50% foi bom. E o resultado final é.
      insira a descrição da imagem aqui

NOTA: As opções para o gimp estavam disponíveis facilmente para mim, porque eu as personalizei bastante. Use algum gimptutorial para aprender como usá-lo.



0

Sempre que você tiver um fluxo de trabalho como o mostrado nas outras respostas para o GIMP , é um pouco fácil automatizá-lo pelo menos parcialmente (com as restrições que os scripts compararam aos plug-ins) escrevendo algum Script-Fu (ou seja, Scheme) ou Python . Se o script for escrito para respeitar desfazer / refazer, isso também facilitará um pouco a experiência com os valores, porque é apenas um pressionamento de tecla para remover todos os traços do efeito novamente.

Aqui está um script que automatiza a parte de destaque, porque eu poderia usá-lo para a frente.

Os scripts entram em ~/.config/GIMP/2.10/scripts(ou por exemplo ~/.gimp-2.8/scripts, respectivamente, outros números de versão), então você só precisa iniciar o programa ou usar Filtros> Script-Fu> Atualizar scripts se o arquivo foi adicionado quando já estava em execução.

Depois, selecione algo e use Filtros> Luz e Sombra> Área de Destaque ... para criar uma nova camada de destaque (bem, sombra realmente):

exemplo de destaque do uso

É assim também que os destaques ficariam com 5px de pena aplicada.

A aplicação de penas é opcional, afinal você pode obter o mesmo efeito usando a opção de penas da ferramenta de seleção; o uso da opacidade da camada pode facilitar um pouco a brincadeira com a cor, mas se você quiser pintar por cima, é mais fácil usar o preenchimento alfa (alternativamente, outra camada teria que ser adicionada).


0

Usando o Obturador

Eu acho que é realmente mais fácil usar shuttertanto para a captura de tela quanto para o destaque. O Shutter é uma incrível ferramenta de captura de tela e edição de imagem da GUI.

1. Instale o obturador

Se você não tiver o obturador instalado, poderá instalá-lo rapidamente através do terminal:
sudo apt install shutter

2. Inicie o obturador

Inicie o obturador usando seu método favorito. Isso está no Ubuntu 16.04.

insira a descrição da imagem aqui

3. Tire sua captura de tela.

Vamos usar a página inicial do google:

insira a descrição da imagem aqui

4. Reabra a janela principal do obturador

Você será recebido por uma tela como esta mostrando sua última captura de tela. Clique no Editbotão no canto superior direito.

insira a descrição da imagem aqui

5. A janela de edição

Isso abrirá uma janela com as ferramentas de edição e os botões no lado esquerdo.

insira a descrição da imagem aqui

Entre as ferramentas que você pode usar incluem:

  • Destaque algumas partes da captura de tela usando o marcador de cores
  • Adicione texto personalizado usando a ferramenta Texto
  • Adicione formas como linhas, setas, retângulos, elipses etc.
  • Censure partes da captura de tela usando uma ferramenta de manchas ou a ferramenta de pixelização.
  • Você também pode cortar algumas partes

Edite a captura de tela conforme necessário e clique no botão Salvar no canto superior esquerdo para salvar as alterações.

A captura de tela abaixo mostra o efeito de algumas dessas ferramentas:

insira a descrição da imagem aqui

Edição feliz.


O botão Editar no obturador não funciona
Sabrina

Atualização sob libss -> itsfoss.com/shutter-edit-button-disabled
Radek
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.