Inkscape官方帮助文档

Inkscape:矢量制图程序指南

本书可以同时作为使用inkscape制作高质量制图的课本和参考书。它包括一系列的教程,其次它的各个章节覆盖了inkscape的方方面面,本书充满了各种小贴士跟笔记使读者能够完美的使用此程序。

Inkscape是开源的,以SVG为基础的矢量制图程序,它大量应用在以下制图方面:

  • Web插图

  • 移动端图形

  • 简单线条画

  • 艺术创作方面的复合作品

  • 数字刊物和书籍

  • 组织结构图

  • Inkscape将文件压缩并使得它们可以在internet中快速的传输,而且它在描述可随意变换任意尺寸的复杂图形方面非常强大。譬如HTML5的2D部分,大部分主流浏览器都能够直接渲染SVG。

    Inkscape支持画出标准图形(譬如矩形、圆形等等)、任意路径、以及文字。这些对象能够给予多种不同的属性,像颜色、斜率或填充图案、透明度、以及各种标记等。同时对象也能够自由变换、复制、组织。超链接作用于web浏览器。Inkscape旨在成为一个尽可能符合XML、SVG以及CSS规范的程序。

    Inkscape能够支持windows、MacOS、Linux系统。程序的源代码是免费可获取的。具体请上inkscape官站查询有关信息

    Inkscape正经历着向SVG的最新标准不断快速改进的过程中。这份手册的版本是0.92和0.93。

    如何使用这本手册

    接下来将进入一些列的教程,这些教程包含了inkscape中所有重要的特征,是为了引导读者从头到尾的整个画画过程而设计的。

    本书的大部分致力于详细描述inkscape所有的特征,包括使用大量的例子去说明制图中的普遍问题,inkscape的优势与不足都将被指出。

    根据自己的背景,你可以把本书当成参考书,或者从头读到尾。一般来说,重要的内容会首先被覆盖,我们鼓励每一个新手在电脑前完成每一个教程。在书的最后是一些绘画挑战。

    单击:鼠标左键点击图标,对象并快速释放开。

    拖动:鼠标左键点击图表,对象后保持住不释放,然后拖动鼠标。

    选择选项在下拉菜单中。如:文件-文件属性(Shift+Ctrl+D),选择下拉菜单中的文件属性与直接按Shift+Ctrl+D的功能是相同的。

    下面有两张基础的图形:位图和矢量图。第一种情况下:图型由许多行和列定义了不可分割的像素点,每个像素点都可以拥有它自己的颜色。在第二种情况下,线段由线的定义构成,包括直线和曲线。一个简单的直线由2个点构成。当图形放大时,这两者之间的差异变得显而易见。

    上图中那位先生的头像放大了五倍。现在可以看到位图绘图(左)和矢量绘图(右)的质量有了不同。请注意,位图图像使用抗锯齿,即使用灰度来尝试平滑图形的方法。

    所有输出设备,除了少数例外,都使用光栅或位图图像来显示图形。使用位图图形绘制和使用矢量图形绘制之间的真正区别是图像转换为位图的点。在矢量图形的情况下,该转换在显示之前的最后一步完成,确保最终图像与输出设备的分辨率完全匹配。

    SVG全称为Scalable Vector Graphics(可扩展矢量图形),Scalable的概念指的是图形可以变成任意尺寸而不损失细节。另外Scalable还指的是一个图形可以由无限数量的小零件组成,这些零件可以多次重复使用。

    SVG的标准是建立在完整的2D图形的描述之上的,包括动画在XML中的格式。XML是一种开放的标准,用于以易于扩展的方式描述文档,并且能够抵抗文档规范中的未来更改。由绘图程序保存的一个SVG的版本,应该是可见的,尽可能兼容的,一个未来的SVG标准的绘画程序应该可以打开任意SVG的文件查看。如果程序不支持SVG标准中的某些内容,它应该跳过那些部分,并正确地呈现其余部分。

    SVG文件非常小巧,且此标准描述的图形能够很好地适应不同的表现。这引起了人们对该标准的极大兴趣。所有主要的web浏览器(Firefox、Chrome、Opera、Safari和Edge)都提供了支持。

    Inkscape 程序

    Inkscape来自于Gnome的一个项目Gill (GNOME Illustrator application),该程序由著名的幽灵脚本公司Raph Levian创建。这个项目是由Sodipodi计划扩展的。一组不同的目标导致了当前Inkscape开发工作的分离。Inkscape作者的目标是生成一个能够充分利用SVG标准的程序。这不是一个小任务。可在Inkscape网站上找到未来发展路线图的链接。当然,欢迎您的贡献!

    inkscape的安装可以从官网上获取,Inkscape的全部功能需要安装额外的帮助程序,特别是用于导入和导出不同图形格式的文件。缺少的程序可以查看日志文件extensions-errors.log,文件在 Linux中位于at ~/.config/inkscape/ 在windows中则位于 %userprofile%\Application Data\Inkscape\ 下。

    inkscape版本0.92使用GTK 2,它需要XQuartz,X11窗口层。这通常包含在OSX10.7和更早版本中(如果尚未安装,则安装盘上提供)。从10.8开始,苹果在OSX中默认不再包含XQuartz,用户需要下载它。(系统将在您第一次尝试使用Inkscape时通知您在哪里下载XQuartz。)非本机界面缺少“正常”Mac程序的外观。不用担心,它仍然会工作,虽然启动Inkscape可能需要比其他程序更长的时间,特别是第一次。

    从0.93版开始,Inkscape使用GTK 3,其中包括一个本机OS X后端。

    一些键盘快捷键也可能无法使用。您可以参考Inkscape常见问题解答的Mac OS X部分,了解如何使Alt键正常工作以及其他与Mac相关的问题。

    首选的帮助手册在程序帮助菜单中,你可以查看到本书,还包括了所有键盘跟鼠标命令的网页(帮助→ 鼠标和键盘快捷键列表),教程,常见问题等。一些由网页打开的需要你能够连接互联网

    如果你遇到一些本教程中不包含或者其它资源也无法帮助你的情况,以下将提供你一些解决问题的地方

    Inkscape官网,这里可以获取到各种各样的信息,但通常是非正式的。

    常见问题,一个不错的解决常见问题的地方。

    官方的电子邮箱,inkscape对很多用户都非常友好,同时也支持各种不同国家的语言,包括意大利语、西班牙语、法语和葡萄牙语。

    非官方的inkscape论坛。

    第一章节 快速开始

    Inkscape的窗口结构

    让我们开始吧,inkscape是一个非常NB的程序,然而你依旧需要知道一开始如何从一个小东西上手开始作图,以下的案例将引导你一步步学习使用inkscape的用户交互界面去制作一小部分图,我们将用到下面一些案例:

    瑞典国旗:用inkscape创建简单矩形的基础介绍。

    欧洲国旗:包括绘制星星和精确摆放物体

    旅行社logo:尝试学习文字按路径精确排列

    北太平洋铁路logo:演示如何借助自动跟踪例程从照片创建绘图,同时也介绍了图层。

    玩具卡片盒:演示了如何制作一个等距的3D项目,它使用了物体精确的变形。

    罐头:另一个演示如何用2D图形模拟3D的对象,它介绍了渐变

    藤设计:示范了如何用基础瓦片创建一个重复的图案,它介绍了inkscape中重要的瓦片克隆特征。

    按钮:创建一个用于web的SVG按钮,并且示范该按钮的使用方法。SMIL、JavaScript和CSS的使用方式也包含其中。

    霓虹灯设计:介绍了inkscape制作动画的步骤。

    银行笔记:使用inkscape的变量特征去制作一个“安全的”银行笔记。图案和卷轴的设计是主要的特征

    瓶子:制作一个真实感的雪碧瓶子,使用跟踪、渐变和模糊

    Inkscape的窗口结构

    更新于0.92版本

    开始打开inkscape,你将会看到一个简单的窗口,这个窗口包括了各种主要的区域,包含了很多可以直接使用的图标或者下拉菜单,下图将展示这些窗口和重要的标签

    Inkscape的默认打开界面

    有些底部显示菜单栏会由于当前选中的项目而变换位置。选择“默认”时,命令菜单栏位于顶部,活动栏在右边。选择“自定义”后,命令栏和活动栏都位于顶部。选择“宽”时,命令栏和活动栏都在右边(如图所示)。默认情况下,如果不使用“宽屏幕”显示,则使用默认值;如果使用,则使用“宽屏幕”。宽高比大于1.65被定义为宽。这些栏以及选项板和状态栏都可以使用“视图→显示/隐藏”子菜单来隐藏。

    当inkscape更新的越来越复杂时,这些包含所有项目的图标和输入框也变的越来越大,导致inkscape在小屏幕上使用时会出现各种问题。命令栏,活动栏,控制工具和工具箱都可以随意的调节宽度和高度,如果在Inkscape窗口的宽度(高度)中显示的项目太多,则条的右侧或底部将显示一个小三角形。单击这个三角形将打开一个下拉菜单,可以访问丢失的项目。

    也可以选择使用较小或较大的图标。这些选项可以在Inkscape首选项对话框的接口部分找到。请注意,辅助工具栏图标大小指的是捕捉栏。使用最小的图标,在v0.92版本中最小的Inkscape窗口变为宽510像素,高429像素。最小的大小可能取决于您使用的操作系统和小图标集的可用性。通过隐藏所有不同的窗口组件(命令栏、调色板等,通过View→Show/Hide),您可以得到一个只有510像素宽、284像素高的Inkscape窗口。

    菜单中的图标

    在Inkscape使用的Gnome窗口系统中,下拉菜单和按钮中的图标已经被弃用了一段时间。如果要还原它们,可以尝试两个选项:

    使用程序gconf编辑器或“配置编辑器”(可能需要安装)。导航到桌面→gnome→界面并选中“菜单有图标”框。如果你愿意的话,你也可以选择“按钮有图标”框。(注意,对于最新版本的Gnome,这似乎不再有效。)

    使用命令行选项:gsettings set org.gnome.settings-daemon.plugins.xsettings覆盖“{'Gtk/ButtonImages':<1>,'Gtk/MenuImages':<1>}”。

    画布Canvas

    是制图的区域,它能够独立在视图区域以外,它能够被追踪(左右上下滚动)和缩放,在0.93版本中,画布也能够滚动和翻转

    页面Page

    画布的这部分区域可以跟其它预定义的区域一同显示,常用的有设置打印输出区域或导出位图,它可以独立在可视区域以外。

    菜单栏Menu Bar

    包含主要的下拉菜单项

    命令栏Command Bar

    包含很多菜单项的快捷方式,点击右下小三角可以看到更多的隐藏功能

    活动栏Snap Bar

    包含了各类可断裂的点击的图标。查看第5章节“活动”部分的位置和变形

    控制工具Tool Controls

    包含了输入框和可点击的选择工具。举个例子,当使用矩形工具,会出现一个输入框让你指定矩形的宽。点击右下的小三角可以显示看不到的选项,如果没有箭头,则显示全部选项。

    工具箱Tool Box

    工具箱包含了用来选取、制作或者改变对象的“工具”。点击图标可以选取工具。双击

    可以弹出这个工具的偏好设置对话框。光标(指针)放置在画布上时会根据选择的工具更改形状。

    可用的工具:

    [图片上传失败...(image-629744-1584813436254)] , [图片上传失败...(image-3ea3be-1584813436254)] , [图片上传失败...(image-480d4f-1584813436254)] , [图片上传失败...(image-66603b-1584813436254)] , [图片上传失败...(image-ee8aea-1584813436254)] , [图片上传失败...(image-18b265-1584813436254)] , [图片上传失败...(image-db5a39-1584813436254)] , [图片上传失败...(image-3529ca-1584813436254)] , [图片上传失败...(image-39b763-1584813436254)] , [图片上传失败...(image-31072b-1584813436254)] , [图片上传失败...(image-f44633-1584813436254)] , [图片上传失败...(image-6c9898-1584813436254)] , [图片上传失败...(image-505fde-1584813436254)] , [图片上传失败...(image-41f2e1-1584813436254)] , [图片上传失败...(image-1a5d60-1584813436254)] , [图片上传失败...(image-e312b2-1584813436254)] , [图片上传失败...(image-ab74d3-1584813436254)] , [图片上传失败...(image-3c6857-1584813436254)] , [图片上传失败...(image-3b8aa7-1584813436254)] , [图片上传失败...(image-e34b56-1584813436254)] , [图片上传失败...(image-7aab81-1584813436254)] .

    调色盘Color Palette

    颜色可以从调色盘中拖拽到对象上来改变它的填充。按住Shift将变为更改边框颜色。

    一些工具使用的颜色可以通过单击色样来设置。调色盘可以通过点击它右下的箭头来改变,里面包含了很多预定义的调色。如果调色盘中的颜色样本数量超出了空间,调色盘下方会出现滚动条用来隐藏样本,使用快捷键Shift+Shift+P来开启是否可见。

    状态栏Status Bar

    状态栏包含了多个区域,包括样式指示器,当前绘图的图层,指针位置,当前缩放比例,窗口重设大小和描述上下文关系的选项的通知区域。

    样式指示器Style Indicator

    显示了对象的填充和描边,文字片段或者渐变等。在图形的填充和描边中点击左键以打开填充和描边对话框。右键点击打开弹出菜单,可以在第10章节“样式指示器”以查看详细的属性和更多的使用指南。

    通知区域Notification Region

    包含了各类信息内容,如果通知区域太小无法看到所有的文字,移动光标到其上可以看到工具贴士和全部文字。

    小贴士[Tip] 通知区域Notification Region

    通知区域包含了非常多有用的信息,使用不熟悉的工具时要密切注意。

    尺子Rulers

    尺子可以显示正在制图调整时的X,Y轴,使用 Ctrl+R来显示是否可见,可以用左键单击后拖拽出指使线来。

    滚动栏Scroll Bars

    可以通过滚动来调整画布的可见部分,使用Ctrl+B 来显示是否可见。

    色彩标准Color Calibration

    可以用按钮打开/关闭颜色配置文件的使用(如果已设置)。

    活动对话框Dockable Dialogs

    Inkscape 包括了各类的对话框,根据这个特征,对话框被打开时会显示在inkscape右边部分。

    [图片上传失败...(image-2873b2-1584813436255)]

    Inkscape 主窗口中的2个活动对话框

    活动对话框可以被重新排列,重设大小(如果空间允许),堆叠和图标化。移动对话框时,左键点击对话框的标题栏(不是系统的标题栏),对话框可以被拖拽出主窗口,成为一个独立的窗口浮动着,它们可以被堆叠或者一个个排放,或者可以被拖回主窗口。在左侧放置一个对话框,它就被放置在左侧,放在中间它将会替换掉当前的对话框。当两个对话框都列为底部的选项卡。有一个可视的指示器,指示放置的对话框将出现在何处(在Windows下可能很难看到)。单击小三角形图标将沿主窗口的右边缘使对话框图标化。

    [图片上传失败...(image-71f764-1584813436255)]

    一个有3个浮动对话框的活动框,2个可见,图层和重做历史对话框都一起关闭着

    在“Inkscape首选项”对话框(文件→图标Inkscape首选项)的“界面→窗口”部分选择“在对话框行为下浮动”。。。(Shift+Ctrl+P)禁用停靠的使用。相反,所有对话框都将在自己的窗口中打开。

    打开多个图形时,停靠对话框应用于同一窗口中的画布,而浮动对话框应用于任何活动窗口。(注意,可能会将对话框停靠到错误的窗口!)

    [3] Inkscape使用术语Canvas和Page不一致。在本手册中,画布将引用整个绘图区域,而页面将引用与定义的输出区域相对应的画布的指定区域。

    瑞典国旗--一个简短的例子

    我们将使用inkscape制作一个简单的瑞典国旗,这个例子包含了设置自定义画画尺寸,设置网格用于精确摆放对象们,这里要用到矩形工具,改变对象们的颜色,最后保存绘画并导出合适用于web页面的绘图。

    [图片上传失败...(image-259d06-1584813436255)]

    我们按以下步骤进行:

    打开inkscape

    设置绘画尺寸

    设置用于对齐绘画对象的格子

    画国旗的背景

    设置背景颜色和交叉线颜色

    保存和导出绘画

    这里假设你已经了解如何打开inkscape和使用鼠标,操作平板或者用数位板选择菜单操作滚动条。

    1、首先启动inkscape,程序将打开窗口并提供一个默认尺寸的页面

    2、设置页面尺寸为期望的尺寸,瑞典国旗的尺寸为16:10,我们将设置页面的尺寸为320*200像素,这里最重要的是比例,因为当绘画被打印或者导出为位图的时候会有所变化(默认情况下,导出会以屏幕的像素为准)

    打开文档属性对话框

    从文件→[图片上传失败...(image-3cb48e-1584813436255)] 文件属性打开文档属性对话框(快捷键为Shift+Ctrl+D)

    设置页面尺寸

    在新打开的窗口中,使用下拉菜单将Custom size:Units设置为“px”。将显示单位设置为“px”以匹配(这将使Inkscape显示屏幕像素的长度)。然后通过更改自定义大小来设置标志大小:宽度为320,高度为200。这可以通过在标签旁边的输入框中键入数字来完成(可以使用上下小箭头来更改输入的值,但当输入的数字可以是非整数时,这不起作用)。请注意,当您键入新值时,只有单击Return、单击其他输入框或将光标从“文档属性”对话框移到另一个Inkscape窗口,更改才会生效。页面方向将自动更改为横向。

    将“缩放x”设置为1.0。这确保了内部“px”(也称为“SVG用户单元”)等于外部“px”(一些Inkscape模板将一个内部“px”设置为等于不同的外部值,例如一毫米或一英寸)。

    [图片上传失败...(image-d63d82-1584813436254)]

    文档属性对话框

    调整页面到合适的绘画区域

    页面现在有一个很小的矩形框显示在绘画区域下方,请自行调整为合适绘画的大小,调整方式为单击命令窗口中的放大缩小图标[图片上传失败...(image-7a6452-1584813436255)] ,或者使用快捷键5,然后inkscape的窗口会如同以下的样子:

    [图片上传失败...(image-c553ed-1584813436254)]

    Inkscape在你调整过页面尺寸和大小后的窗口

    Windows尺寸

    这里显示的是inkscape窗口在它最小化时候的尺寸的特征,使用大尺寸可以更容易使用inkscape的交互界面(例如可以读取通知区域)

    当文档属性窗口打开时,我们可以更容易的去改变绘画的背景和交叉线。网格线用于更高的对齐绘画的对象们,任意情况下,当对象们被绘制或移动时会“粘”到网格上,能够精确地绘画,网格在打印和导出的时候不会显示出来

    在文档属性的对话框中选择网格选项卡,在创建区域的下拉菜单中选择矩形网格(如果默认没选中的情况下)然后点击新建按钮,你将会在画布上看到一个蓝色线条组成的网格,如果没有,确保在“已定义的网格”区域中选中“启用”和“可见”复选框,如果选中,请使用命令视图→页面网格(#)打开网格的全局可见性。

    调整网格间距

    你现在可以调整网格以满足交叉线,交叉线具体的维度和位置是由瑞典法律指定的,垂直的线的位置位于国旗宽度的5/16-7/16,水平线的位置位于国旗高度的4/10-6/10

    默认网格每像素有一个小刻度,每5个像素有一个大刻度。根据缩放级别,并非所有分区都可以显示。绘制标志的更有用的网格是每20像素划分一次,这样网格线将标志宽度划分为16部分,标志高度划分为10部分。

    若要更改网格的比例,请返回“文档属性”窗口的“网格”选项卡

    [图片上传失败...(image-47272d-1584813436255)]

    文档属性对话框,网格选项卡

    同时设置间隔X和间隔Y为20像素,为了帮助我们更精确地制作国旗,我们将打开吸附到网格线开关。首先选择吸附选项卡,选中“吸附到网格”区域下的“总是吸附”选项,

    这将强制吸附,而不考虑光标与网格线的距离,通过突出显示吸附(顶部或最左侧[图片上传失败...(image-49251c-1584813436255)] )来启用整体吸附。工具提示:在捕捉栏中启用吸附(%)图标。通过在吸附栏的同一部分中亮显吸附节点、路径和控制柄(第三个图标[图片上传失败...(image-b385c6-1584813436255)] )图标以及捕捉尖点节点([图片上传失败...(image-e7df2f-1584813436255)] 图标)图标来启用节点吸附。接下来,确保吸附栏中的“吸附到网格”([图片上传失败...(image-2d1d18-1584813436255)] 图标)图标高亮显示。如果这些图标中的任何一个不可见,您可能需要加宽/加高“Inkscape”窗口,或者使用打开的下拉菜单,其中三角形位于条形图的右端或底部,并选中相应的框)。最后,确保吸附边界框(第二个[图片上传失败...(image-79860b-1584813436255)] 图标)图标未突出显示。

    [图片上传失败...(image-13142d-1584813436255)]

    文档属性对话框,吸附选项卡

    在这些设置改变后,你可以关闭文档属性窗口。这时inkscape窗口看起来应该像下图所示:

    [图片上传失败...(image-94b456-1584813436255)]

    打开并调整过网格后的绘画区域,当然吸附栏已经设置好

    绘制国旗背景

    国旗背景是亮蓝色,有很多种途径完成,我们将使用填充矩形的方式

    选择矩形工具

    单击inkscape左边窗口工具箱中矩形工具的图标[图片上传失败...(image-e28205-1584813436255)] (或者使用快捷键F4)选择矩形工具,inkscape的一个很人性化的特征是它做了很好的提示,当鼠标指针放到矩形工具图标上时,你将会看到使用矩形工具的提示。这个inkscape中大多数对象图标都有这个特征。这个工具提示还包含了快捷方式,在本例中是F4,示意你按下F4是另一种选取矩形工具的方式。

    一旦你选择了矩形工具,在绘画区域中移动指针,指针将会成为一个矩形,这个标志着你准备画一个矩形或其它形状,有一个小X在左上角表示开始的点。

    在窗口的底部,是一个通知区域(显示在状态栏中),这里将会告诉你将要开始执行你选择的工具,请注意,区域并不总是足够大,无法显示所有选项。将鼠标移到区域上会弹出一个工具提示,显示全部内容。你还可以扩大墨水景观窗口,看到更多的地区。使用“选择”工具时,通知区域还将告诉您当前选定对象的数量和类型。

    画矩形的背景

    开始绘制矩形的背景,根据通知区域的提示,点击并拖拽指针从页面的一个角到另一边的对角。

    请注意矩形的角如何吸附到网格。如果矩形与页面大小不匹配,可以使用矩形左上角或右下角的一个拖动手柄(小正方形)调整矩形的大小。(右上角的圆圈有不同的功能。它用于包围矩形的四个角。)当您拖动矩形时,它们将吸附到网格。

    如果你确保你有失误的地方,你可以单击命令栏中的重做按钮,或者使用菜单栏中的编辑→重做图标(Ctrl+Z),或者使用快捷键Ctrl+Z来进行更改。

    [图片上传失败...(image-6e3a15-1584813436255)]

    背景颜色需要更改,一种方式是现在可以做这项工作,但是有一种更容易方式是等交叉线的颜色调好后一起改。

    交叉线包括了水平线和垂直线

    同样使用矩形工具,从矩形背景底部第6格的线开始拖拽指针到国旗右边的第4格,矩形的角会自动吸附到格子里,对了,矩形的填充颜色跟背景颜色一样,但是你依旧能够看出这有个新的栏,确保矩形的尺寸并被放在了正确的位置。

    如果你没看到水平线。。。不要慌!Inkscape通常使用当前的样式(颜色、线条样式等等属性)来画新的对象。当前的样式由最后一个修改过的对象确定的(包括inkscape之前留下的设置)。

    如果边框颜色与矩形的填充颜色匹配,或者如果已关闭绘制边框,并且如果透明度或Alpha设置为100%,则您的情况将与暴风雪中的北极熊相同。有许多修复方法,但最简单的方法是将水平条颜色更改为与背景颜色不同的颜色。这可以通过在新绘制的条仍处于选中状态时单击调色板中的任何颜色示例(由周长周围的虚线指示)来完成。如果在没有选中任何对象的时候点击调色盘中的颜色样本,当前样式依旧能够被选中,并在画下一个矩形时填充进去。

    垂直线跨越了矩形背景左边网格线的5-7

    [图片上传失败...(image-482e14-1584813436255)]

    当水平线跟垂直线画完后的样子,边框显示了交叉线是怎么相互覆盖交叉的

    合并交叉线

    你可以停在这里。在移除了酒吧的边界之后,你就会得到想要的十字架。不过,最好(至少在教学上)把横杆合并成一个十字架,这样十字架就成了一个物体而不是两个。

    同时选择2个矩形

    需要同时选择两个栏。这可以通过选择工具和Shift键来完成。通过单击工具箱中的图标图标或使用键盘快捷键F1或s启用“选择”工具。

    切换到“选择”工具(指针在画布上切换为箭头或在对象上切换为十字箭头)后,单击十字中的一个矩形。然后,在按住Shift键的同时,单击十字架上的另一个矩形。两个矩形都应按虚线边框所示进行选择。请注意,背景矩形不被虚线边框包围,并且通知区域报告已选择两个对象。

    [图片上传失败...(image-89c472-1584813436255)]

    两个十字矩形交叉线被选中

    这两个矩形可以合并它们的路径,(这里,这个路径就是矩形的边框)选择菜单栏中的路径→[图片上传失败...(image-d64557-1584813436255)] 并集(Ctrl++),这时,两个矩形对象合并成了一个对象。

    [图片上传失败...(image-629adc-1584813436255)]

    两个矩形合并成了一个对象

    现在这个交叉线不在是两个矩形构成的了,换之,它变成了一个路径

    设置国旗和交叉线的颜色

    下一步就是调整瑞典国旗的背景和交叉线的颜色。我们将使用填充和描边对话框,因为它可以让我们精确地设置正确的颜色。

    调出填充和描边对话框

    在命令栏中点击图标[图片上传失败...(image-1714f5-1584813436255)] 来打开填充和笔刷窗口,点击在状态栏中的样式指示器,或者使用快捷键Ctrl+Shift+F

    默认情况下,对话框将停靠在Inkscape窗口的右侧。如果有空间,请通过拖动对话框的顶部栏(其中写入填充和笔刷的灰色栏)来取消锁定对话框。将对话框放到Inkscape窗口之外。按5键将图形重新居中到主窗口中(或使用鼠标中键将图形拖回中心)。

    [图片上传失败...(image-464612-1584813436255)]

    填充和描边对话框

    确保对话框顶部的填充选项卡高亮;如果没有,请点击该选项卡。其中的参数能够正确地设置当前选中的对象(可多个)。

    设置背景颜色的填充

    用选择工具单击选中背景矩形。通知区域会通知你已经选中并且样式指示器会显示出当前矩形的填充和描边的颜色。填充和描边对话框中的单色图标[图片上传失败...(image-9bb34e-1584813436255)] 会高亮,如果没有,请点击它。

    这里有许多种方式填充符合的颜色。我们可以使用RGB模式(如果RGB选项卡没有高亮,请单击选中它),在这个模式下,颜色由这3种主颜色确定,每种色彩的区间可以从0-255,R、G、B的每一种都可以用小三角从左滑到右(通过键入或使用上/下箭头)。瑞典国旗的背景颜色是BIS标准颜色4055-R95B,它由R:0,G:90,B:173确定,第四行是透明通道,它可以设置具体对象的透明度,我们希望国旗的边框为虚线并且背景完全不透明,所以Alpha通道设置为255(区间同样是0-255),同样地,不透明度的滑动条也应该设置为100%。额外一步骤是要关闭笔刷(边框)颜色,在填充和笔刷对话框,选择笔刷绘制选项卡种的无绘制图标[图片上传失败...(image-fc0d7b-1584813436255)] 来关闭边框。

    设置交叉线填充色

    选中交叉线并照着之前的教程一样去设置填充颜色。当交叉线被选中,通知栏会显示12个节点的路径被选中,你依旧需要重新选择填充选项卡,这时候,设置R:255,G:194,B:0,同样按照上面的教程去关闭边框。

    保存和导出你的作品

    此时要保存你的作品,选择文件→[图片上传失败...(image-3b7e43-1584813436255)] 另存为…(Ctrl+Shift+S),这个对话框是由操作系统提供的,选择目的文件夹并且给作品取一个合适的名称进行保存。最后,点击保存按钮。

    最后一个操作是导出为PNG文件用于web页面,调出导出对话框(文件→[图片上传失败...(image-1193e-1584813436255)] 导出PNG图像…(Ctrl+Shift+E))。