首页 > 手机 > 正文

Vue 5 Esprit 基础教程之设计工作流程

时间:2018年04月09日 来源:www.guiademucuri.com

  每当开始一个新的软件学习的时候,最困难的是迈出第一步。我们要了解并创作一幅精彩的风景CG画面,首要工作是首先了解它的工作流程,看看如此精彩的三维自然景观画面是如何在Vue 5 Esprit中产生的。所以我们首先必须了解Vue的工作流程,这样才能够明白各个功能的运用,最终发挥想象力和创造力,创作出精美的三维自然景观画面。欲了解更多详细资料请参阅专题《三维景观设计大师Vue 5 Esprit》。

  下面我们就来熟悉Vue的设计工作流程。大致流程如下:设置大气-增加对象(包括山体、岩石、水面、植物、景观点缀物体等)-为对象设置材质-渲染-导出。详细描述如下。

  进入Vue的主界面之后,我们看到的是四视图状态,如图1所示。

Vue 5 Esprit 基础教程之设计工作流程
图1 四视图模式

  在创建一幅作品之前我们首先需要设定一个大气环境,这也是Vue强大的功能之一。Vue中提供了一个完美的大气库,具有很多主题大气环境,每种大气都有其各自的光照特性、云层效果和气象特色。选择Atmosphere>>Load Atmosphere菜单此时出现一个为创建的场景选择大气的对话框,其左边有大气的分类,右侧显示了大气的效果。我们可以从中选择一种大气效果,如图2所示。

Vue 5 Esprit 基础教程之设计工作流程
图2 选择大气效果

   选择了大气之后我们就可以创建一个山体了。为了方便分层编辑,这里我们在界面右下角的图层面板中选中Layer 2图层,然后单击界面左侧的创建山体按钮图标Vue 5 Esprit 基础教程之设计工作流程创建一个山体,如图3所示。

Vue 5 Esprit 基础教程之设计工作流程
图3 创建山体

   双击创建的山体,此时打开地形编辑器,从中对山体的形状进行各种编辑操作(详细使用我们在后面的教程中会详细讲解),得到如图4所示的山体效果。

Vue 5 Esprit 基础教程之设计工作流程
图4 编辑山体

  单击ok按钮回到主界面。在Terrain面板中单击左下角的附加材质按钮图标Vue 5 Esprit 基础教程之设计工作流程打开材质库对话框,从中可以为山体选择一个材质,如图5所示。

Vue 5 Esprit 基础教程之设计工作流程
图5 选择材质

   单击ok按钮回到主界面。在顶视图(Top view)、边视图(Side view)和前视图(Front view)几个窗口中使用鼠标调整山体的位置和相机的角度,并在右侧的Main camera(相机)面板中查看调整的预览效果,直到取得满意的效果为止,如图6所示。

Vue 5 Esprit 基础教程之设计工作流程
图6 调整相机和山体

   选择Layer 3图层,单击左侧的添加水面按钮图标Vue 5 Esprit 基础教程之设计工作流程为场景添加一个水面,并使用鼠标在视图、边视图和前视图几个窗口调整其位置,如图7所示。

Vue 5 Esprit 基础教程之设计工作流程
图7 调整水面位置

   采用前面同样的方式单击Infinite plane2面板中的附加材质按钮图标Vue 5 Esprit 基础教程之设计工作流程打开材质库对话框,从中可以为水面选择一个材质,如图8所示。

Vue 5 Esprit 基础教程之设计工作流程
图8 为水面附加材质

   选择Layer 4图层,再次新建一个山体,并为其附加不同的材质,并将山体放置到合适的位置。双击Main camera view窗口标题栏转换到一视图模式,单击工具栏的渲染按钮图标Vue 5 Esprit 基础教程之设计工作流程渲染图像,进行初步的预览,查看一下效果,如图9所示。

Vue 5 Esprit 基础教程之设计工作流程
图9 渲染图像

  现在初步的图像已经基本上制作成功了。下一步的工作就是对图像进行某种程度的美化工作了,我们可以在山体上为图像添加一些植物,在水中放置一艘帆船等等进行美化。首先我们为山体添加植物。双击Main camera view窗口标题栏回到四视图模式,我们再选择一个新的Layer 5图层,然后右击左侧的添加植物按钮Vue 5 Esprit 基础教程之设计工作流程打开植物库,从中选择一种植物,如图10所示。

