在 Inkscape 中为位图添加透视图

平面设计 墨景 看法
2021-12-27 23:03:10

我有一个在 Inkscape 中绘制的 3D 监视器,我想在该区域中添加一个屏幕截图。我试过歪斜,但形状太不规则了。我也尝试过应用信封 ( Extensions -> Modify Path -> Envelope),但它似乎不适用于位图。

将屏幕截图添加到监视器

如何使屏幕截图看起来像在屏幕上绘制的一样?

3个回答

嵌入位图对象的透视或包络变形(尚未)在 SVG 规范中定义。因此我们不能用 Inkscape 做到这一点。

为了克服这个问题,我们只有两个选择。

  1. 在使用外部位图图形工具嵌入之前,将位图变形为适当的几何形状。

  2. 将位图跟踪到矢量,然后能够使用包络或透视路径变形。

    这些是使用信封工具所涉及的步骤:

    • 嵌入位图图像并选择它。
    • 路径 >使用合理设置跟踪位图以获得可接受的结果。
    • 对象 > 取消对跟踪向量的分组。
    • 使用Path > Object to Path将目标和跟踪的位图都转换为路径
    • 选择源对象,然后选择目标对象。
    • 切换到节点编辑路径模式F2
    • 应用扩展>修改路径>信封(或矩形的透视)
    • 等待...

    之后,我们在目标对象中嵌入了带有正确透视图的跟踪位图:

在此处输入图像描述 在此处输入图像描述

正如我们所看到的,这是一项非常耗时、对计算机内存和处理器要求很高的任务。在嵌入之前,我们最好在 Inkscape 之外执行位图的变形。

最好为此使用正确的工具:例如 GIMP。有一个很棒的透视功能,它还支持您在应用透视后切割图像并使背景透明。

在 GIMP 步骤之后,您可以将其放入您的 Inkscape 绘图中。而我建议在集成物理屏幕时三思而后行。我相信从实际的物理设备中抽象出来会更好。

... 一个视频正好展示了这一点:GIMP 教程 - 使用透视工具 - YouTube

我创建了这个 Inkscape 扩展InkRasterPerspective以将透视变换应用于具有定义路径的光栅图像。

下面是它如何工作的演示:

如何使用扩展来应用透视变换