QT入门教程:如何从设计工具导出图稿

翻译|使用教程|编辑:鲍佳佳|2020-07-16 14:31:35.783|阅读 17 次

概述:文本主要介绍QT的一些入门知识,比如如何从设计工具中导出图稿,包括常见的设计工具photoshop,sketch,3D ASSETS等。

# 您正在找协同办公软件吗?点击这里站长给您推荐 #

相关链接:

Qt是目前最先进、最完整的跨平台C++开发工具。它不仅完全实现了一次编写,所有平台无差别运行,更提供了几乎所有开发过程中需要用到的工具。如今,Qt已被运用于超过70个行业、数千家企业,支持数百万设备及应用。

点击下载QT最新试用版

设计工具导出图稿

首先您需要用Qt Bridge从设计工具中导出2D资源,然后再导入它们。使用3D资产时,可以使用3D图形工具提供的导出功能将资产保存为广泛使用的3D图形格式,然后使用Qt Bridge导入它们。

为了在导入3D资产时获得最佳结果,请遵循创建和导出它们的准则。

  • 从Adobe Photoshop导出设计

    您可以使用Adobe Photoshop中的Qt Bridge for Adobe Photoshop导出工具将图稿转换为Qt Quick文件(.ui.qml),然后可以将其导入Qt Design Studio中的项目。

    如果您想使用Adobe Illustrator创建图稿,则可以将资产作为智能对象复制粘贴到Adobe Photoshop 。

    以下主题介绍了如何设置和使用Qt Bridge for Adobe Photoshop:

    • 为Adobe Photoshop设置Qt Bridge

      必须先安装和设置Qt Bridge for Adobe Photoshop导出工具,然后才能使用该工具将图稿转换为Qt Quick文件,然后再将其导入Qt Design Studio中的项目。

    • 将Qt Bridge用于Adobe Photoshop

      为了在使用Qt Bridge for Adobe Photoshop将设计从Photoshop导出到Qt Quick文件时获得最佳结果,应遵循与Photoshop一起使用和组织资产的准则。

  • 从sketch导出设计

    您可以使用Sketch中的Qt Bridge for Sketch导出工具将图稿转换为Qt Quick文件,然后可以将其导入Qt Design Studio中的项目。

    以下主题描述设置和使用Qt Bridge for Sketch:

    • 为草图设置Qt Bridge

      必须先安装Sketch和Qt Bridge for Sketch导出工具,然后才能使用该工具将图稿转换为Qt Quick文件,然后再将其导入Qt Design Studio中的项目。

    • 使用Qt Bridge进行素描

      为了在使用Qt Bridge for Sketch将设计从Sketch导出到Qt Quick文件时获得最佳结果,应遵循有关使用Sketch和组织资产的准则。

  • 从3D assets 中导出

    您可以导入使用3D图形应用程序创建的文件,并以几种广泛使用的格式存储文件,例如.blend,.dae,.fbx,.glb,.gltf,.obj,.uia或.uip。

    根据3D图形工具的不同,您可能需要安装导出插件才能将文件导出为特定格式。

    为了在导出3D资产并将其导入Qt Design Studio时获得最佳结果,请遵循以下各节中的一般。

    几何

    Qt Design Studio支持导出为三角形,四边形和五边形的几何。对于基本几何,您最需要注意的是枢轴点和变换。

    枢轴点

    在Qt Design Studio中,每个组件只有一个枢轴。它用作缩放和旋转的原点。根据需要调整3D模型枢轴的位置。

    但是,对3D建模工具中的轴进行大量编辑会在导入Qt Design Studio时引起问题,尤其是在进行动画处理时。这种差异通常表现为组件位置或方向的差异。您只需对枢轴点进行简单的编辑,就可以避免这类问题。将轴心点保持默认(世界)对齐,不要缩放它们,并确保如果您有多个轴心(Maya),则它们都在空间中的同一位置。

    变换

    您可以导入完整的3D变换信息,包括位置,旋转,比例和枢轴。Qt Design Studio可以导入左手坐标系和右手坐标系,y向上或z向上以及以任何顺序应用的旋转。这方面的主要限制是枢轴点。如上所述,仅支持对枢轴点的简单编辑。

    大多数3D图形工具使您能够将变换应用于零部件和顶点。我们强烈建议您在将网格数据导入Qt Design Studio之前这样做。这样可以确保进入Qt Design Studio的网格具有干净的变换数据,并且没有任何会混淆或妨碍您工作的任意变换值。

    注意:应用转换后,您可能必须在某些3D图形工具中重新定位枢轴点。

    动画制作

    任何导入的属性均支持动画。位置,旋转,缩放和枢轴都可以设置动画。例如,可以导入以任意轴顺序在任意轴上同时旋转的项目层次。Qt Design Studio还支持将调整后的贝塞尔曲线切线值导入动画中。

    基于时间的动画

    在许多3D建模工具中,创建关键帧时,会将其与帧号相关联。这在帧速率恒定的电影行业中非常有用,但在帧速率可能坚如磐石的应用中会带来问题。如果要指定徽标动画播放180帧,则它可能以60 FPS播放3秒钟,但是如果速度降至30 fps,则动画也会变得慢很多。

    幸运的是,这很简单。许多3D建模工具默认将设置设置为每秒24帧,因此您的关键帧将以该比例转换。如果您想在一秒钟使用关键帧,请将其放在第24帧上。在两秒钟内,使用第48帧,依此类推。

    通常,提供可配置的帧速率,并且导入时应注意帧速率设置。

    默认情况下,某些工具(例如Maya)从第1帧开始。如果在第1帧处有一个关键帧,则该关键帧的时间将为1/24或0.041秒。编辑Maya动画设置以在第0帧或0/24 = 0秒开始动画。

    在Qt Design Studio中,您可以指定动画的持续时间以及开始和结束帧。

    变形动画

    Qt Design Studio不支持变形动画,例如晶格和折弯。但是,您可以通过将变形动画转换为FBX格式支持的混合形状动画来解决此限制。在导出动画之前,您需要将其中的动作烘焙到关键帧中。

    动画的baking动作

    您需要baking动作以导出使用自定义曲线或对象约束来控制动画的动画。

    动作是包含动画数据的数据块。如果要导出动画,则需要baking动作。

    动画系统

    3D建模工具提供了高度复杂和专业的动画系统。我们建议在可行时使用Qt Design Studio 时间线视图。这有助于保持导入上的网格信息干净,并减少导入的网格动画与Qt Design Studio动画之间的冲突。

    Qt Design Studio中的动画系统是bezier关键点的完整实现,您可以使用3D建模工具创建并导出的bezier动画的完整补充在Qt Design Studio中表示。受支持的格式施加的限制缓解了各种动画系统之间更极端的差异。

    材质和纹理

    在导出3D图形之前,请在3D图形工具中创建并分配材质槽。如果添加多个物料插槽,则第一个将分配给对象。仅将具有材质并在导出对象上分配给网格的材质槽导入Qt Design Studio。

    如果没有为对象分配任何材质槽,则将素材导入Qt Design Studio时,默认材质将附加到所创建的组件上。

    对模型进行UV展开将创建UV布局。没有UV布局,您将无法在Qt Design Studio中的模型上渲染任何纹理。

    根据3D图形工具的不同,有很多不同的方法和技术可以解开3D网格。

    灯光

    灯光将导入Qt Design Studio。保留位置,旋转,比例,亮度,浅色和投射阴影属性值。

    如果Qt Quick 3D不支持该光源类型,则将其转换为支持的类型之一。

    摄影机

    透视相机和正交相机已导入Qt Design Studio。保留位置,旋转和比例属性值以及开始和结束剪切值。对于透视相机,还保留了视场值。

    节点层次结构

    Qt Design Studio支持导入层次结构信息。支持任意深度的层次结构,包括分组的节点。按预期方式应用了层次转换。


如果你对我们的产品感兴趣或者有任何疑问,欢迎咨询慧都在线客服>>



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,尊重他人劳动成果

文章转载自:QT

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
Qt

一个跨平台的C++图形用户界面应用程序开发框架。

在线
客服
咨询
电话
400-700-1020
在线
QQ
购物车 反馈 返回
顶部
在线客服系统
live chat