⑴NodeBox工具是一款前大的设计工具,它能够让您以便捷的方式创建和生成设计;并且它还能帮助用户将数据进行可视化处理,这让生成设计和其它一些复杂的工作变得更容易一些;由于软件采用独特的方法去帮助用户创建设计,因此这款工具也是用户在进行数据可视化处理时最佳的帮手;NodeBox支持导入各种格式的数据文件,比如Excel;NodeBox可以将相关的节点分组到网络中,就像在计算机上一样,您可以在其中将相关的文件分组到硬盘上的目录中;它还可以充当网络组织工具,使大型的网络时刻保持干净。
⑵由于其独特的方法,NodeBox是快速数据可视化的理想选择。NodeBox可以导入许多数据格式,例如Excel电子表格,您可以编写自己的数据导入器和导出器。
⑶NodeBox中的每个参数都可以设置动画。动画可以导出为常见的电影格式或图像序列。
⑷您是否想在不了解编程内容的情况下探索生成设计?使用其基于节点的接口,NodeBox可使生成设计变得轻松快捷。
⑸使用节点并不一定意味着放弃表达能力。NodeBox使自定义现有节点的功能或从头开始构建自己的节点变得容易。
⑹该软件是创建生成设计最理想的工具,您可以通过它完成许多节点设计。
⑺用于创建数据视觉效果,通过该工具可以轻松将您的数据变得可视化。
⑻查看器窗格显示实际图形,它还显示了当前选定节点的句柄。
⑼允许直接操纵形状,通常比在参数窗格中拖动数字容易。
⑽可以更改当前选定节点的端口值,每个节点根据其功能具有不同的端口。
⑾端口可以具有不同的类型:数字,文本,颜色,菜单等。
⑿还原为默认值会将端口值更改回其原始值。
⒀可以更改一个节点的端口值,同时保持另一个节点在查看器中呈现。
⒁NodeBox管理文档的方式与处理Photoshop文档的方式几乎相同。
⒂导出命令不要求扩展名,而是自动导出为PDF文件。
⒃PDF文件保留所有矢量信息,并且可以在矢量程序中进行操作。
⒄双击帧编号以转到特定的帧,单击播放以从当前帧开始动画。
⒅可以在一个文档中以及在文档之间复制粘贴节点。
⒆在使用子网时,软件的地址栏很有用,它能够使您跳回一个级别。
⒇解压软件并根据软件的提示进行软件安装,软件安装完成之后就可以开始使用。
⒈无那件打开之后的界面如下图所示,您在线就可以在此界面中开始使用软件来辅助你进行设计了。
⒉在文件菜单中,你了可以打开之前未完成的项目,也可以新建项目,当您完成之后还可以在此菜单中找到保存选项来帮助您保存项目。
⒊您可以在编辑菜单下撤销或者恢复操作,还可以通过该菜单的复制给你将您的设计复制下来。
⒋在此菜单您可以创建节点,根据提示使用快捷键进行加载,全屏显示和播放站厅等操作。
⒌您可以在窗口菜单中选择使用缩放,显示控制台,全部置于桌面前部等功能。
⒍您可以通过help菜单下的向导选项打开官网,查看该软件的具体使用方法。
⒎下载NodeBox
⒏如果尚未下载,请先下载NodeBox。
⒐要在Windows上安装,请双击安装程序并逐步执行步骤。在Mac OS X上,将图标拖到“应用程序”文件夹(或您喜欢的任何位置。
⒑创建您的第一个节点
⒒打开应用程序。短暂的加载时间后,NodeBox将打开一个新的文档窗口,如下所示:
⒓NodeBox文档由连接的节点网络组成。
⒔通过选择默认矩形节点并输入退格按钮来删除它。
⒕单击“新建节点”按钮,或双击网络窗格中的任何位置。这将打开节点选择对话框:
⒖在此窗口中,您可以创建一个椭圆节点。有三种可能的方式:
⒗滚动浏览(已排序列表,直到找到“椭圆”节点,然后双击它。
⒘单击“几何”选项卡并滚动列表,直到找到“椭圆”节点,然后双击它。
⒙输入第一个字母(“ el”,然后在选择“椭圆”节点时按Enter键。如果有多个节点,请使用向上和向下箭头键选择所需的节点。
⒚NodeBox文档窗口由三个窗格组成。这些是(从顶部顺时针方向:
⒛查看器窗格,显示您正在处理的构图。
①参数窗格,您可以调整节点的参数值。
②网络窗格,显示所有节点及其连接。
③NodeBox将新节点命名为“ ellipse”。这是因为NodeBox中的每个节点都必须是唯一可识别的。
④让我们更改一些参数:
⑤双击宽度字段(显示为“ ”,键入,然后按Enter。椭圆现在应具有的宽度。
⑥对高度场做同样的事情。
⑦您的屏幕应如下所示:
⑧您可以在任何地方看到一个数字,将其拖动以查看其作用。如果输入有误,可以将其撤消(在Mac上为Cmd + Z,在Windows /
⑨Linux上为Ctrl + Z。
⑩NodeBox的强大功能来自将节点连接在一起。节点使用其端口连接。每个节点都有一个输出端口和零个或多个输入端口。在这个简单的示例中,我们将在网格上放置形状。
Ⅰ再次单击“新建节点”按钮,然后选择网格节点。双击将其放置在网络中。
Ⅱ现在,您应该在查看器窗格中看到一个椭圆形的小蓝点,而不是一个椭圆形。我们可以连接GRID和在ellipse通过从输出端口拖动节点GRID节点到位置的节点在ellipse的输入端口。双击ellipse节点,您将看到以下输出:
ⅢNodeBox一次只能显示一个节点的输出。我们在查看器窗格中看到此渲染节点的输出。当前,ellipse是渲染的节点,这由节点右上角的白色小三角形表示。
Ⅳ我们可以在处理另一个节点的参数时查看一个节点的结果。在选择grid节点时(单击一次,我们将保持ellipse节点的渲染。
Ⅴ更改行数和列数,看看会发生什么。
Ⅵ我们刚刚更新了grid节点,但是我们仍在查看ellipse节点的结果。这意味着grid的更改后的输出将继续用作ellipse的输入。这是NodeBox背后的核心思想:节点将(在这种情况下视觉几何图形或其他信息传递给其他节点。
Ⅶ在查看器中,我们查看渲染的节点。在网络窗格中,渲染的节点在该节点的右下角具有一个白色三角形。要更改渲染的节点,请双击另一个节点。
Ⅷ在参数窗格中,我们查看选定的节点。在网络窗格中,所选节点周围有一个白色笔划。要更改所选节点,请单击一次节点。
Ⅸ除了将网格节点直接连接到椭圆节点之外,另一种可能性是创建一个转换节点,并将ellipse的输出连接到translate的形状端口,并将grid的输出连接到translate的转换端口。
Ⅹ目前,我们正在grid节点的每个点上绘制相同的椭圆,因此让我们创建一些尺寸和颜色变化。
㈠假设我们需要种不同的椭圆尺寸和种不同的颜色。
㈡再次单击“新建节点”按钮,然后选择示例节点。(您也可以在网络视图中双击以打开节点选择对话框。双击将其放置在网络中。
㈢如果现在查看查看器窗格,则应该看到一个个值(...和.的列表,它们是垂直列出的。现在,将sample的输出连接到ellipse节点的宽度端口和高度端口。
㈣保持所有其他节点不变,然后双击translate节点。看一下结果:
㈤发生的是,第一个椭圆的大小为.,第二个椭圆的大小为.,第三个椭圆的大小为.,第四个椭圆的大小为.。由于只有个(大小选项,但是网格中有更多点,它将在相同(大小列表上再次循环,因此第五个椭圆的大小为.,第六个椭圆的大小为.,依此类推。
㈥有关此原理的更多详细信息,请查看“ Nodebox概念”页面。
㈦现在让我们为网络添加颜色。
㈧再次单击“新建节点”按钮,然后选择“着色节点”。双击它以将其放置在网络中,并将其放置在ellipse节点和translate节点之间。您不必删除连接,只是在输出端连接在ellipse的到形状的端口colorize节点和输出colorize到形状的端口translate。Nodebox将删除以前的连接。
㈨双击colorize节点,然后单击fill参数:将出现一个颜色选择器窗口。
㈩选择一种颜色,然后渲染translate节点。结果,所有椭圆将具有相同的颜色。
现在让我们创建种不同的颜色。
创建一个hsb颜色节点,然后
将饱和度设置为.
为了创建多种颜色,我们将多次更改色相的值。
创建另一个示例节点,然后
现在,这个的输出连接SAMPLE节点到色调的的端口hsb_color节点。这将在绿色和蓝色范围内创建种颜色。最后,将hsb_color的输出连接到colorize的填充端口。再次渲染translate节点,然后看一下结果:
到目前为止,我们一直使用相同的椭圆形状。NodeBox允许您处理各种形状。让我们用一个多边形节点替换ellipse节点。
将sample的输出连接到polygon的radius端口。
选中多边形的对齐复选框。
创建一个除法节点,并将sample的输出连接到其value端口。
将Divide的* value **更改为.。
将divide的输出连接到polygon节点的侧面端口。
将grid的width和height参数更改为.,以在不同元素之间留出更多空间。
将polygon的输出连接到colorize的shape端口。所述ellipse的节点可以从这个点被丢弃。
再次双击translate以渲染所有内容。
您应该得到以下结果:
NodeBox以.ndbx文件格式保存文档。这些文件只能由NodeBox打开。如果要在其他程序中使用NodeBox合成,请将文档导出为PDF。您可以在其他图形程序(例如Adobe
Photoshop或Illustrator中使用PDF文件。NodeBox保留所有矢量信息,因此您的合成不会被像素化。
从文件菜单中选择“导出...”
选择您要导出为的文件格式(PDF。
导出为“ test.pdf”(不带引号。(第一次可能需要一段时间。
通过转到桌面并双击打开此文件。放大以确认所有线条仍然平滑。
NodeBox将导出渲染的节点。在我们的示例中,如果我们只想导出一个多边形,则需要双击polygon节点进行渲染,然后再次导出。