Vue 5 Esprit 基础教程之设计工作流程
图10 选择植物

   单击ok按钮将植物使用鼠标将植物放置到合适的位置,如图11所示。

Vue 5 Esprit 基础教程之设计工作流程
图11 添加植物

   选择新的Layer 6图层,单击界面左侧的添加岩石按钮图标Vue 5 Esprit 基础教程之设计工作流程添加一个岩石,并调整其大小将其放置到一个合适的位置。双击Main camera view窗口标题栏到一视图模式,单击工具栏的渲染按钮图标Vue 5 Esprit 基础教程之设计工作流程渲染图像,查看一下效果,如图12所示。

Vue 5 Esprit 基础教程之设计工作流程
图12 添加岩石并预览

   选择新的Layer 7图层,单击界面左侧的导入物体按钮图标Vue 5 Esprit 基础教程之设计工作流程打开物体库,从中选择一个帆船的模型,如图13所示。

Vue 5 Esprit 基础教程之设计工作流程
图13 导入物体

  单击ok按钮,双击Main camera view窗口标题栏回到四视图模式,在四视图模式下调整它的大小并将其放置到合适的位置,如图14所示。

Vue 5 Esprit 基础教程之设计工作流程
图14 调整物体大小并放置到合适位置

  双击Main camera view窗口标题栏到一视图模式,单击工具栏的渲染按钮图标Vue 5 Esprit 基础教程之设计工作流程渲染图像,进行初步的预览,查看一下效果。如果不满意继续调整图像,如果我们觉得满意就可以导出图像了,如图15所示。

Vue 5 Esprit 基础教程之设计工作流程
图15 预览图像

  下一步就是设置导出的图像大小和位置了。右击渲染按钮图标Vue 5 Esprit 基础教程之设计工作流程打开渲染选项,从中我们在Preset render quality(调整渲染质量)中选择Final(最终)查看最终渲染效果,在Render destination(渲染目的地)中选择Render to screen(渲染到屏幕),并在右侧选择大小为1024×768,如图16所示。

Vue 5 Esprit 基础教程之设计工作流程
图16 设置渲染选项

  单击ok按钮,此时就开始了最终的渲染,能够取得良好的图像效果,如图17所示。

Vue 5 Esprit 基础教程之设计工作流程
图17 最终渲染图像到屏幕

  渲染完成之后,此时界面中会出现一个弹出的渲染结果窗口,显示最终的渲染效果,如图18所示。

Vue 5 Esprit 基础教程之设计工作流程
图18 完成渲染

  单击渲染结果窗口标题栏的保存图像按钮图标Vue 5 Esprit 基础教程之设计工作流程,此时即可打开【另存为】对话框,选择保存名称、路径和图像格式,如图19所示。

Vue 5 Esprit 基础教程之设计工作流程
图19 保存图像

  单击【保存】按钮,此时还会出现一个Picture Format Options(图像格式选项)对话框,用户可以设置图像格式的选项,如图20所示。

Vue 5 Esprit 基础教程之设计工作流程
图20 设置图像格式选项

  单击ok按钮,这样我们就得到了最终的图像了,如图21所示。是不是具有梦幻般的效果?

Vue 5 Esprit 基础教程之设计工作流程
图21 图像效果

  小结:本例中我们简单了解了Vue的工作流程,实际上每个步骤中还有诸多的细节问题需要我们深入的研究,包括大气系统的分类、山体中山体编辑器的使用、材质的修改等等。另外这个例子中我们有些功能也没有用到或详细讲解,如相机、灯光、行星库等。在将来的学习中,我们会分别了解Vue中各个功能模块的使用。本例的学习主要是帮助我们了解Vue的宏观使用,因为只有迈出了这一步,我们才能够一步一个脚印,从而设计出自己的优秀作品来。

本文标签:

上一篇:Vue 5 Esprit 基础教程之设计工作流程
下一篇:Vue 5 Esprit 基础教程之设计工作流程