简介:基于Web的产品3D

基于 Web 的产品 3D

4848743f91e943dfb0b15a5831d1c425.png

通过可视化界面获得各种选项来个性化他们的产品,例如颜色、材料、尺寸、文字、徽标、零件等。

在过去几年中,随着 3D 建模和渲染软件的出现,3D 渲染现在更常用于营销和促销目的。设计师、制造商和营销人员使用 3D 产品渲染来制作逼真的照片、动画和交互式 3D 模型,以帮助解释、推广和销售产品。

3D 产品渲染的最终结果可能会因几个因素而有所不同。 人才、建模软件和渲染引擎都会影响最终的输出。产品模型需要准确,以便能够对其进行虚拟修改。 3D 资产建模是一项需要奉献精神、技能和经验的工作。

3D 产品渲染是从 3D 模型创建 2D 图像的过程。 换句话说,这就像为计算机软件中存在的产品拍照一样,以便可以轻松查看和共享。渲染通常是 3D 项目的最后阶段。 它涉及将数字模型转换为逼真的图像或动画。 该过程首先使用计算机图形软件创建 3D 模型。

创建 3D 模型后,将其加载到渲染引擎中,该引擎计算照明、材质和摄像机角度,并将模型转换为二维图像或动画。 图像渲染后,通常会进行后处理和合成以创建最终图像或动画。

让我们更详细地回顾一下完整 3D 产品渲染过程的不同步骤。

建模过程

建模过程(Modeling)首先使用 Cinema 4D、Blender、Autodesk 3ds Max 或 Maya 等 3D 软件创建 3D 模型。 不同的 3D 建模软件提供不同的解决方案、工作流程或工具集,但最终结果通常应该是相同的。

由于 3D 模型是 3D 产品渲染的基础,因此需要注意的是,更准确地构建 3D 模型将产生更好的结果。 一个好的模型会让细节突出并且看起来更真实。

更精确构建的 3D 模型还将减少在纹理化阶段为达到预期结果而进行手动调整的需要,从而节省大量时间和精力。

纹理化

纹理化(Texturing)涉及添加材质和表面属性,为 3D 模型提供视觉特征并确定模型如何与光交互。 纹理化是向材质添加颜色、图案和其他重要细节的过程。 这可以通过在模型表面绘画或在材质上应用纹理贴图来完成。

纹理贴图是投影到 3D 模型表面的数字图像。 纹理贴图可用于投影颜色和图案,并模拟凹凸、划痕和其他表面缺陷。 此外,贴图还可用于添加真实效果,例如阴影、反射和环境光遮挡。

材质和纹理可实现更真实、更详细的 3D 视觉效果,并使平面 3D 模型栩栩如生。

照明设置

3D 照明(Lighting)的工作原理与现实环境中的照明类似。 光源对象具有多个属性,例如强度、颜色、方向和衰减,这些属性会影响场景的照明方式。 艺术家可以通过调整这些属性来控制灯光与场景中模型的交互方式。

艺术家还可以创建和添加不同类型的灯光,例如聚光灯、环境照明和点光源,以在场景中创建特定的照明效果。 这会对 3D 产品渲染产生很大影响。

组合不同类型的灯光可以让艺术家控制场景的整体外观和情绪,就像摄影工作室的摄影师一样。

相机设置

相机设置是渲染场景之前的重要步骤。 了解相机设置(例如视野、长宽比、焦距、曝光和其他设置)如何影响模型的外观非常重要。 此外,摄影的基本规则适用于如何将相机放置在场景中。

了解相机放置和设置如何影响场景和 3D 模型可以帮助 3D 艺术家创建更有意义的、艺术指导的作品,设置在 3D 环境中看起来更自然的模型,并最终创建更逼真的渲染图像。

渲染场景

渲染(Rendering)是获取 3D 模型并将其转换为 2D 图像或动画的最后过程。 渲染涉及使用各种软件工具,例如 3D 建模、渲染引擎和合成软件。

该过程可能需要几分钟到几天的时间,具体取决于场景的复杂程度。 渲染完成后,图像或动画可以在游戏、电影和其他媒体中使用。

后期制作

最后,3D 建模中的后期制作(Post Production)是通过调整颜色并在 2D 空间中添加效果来细化和增强渲染图像的过程。 此过程通常在 Photoshop 或 After Effects 等 2D 软件中完成。 后期制作包括色彩校正、灯光效果和合成,为 3D 模型创建最终、更精美的外观。

后期制作中的合成(Composition)是将反射、阴影和环境光遮挡等多个元素组合在一起以创建最终图像或场景的过程。 这个过程可以帮助艺术家更好地控制将场景组合在一起的不同元素。 合成允许艺术家轻松调整各个元素的各种属性,例如颜色、亮度和对比度,并添加光耀斑和运动模糊等效果。

