logo标签列表

如何在截图上创建亮点？

screenshotimage-processingannotation
在Chipaca对管理文件和同步场景的回答中，有一张带有特定亮点的截图。这些亮点如下：
  1. 通过截图其他部分变暗来突出显示GUI列表的一行。
  2. 通过用类似（橙色）蜡笔圈出来来突出显示一个勾选标记。
我该如何在截图上创建这两种突出显示？是否有自动化的过程？
我所指的截图如下所示：

Ubuntu One Control Panel “Cloud Folders” tab, with a row highlighted to illustrate the point in the text

6这应该是一个关于Shutter插件的请求 ;) - Achu
5个回答

这是一个The GIMP的指南

Install GIMP

创建突出显示的矩形

  1. 选择矩形工具：

    • 勾选羽化边缘，选择半径，例如5.0像素，以获得平滑的边界
    • 勾选高亮以突出显示所选区域

    enter image description here

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

  3. 选择 → 无以取消选择。

现在所选区域已经被突出显示。

Highlight effect

注意：在某些版本的GIMP中，一旦我们选择另一个工具或保存图像，高亮显示可能会被删除。在这种情况下，我们可以按照以下步骤保持区域高亮：
  1. 反转选择（选择 → 反转或Ctrl+i）。
  2. 用黑色30%不透明度填充背景。

创建蜡笔

  1. 选择椭圆选择工具或e选择蜡笔的区域
  2. 选择 → 边框例如8像素
  3. 画笔工具选择画笔例如Galaxy，选择颜色例如黄色
  4. 绘制选择直到满意

Crayon effect

这些步骤中有哪些可以以任何方式自动化吗？ - N.N.
你可以让突出部分更容易一些 - 看编辑 ;) - Takkat
1另一种绘制椭圆画的方法是将其作为路径进行绘制（可以使用图层和路径窗口中的选择转换为路径功能创建路径），然后使用适当的画笔集进行“描边路径”。（我想给出更具体的说明，但我手头没有安装GIMP。） - fluffy
@luffy: 我早该知道的 :D。我本来已经开始在GIMP中做同样的过程了，但是我更习惯在Inkscape中处理路径相关的东西 :P。 - RolandiXor

你可以在像Pinta、Shutter*、the GIMP等编辑器中完成这个操作。

具体步骤可能会有所不同，但其中一种方法是在图像上方的第二层中放置一个半透明的正方形/矩形，然后剪切出你想要发光的部分。

示例工作流程：

enter image description here

  • 在Pinta中打开你的截图。
    1. 创建一个新的图层。
    2. 选择新的图层。
    3. 选择油漆桶工具。
    4. 将颜色改为黑色，但将不透明度设置为150。
    5. 现在使用矩形选择工具选择要突出显示的区域。
    6. 用这种颜色填充图层。
    7. 按下删除键。
  • 现在图像应该被突出显示了。

example

快门更多地用于实现相反的效果。
你没有包括我提到的第二种突出技巧。 - N.N.
2这就是为什么我在想，Chipaca是否已经自动化了一些步骤。对于每个截图都进行高级图像编辑似乎有点过于繁琐。 - N.N.
@N.N.：我本来想加上去的，但是用常规方法太麻烦了。所以我就把我的答案保持原样。 - RolandiXor
  1. 点击删除。我们需要删除什么？
 - Anmol Singh Jaggi
@AnmolSinghJaggi 当你点击删除时，它会删除你选择的像素。 - RolandiXor
但是我们到底需要删除哪些像素，为什么要这样做呢？难道我们在第六步之后就不能得到预期的结果吗？ - Anmol Singh Jaggi

  1. 截屏

    我使用 shutter 和 gnome-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 反选所选区域。 enter image description here
    • 然后，我们选择 画笔工具。 enter image description here
    • 现在，我们调整透明度并增加大小。
      enter image description here
    • 涂抹所有需要的部分。如果颜色较暗，可以调整透明度并再次尝试。对我来说，50% 的透明度效果很好。 最终结果如下。
      enter image description here
注意：GIMP的选项对我来说很容易使用，因为我进行了很多定制。使用一些GIMP教程来学习如何使用它。
1请注意，Gimp也可以进行屏幕截图。 - Eliah Kagan

使用 Shutter

我认为使用 shutter 进行截图和高亮实际上更容易。Shutter 是一个非常棒的图形界面截图和图像编辑工具。

1. 安装 shutter

如果你还没有安装 shutter，你可以通过终端快速安装它：
sudo apt install shutter

2. 启动 shutter

使用你喜欢的方法启动 shutter。这是在 Ubuntu 16.04 上的操作。

enter image description here

3. 拍下你的屏幕截图。

我们来使用谷歌的主页：

enter image description here

4. 重新打开 Shutter 的主窗口
你将会看到一个类似这样的屏幕，显示着你最后一次截图。点击右上角的“编辑”按钮。

enter image description here

5. 编辑窗口
这将打开一个带有编辑工具和按钮的窗口，位于左侧。

enter image description here

你可以使用的工具包括：

  • 使用颜色标记工具来突出显示截图中的某些部分
  • 使用文本工具添加自定义文本
  • 添加线条、箭头、矩形、椭圆等形状
  • 使用模糊工具或像素化工具来对截图的某些部分进行打码
  • 你还可以裁剪掉一些部分

根据需要编辑截图，然后点击左上角的保存按钮保存修改。

下面的截图展示了其中一些工具的效果：

enter image description here

愉快地编辑。
快门上的编辑按钮无法使用。 - Sabrina
更新libss下面的内容 -> https://itsfoss.com/shutter-edit-button-disabled/ - Radek
每当你有像其他答案中展示的GIMP那样的工作流程时，至少部分自动化它们相对容易（脚本与插件相比有一些限制），只需编写一些Script-Fu（即Scheme）或Python。如果脚本被编写成遵守撤销/重做操作，这也使得尝试不同数值变得更加容易，因为只需按下一个键就可以完全消除效果的痕迹。 这是一个脚本，它自动化了高亮部分，因为我可能会在以后使用它。
脚本放在~/.config/GIMP/2.10/scripts（或者例如~/.gimp-2.8/scripts，根据不同版本号），然后你只需启动程序，或者在文件已经添加时使用Filters > Script-Fu > Refresh Scripts。
之后，选择某个物体并使用“滤镜”>“光影”>“高亮区域...”来创建一个新的高亮（实际上是阴影）图层。

example of highlighting usage

这也是应用了5像素羽化效果后的亮点效果。
羽化是可选的，毕竟您可以通过使用选择工具的羽化选项来实现相同的效果；使用图层不透明度可以使颜色调整更加容易，但如果您想在上面绘画，最好使用alpha填充（或者另外添加一个图层）。