如何在屏幕截图上创建突出显示?


41

在Chipaca关于管理文件和同步方案的答案中,有一个屏幕截图,其中有一些要点。重点如下:

  1. 屏幕快照的其他部分较暗,突出显示了GUI列表的行。
  2. 复选标记通过看起来像(橙色)蜡笔的圆圈来突出显示。

如何在屏幕截图上创建这两个突出显示?是否有自动化流程?

我指的屏幕截图如下所示:

Ubuntu One Control Panel的“云文件夹”选项卡,突出显示一行以说明文本中的要点


6
这应该是Shutter的插件请求;)
Achu

@Chipaca下面的答案是否与您的操作相对应?
NN

1
抱歉,我花了很长时间才找到它,由于某种原因,我没有收到任何通知(?)。我是手动完成的。可以接受的答案比我处理问题的方式更有效,但是即使如此,我也只花了几分钟,而我的大脑却一直在思考答案的措辞。
Chipaca

@Chipaca我确实两次通知过您。也许有一些小故障。无论如何,我很高兴听到你的情况。
NN 2012年

Answers:


39

这是The Gimp 的指南安装gimp

创建高光矩形

  1. 选择矩形工具

    • 勾选Feather Edges选择Radius(例如半径为5.0像素)以实现平滑边框
    • 勾选突出显示以突出显示选择

    在此处输入图片说明

  2. 选择要突出显示的区域

  3. 选择->无以删除选择。

现在选择突出显示

高光效果

注意:在某些版本的GIMP中,只要选择其他工具或保存图像,突出显示可能会被删除。在这种情况下,我们可以按照以下步骤使区域突出显示:

  1. 反转选择(选择->反转Ctrl+ i)。
  2. 桶用不透明度为30%的黑色填充背景。

创建蜡笔

  1. 选择“椭圆工具”以选择蜡笔区域
  2. 选择->边框,例如8像素
  3. 画笔工具选择画笔(例如Galaxy),选择颜色(例如黄色)
  4. 油漆选择直到开心

蜡笔效果


这些步骤中的某些步骤是否可能以任何方式自动化?
NN

您可以使突出显示的部分更容易-请参见编辑;)
Takkat 2011年

1
进行椭圆绘制的另一种方法是将其作为路径(可以在“层和路径”窗口的“路径”选项卡上使用“选择路径”创建),然后使用适当的画笔组进行“描边路径” 。(我会更具体,但是我没有安装GIMP。)
蓬松的

@luffy:我应该知道这个:D。我已经开始在GIMP中执行相同的过程,但是我更习惯于在Inkscape:P中进行与路径相关的工作。
RolandiXor

单击椭圆工具后,突出显示消失。有什么办法可以保持突出显示?
Exeleration-G 2012年

18

您可以在Pinta,Shutter *,GIMP等编辑器中执行此操作。

该过程可能有所不同,但一种方法是将半透明的正方形/矩形放置在图像上方的第二层中,然后切出要发光的部分。

工作流程示例:

在此处输入图片说明

  • 在Pinta中打开您的屏幕截图。
    1. 创建一个新层。
    2. 选择新层
    3. 选择颜料桶工具。
    4. 将颜色更改为黑色,但将不透明度设置为150。
    5. 现在,使用矩形选择工具选择要突出显示的区域。
    6. 用这种颜色填充图层。
    7. 点击删除。
  • 现在应突出显示该图像。

例


* 快门更多是为了实现反向效果。


您没有包括我提到的第二种突出显示技术。
NN

2
这就是为什么我想知道Chipaca是否可以自动化一些步骤。似乎对于每个屏幕截图都要求进行高级图像编辑,这有点太苛刻了。
NN

@NN:我本来要添加它,但是使用标准方法需要太多工作。因此,我将保持原样。
RolandiXor

7. Hit delete.我们到底要删除什么?
安莫尔·辛格·贾吉

@AnmolSinghJaggi当您单击删除时,它将删除您选择的像素。
RolandiXor

4
  1. 截屏

    我使用shuttergnome-screenshot拍摄屏幕截图,您可以使用其中任何一个。要安装它们,请使用命令。

    sudo apt-get install shutter
    sudo apt-get install gnome-screenshot
    
  2. 安装gimp
    我们需要进行编辑。

    sudo apt-get install gimp
    
  3. 将屏幕截图放入gimp中 ,将图像拖到gimp。您可以使用文件 -> 打开

  4. 有趣的开始

    • 我们首先选择想要的白色部分,然后按住Shift以选择多个区域。然后我们使用Ctrl+ 反转选择I 在此处输入图片说明
    • 然后我们选择画笔工具在此处输入图片说明
    • 现在,我们更改不透明度并增加大小。
      在此处输入图片说明
    • 油漆所有东西。如果颜色更暗,请更改不透明度并重试。对我来说50%很好。最终结果是。
      在此处输入图片说明

注意: gimp的选项对我来说很容易使用,因为我已经对其进行了很多定制。使用一些gimp教程来学习如何使用它。



0

每当您具有类似GIMP其他答案中所示工作流的工作流时,通过编写一些Script-Fu(因此,Scheme),至少部分地自动化它们(在脚本与插件相比具有限制的情况下)是很容易的,或者Python。如果编写脚本是为了尊重撤消/重做,那么这也使使用这些值的实验更加容易,因为只需按一下按键即可再次消除效果的所有痕迹。

这是一个使突出显示部分自动化的脚本,因为我可能会自己继续使用。

脚本进入~/.config/GIMP/2.10/scripts(或~/.gimp-2.8/scripts分别是其他版本号),然后您仅需启动程序,或者如果文件已经在运行时添加了文件,则可以使用“过滤器”>“ Script-Fu”>“刷新脚本”。

然后,选择一些内容并使用“滤镜”>“光影”>“高光区域” ...创建一个新的高光(实际上是阴影)层:

突出显示用法示例

这也是应用5px羽毛时高光的外观。

羽化是可选的,毕竟,使用选择工具的羽化选项可以达到相同的效果。使用图层不透明度可以使颜色摆弄更加容易,但是如果要在顶部进行绘制,则使用Alpha填充会更容易(或者必须添加另一层)。


0

使用快门

我认为实际上shutter同时用于屏幕截图和突出显示会更容易。快门是一个很棒的GUI屏幕截图和图像编辑工具。

1.安装百叶窗

如果未安装百叶窗,则可以通过终端快速安装:
sudo apt install shutter

2.启动百叶窗

使用您喜欢的方法启动快门。这是在Ubuntu 16.04上。

在此处输入图片说明

3.截取屏幕截图。

让我们使用谷歌的主页:

在此处输入图片说明

4.重新打开快门的主窗口

这样的屏幕将为您打招呼,其中显示了您的最后一个屏幕截图。单击右上角的Edit按钮。

在此处输入图片说明

5.编辑窗口

这将打开带有编辑工具和左侧按钮的窗口。

在此处输入图片说明

您可以使用的工具包括:

  • 使用颜色荧光笔突出显示屏幕快照的某些部分
  • 使用文本工具添加自定义文本
  • 添加线条,箭头,矩形,椭圆等形状
  • 使用涂抹工具或像素化工具检查屏幕截图的部分。
  • 您也可以裁剪一些零件

根据需要编辑屏幕截图,然后单击左上角的保存按钮以保存更改。

下面的屏幕快照显示了其中一些工具的效果:

在此处输入图片说明

编辑愉快。


快门上的“编辑”按钮不起作用
Sabrina

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.