要创建将在营销材料中使用的产品渲染图。 例如,社交媒体广告、产品列表、登陆页面、宣传册等,通常需要提供 5-6 张不同角度、光线良好的高质量产品照片。 如果有产品的技术图纸,使用这些图纸能够使模型更加准确。

在雕刻/建模之前,必须定义该对象转换为数字的原因和复杂程度。建议更多地关注:

  • 文件大小
  • 多边形数
  • UV 和纹理
  • 材质

多边形问题

多边形越多,我们的模型就越重。 因此,为了优化 3D 模型,我们总是尝试减少这些计数。 对于增强现实,网格多边形数量应少于 100,000 个三角形。

UV 和纹理

纹理贴图导出至关重要。 纹理贴图的分辨率应为 2048 x 2048 或更小。 值得注意的是,UV 和纹理贴图不应相互重叠。

材质

不要对一个物体的不同面使用多种材质。 Substance Painter 是完成这项工作的最佳应用程序之一。

动画

Blender 以创建 3D 动画而闻名。 不过,一般来说,强烈建议动画应该在一个链下。

模型格式

建议采用以下格式导出 3D 模型:.glTF、.obj、.fbx、.glb 和 .dae。

cc4622cb8fee48ac93bb4a2fd5a88df8.png

3D 模型包含 Blender 文件,还包含 Cinema4D 模型、3Ds Max 模型、Maya 模型、Rigged 动画、FBX 模型、Obj 模型等。STL(Standard Tessellation Language)是一种常见的三维模型文件格式,被广泛应用于各种领域,包括3D打印、计算机辅助设计(CAD)等。它通过描述模型的表面几何形状,将三维对象转换为由许多小三角形组成的网格结构,从而实现了模型的数字化表示。

使用 Autodesk 3ds Max、Maya 或 Blender 等 3D 软件对旋转产品进行 3D 渲染。 该过程包括创建产品的 3D 模型、设置照明和材质并将其放置到场景中。 然后动画过程就可以开始,设置相机和场景,并创建旋转动画。

  • 产品设计与制造

最常见的是,3D 渲染用于产品制造过程中的产品原型设计和测试,以及在产品投入生产之前对产品进行可视化。 这可以让制造商深入了解产品设计,并帮助他们在制造前进行必要的调整。

3D 渲染还可用于创建装配过程的详细说明,以及创建产品在不同环境中的可视化效果。 这有助于制造商更好地了解产品并确保最终产品满足他们的期望。

  • 营销和产品推广

企业可以借助 3D 渲染来展示他们的产品。 同样,3D 建模渲染变得越来越普遍,因此它不再仅仅适用于大电影或预算庞大的品牌。

这些渲染可用于产品广告、网站或目录中。 3D 渲染使人们能够尽可能接近地体验产品,而无需实际体验它。

  • 建筑可视化

3D 渲染通常用于建筑中,以帮助可视化拟议的建筑或设计。 它们用于创建拟议结构的真实图像,可用于向客户和其他利益相关者展示成品的外观。

3D 渲染还可用于分析潜在的设计缺陷、识别潜在的材料使用以及评估项目的整体美感。 它们还可以用于创建空间的演练,让客户在建造之前体验设计。

  • 电影和电视中的特效

3D 渲染用于特效和电影制作中的各种任务。 它们有助于创建现实的环境、生物和物体,否则在现实生活中创建这些环境、生物和物体会非常困难或昂贵。

它们还可用于为现有场景添加额外的深度和真实感,或创建更真实的环境和对象。

  • 视频游戏

3D 渲染用于创建视频游戏的图形。 它们用于创建角色和环境,以及纹理和其他元素。 它们提供逼真且身临其境的游戏体验。 3D 渲染还用于创建许多视频游戏中的过场动画和过场动画。

3D 模型对于网站和平台来说通常过于复杂和繁重。 与台式机相比,智能手机或移动设备更方便我们阅读文章、在社交网络渠道上发布内容、阅读电子邮件。 移动设备目前仍然存在Web 3D的应用局限性。

  • .glTF文件

对于增强现实,此格式已成为基于 Web 和基于应用程序的应用程序的流数据标准。 它速度很快,并且允许游戏引擎直接读取。 GlTF格式极大地支持静态模型和动画。 但是,请不要使用此格式保存或导出文件以便稍后进行编辑,编辑完成后再使用GLTF转换工具将其转换为GLTF格式即可。

  • .Obj 文件

.Obj 文件是可扩展的。 这种格式在信息交换中很流行。 它极大地支持无限的颜色,一个文件可以定义多个对象。可以使用Obj转换工具将其他格式的3D模型转换为Obj格式。

  • .FBX 文件

