关于前端:QT教程如何实现将图稿从PS等设计工具中导出

64次阅读

共计 3036 个字符,预计需要花费 8 分钟才能阅读完成。

QT 是目前最先进、最残缺的跨平台 C ++ 开发工具。它不仅齐全实现了一次编写,所有平台无差别运行,更提供了简直所有开发过程中须要用到的工具。现在,Qt 已被使用于超过 70 个行业、数千家企业,反对数百万设施及利用。

设计工具导出图稿

首先您须要用 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 反对导入层次结构信息。反对任意深度的层次结构,包含分组的节点。按预期形式利用了档次转换

正文完
 0