通常,它非常适合交换 3D 几何和动画数据。 人们喜欢它,因为它非常普遍; 我们可以打开、编辑和导出高保真 2D 和 3D 文件。其他格式的3D模型可以使用FBX转换工具将其转换为FBX文件。

  • .GLB 文件

.GLB 文件也是 3D 设计师喜爱的文件之一,因为它支持运动和动画。 此外,它很小,但可以包含纹理、着色器和动画。GLB模型非常适合网页应用,你可以用GLB转换工具将其他格式的3D模型转换为GLB文件。

78ef1616be244556830efb037a6f7ed8.png

Web 3D模型优化要点如下:

  • 整个场景有 100000 个三角形
  • 大型网格有 5000 个顶点,中型网格有 1000 个顶点,小型网格有 250 个顶点
  • 每个网格 1 个 UV
  • 最多 10 个着色器,因为超过 10 个会导致随机错误
  • 纹理分辨率为 2048 x 2048

Objaverse大型3D数据集

海量开放数据集Objaverse数据集可以从huggingface下载,它包含大约 800 000 个 3D 模型以及文本描述,可以解放建模中的繁重任务。

4cbac319797a4a6e9dbb6f5412419fc5.png

5a87118cd302401eb37f57f9638e0e03.png

参见:

[2212.08051v1] Objaverse: A Universe of Annotated 3D Objects (arxiv.org)

Objaverse (allenai.org)

10 Great Website for FREE 3D Models for your Games in 2020

AI: 3D objects and 3D assets (3dvf.com)

OpenGameArt.org

Home · Kenney

Download the latest indie games - itch.io

Blend Swap | Home

Models | 3D Resources (nasa.gov)

Free 3D Models, CAD Models And Textures Download

免费3D模型 - Free3D.com

CGTrader - 3D Models for VR / AR and CG projects

3D Models for Professionals :: TurboSquid

购买3D模型 - 3DModels.org

Free 2D Game Assets - CraftPix.net

最好的汽车、物体等的3D模型 - 3DModels商店

Photorealistic 3D images for product and package design | Adobe Dimension

3D模型在线查看器 - BimAnt

3D模型在线转换

InstaLOD – Everything you need for the production and automatic optimization of 3D content.

RapidCompact – 3D Optimization Software.

STL模型分割工具:解放3D打印的尺寸限制 (mvrlink.com)

OBJ模型简化工具:提升性能与效率的利器 (mvrlink.com)

CAD图纸轻量化中圆的处理 (mvrlink.com)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/528089.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Windows 11安装Radialix 3

Radialix 3软件可以实现软件汉化,能够制作汉化补丁和语言包文件。 接下来详细介绍安装过程,亲测有效。 一、下载安装包并本地解压 安装包资源和破解软件都上传到了文章顶部。 本地解压: 二、开始安装Radialix 双击Radialix_3.00.00.486.…

RuleEngine规则引擎底层改造AviatorScript 之公式规则

前情提要,看上一个文章,具体要实现的效果就是 当然上来的问题就是前端的问题,这个框首先他们用的是富文本,富文本传到后台的结果是前端脚本,带着h5的标签,后面改成了这个,当时这个东西其实和后…

springboot系列-自定义启动时狂拽酷炫的banner信息

springboot系列-自定义启动时狂拽酷炫的banner信息 基于springboot 2.6.6 jdk1.8 代码地址:github仓库地址 banner module 更多系列教程请关注公众号’coderlike’ 如果觉得有帮助希望能关注下公众号 本篇短文只说明文本类型的banner打印 添加配置到applica…

谷歌建站用什么程序比较好?

建网站这回事,说容易也容易,现如今市面上建站的程序多如牛毛,哪怕你不会代码也能建一个漂亮的网站,但网站搭建出来是为了什么?是为了获取流量,拉到业务,那么,建站的时候你就要考虑谷…

可视化大屏的应用(9):智慧旅游和智慧景区

可视化大屏在智慧旅游领域具有多种价值,可以为旅游管理者和游客提供更加便捷、优质的服务和体验。本期大千UI工场带来智慧旅游和智慧景区的可视化大屏界面,供大家欣赏。 可视化大屏在智慧旅游领域的价值如下: 提供全面的信息展示&#xff0…

基于springboot实现明星周边产品销售网站项目【项目源码+论文说明】计算机毕业设计

基于springboot实现明星周边产品销售网站系统演示 摘要 随着信息互联网信息的飞速发展,无纸化作业变成了一种趋势,针对这个问题开发一个专门适应洗衣店业务新的交流形式的网站。本文介绍了星之语明星周边产品销售网站的开发全过程。通过分析企业对于星之…

上岸第一剑,编程语法必修:python并发编程

前言 回顾昨天的内容,昨天从基础入门,列表与元组,字符串,字典,条件循环和其他语句,函数,面向对象编程,异常与文件处理等八个方向讲述了python语法编程,今天来到第二章py…

【CSDN活动】人工智能:前沿科技中的创业机遇与挑战

🌈个人主页: 鑫宝Code 🔥热门专栏: 闲话杂谈| 炫酷HTML | JavaScript基础 ​💫个人格言: "如无必要,勿增实体" 文章目录 人工智能:前沿科技中的创业机遇与挑战一、AI技术的快速发展与应用拓…

C++手撕红黑树

文章目录 红黑树概念性质(条件限制)节点的定义红黑树的结构红黑树的插入cur为红,p为红,g为黑,u存在且为红cur为红,p为红,g为黑,u不存在或u为黑,插入到p对应的一边cur为红…

Vue3报错:‘defineProps‘ is not defined no-undef

解决方法 在package.json中添加 "vue/setup-compiler-macros": true 记得在上面的 "node": true 后面加一个逗号 "eslintConfig": {"root": true,"env": {"node": true,"vue/setup-compiler-macros": t…

考PMP一定要培训吗?PMP备考可不是说着玩的

想要考项目管理认证一定要培训吗?其实这是必要的也是必须的啦,不仅仅是因为自学的难度大,个人自学很难总结学习技巧,另一个原因就是考试前还必须要有授权培训机构提供的35学时培训证明,没有这个培训证明也就直接意味着…

【C++11】initializer_list | 右值引用 | 完美转发

一切皆可列表{ }初始化 在C98,允许花括号{ } 对数组、结构体类型初始化。 class Data { public:Data(int y, int m, int d):_y(y), _m(m), _d(d){} private:int _y;int _m;int _d; };int arr[4]{0,1,2,3};//列表初始化 Data d1{2024,03,21};//列表初始化 C11允许通过{ } 初始化…

LangChain教程 | 实践过程报错集 | 持续更新

这是本人最近在做langchain教程过程中的遇到的报错,不分先后顺序。 报错:TypeError: NoneType object is not iterable 这个报错很常见,咱们要看原始报错的位置是哪里,下面是我的截图: 找到源头之后,就在源…

使用idea运行程序,发现控制台的中文出现乱码

修改UTF-8发现没有效果,寻找.idea文件夹的encodings.xml文件,将里面的UTF-8全部变成GBK.

(一)基于IDEA的JAVA基础12

一维数组 为什么使用数组: 当我们需要存储一系列数据的时候,就需要用到数组,如果不使用数组,我们就要需要一个一个的去声明变量,这样浪费内存空间,同时效率低下。 什么是数组: 数组本身就是一个变量,只…

爱普生新一代可编程振荡器系列SG-8018

频率范围: 0.67 MHz-170 MHZ 温度范围: -40C to 105C 精度: 50 ppm including aging(包括老化) 供电电压: 1.8V, 2.5V, 3.3V(1.62V-3.63V) 低功耗: 3.2 mA-8.1 mA maximum 单端输出模式: LVCMOS 可编程上升/下降时间:输出使用(OE)或待机功能(ST) 4种封装尺寸…

testng接口自动化2@Test常见参数

接下来是Test注解里的一些常用参数 1,enabled 是否执行此用例,若enabled false,则不执行此方法,若enabled true 则此方法执行,如图test1的testDemo3设置为true,testDemo2设置为false,则testDemo2没执行 2,expecte…

蓝桥杯 历届真题 时间显示【第十二届】【省赛】【C组】

资源限制 内存限制&#xff1a;256.0MB C/C时间限制&#xff1a;1.0s Java时间限制&#xff1a;3.0s Python时间限制&#xff1a;5.0s #include<bits/stdc.h> #define int long long using namespace std; const int N 1e510; int n,m,t,d; int a[2][N],b[N]; //…

Nuxt3 实战 (三):使用 release-it 自动管理版本号和生成 CHANGELOG

release-it 能做什么&#xff1f; 增加版本号并提交 Git生成变更日志&#xff08;Changelog&#xff09;并提交到 Git创建 Git 标签并推送到远程仓库发布到 npm 等软件仓库在 GitHub、GitLab 等平台创建发行版 前置知识 在看这篇文章之前&#xff0c;我们有必要了解一下 Sem…

深入了解iOS内存(WWDC 2018)笔记-内存诊断

主要记录下用于分析iOS/macOS 内存问题的笔记。 主要分析命令&#xff1a; vmmap, leaks, malloc_history 一&#xff1a;前言 有 3 种思考方式 你想看到对象的创建吗&#xff1f;你想要查看内存中引用对象或地址的内容吗&#xff1f;或者你只是想看看 一个实例有多大&#…