电子商务视觉设计 课件 6任务1 三维场景搭建与渲染

模块三电商视觉设计技能提升《电商视觉设计》思维导图1目录CONTENTS动态情景化的设计项目六

动态情景化的设计项目背景

在全渠道数字化运营项目中，为了能够吸引更多的用户进行消费，企业不仅要提供具有强大产品力的产品，还需要进行营销推广。在进行营销推广时，除了要选择合适的营销推广渠道，还需对产品或活动进行视觉呈现。为了能够吸引更多用户的眼球，企业在进行视觉设计时，应紧跟时代的潮流，设计一些极具表现力和张力的设计，以此来吸引更多人的关注，为整个项目运营带来流量。

伴随着电商的快速发展，商家与商家之间的竞争愈发激烈，这也致使商家对店铺的视觉设计提出了更高的要求，店铺的视觉设计不能仅停留在普通的平面设计上，而应该积极探索平面设计与三维设计、动画设计的融合，以打造出极具场景化的三维图像或视频，以场景搭建带给用户视觉冲击，引起用户共鸣，以达到店铺营销推广的目的。要设计出动态情景化的图像或视频，首先要掌握三维设计和动画设计的基础知识和相关操作，只有在掌握了三维设计和动画设计的基础知识和相关操作后，才能更好地去完成电商动态情景化的图像或视频的设计与制作。研究内容三维场景搭建与渲染视频动态文字设计图形动画设计产品推介动画设计学习目标1.认识C4D软件及其工作界面；2.了解C4D建模常用的工具及功能；3.认识AE软件及其工作界面；4.熟悉与动画制作的基础知识；5.了解图形动画设计基础知识；6.了解产品推介动画设计的基础知识。知识目标1.能够使用C4D软件搭建出符合营销需求的三维场景并进行渲染；2.能够使用AE软件制作出符合营销需求的动态文字；3.能够使用AE软件进行图形动画的设计与制作；4.能够使用AE软件进行产品推介动画的设计与制作。技能目标1.了解社会主义核心价值观，诚实守信，遵守职业道德；2.具备积极主动的工作态度、较强的视觉审美与设计能力；3.具备较强的团队协作能力、社会责任意识和诚信的品德。素养目标任务一三维场景搭建与渲染预备知识一、C4D软件介绍

Cinema4D简称“C4D”，是由德国MaxonComputer公司开发和发行的一款三维设计软件，是一款专业的3D建模、动画、模拟和渲染解决方案的软件，在影视特效、动画设计、平面设计等方面都有出色的表现。如图所示为Cinema4D软件的图标。预备知识二、C4D软件工作界面介绍（MaxonCinema4D23）

安装AdobeMaxonCinema4D23软件并打开，就进入到MaxonCinema4D23的工作界面，工作界面主要由10个模块组成，分别是菜单栏、工具栏、模式工具栏、视图窗、时间轴、材质窗口、坐标轴、属性窗口和对象窗口组成，如图所示。预备知识（1）菜单栏

菜单栏为整个环境下所有的窗口提供菜单控制，包括文件、编辑、创建、模式、选择、工具、网格、条样、体积、运动图形、角色、动画、模拟、跟踪器、渲染、扩展、窗口、帮助组成，如图所示。预备知识（2）工具栏工具栏可以对基础对象进行编辑，也可进行基础对象的创建，包括对基础对象的移动、缩放、旋转、渲染等操作，也包括创建参数对象、样条、生成器、域、场景、物理天空等操作。拖动工具栏的左侧侧边栏，可以移动工具栏。有些工具的右下角有一个小三角形符号，这表示在工具位置上存在一个工具组，其中包括若干个相关工具，如图所示为工具栏。预备知识（3）模式工具栏模式工具栏可以对变成可编辑对象进行点、线、面等的编辑和调整，与工具栏一样，拖动模式工具栏的顶部，可以进行模式工具栏的移动，另外模式工具栏有些工具的右下角有一个小三角形符号，也表示在工具位置上存在一个工具组，其中包括若干个相关工具，如图所示为模式工具栏。预备知识（4）视图窗口视图窗口是Cinema4D的重要工作区，用于显示模型或编辑模型，如上图所示，单击鼠标滚轮可切换出四个视图进行查看模型，如下图所示，在相应的视图上方单击鼠标滑轮即可进行视图显示的切换。预备知识（5）时间轴时间轴面板是用于控制操作对象动画相关的调节面板，通过时间轴可以对操作对象进行动画播放、添加关键帧、移动等操作，同时还可以调整操作对象的轴长和帧数，如图所示。预备知识（6）材质窗口材质窗口是场景材质球的管理窗口，在该窗口中可以进行材质球的创建、编辑、选择等操作，同时该窗口也是显示场景中材质球的窗口，如果要对材质球进行相关设置，双击对应的材质球在弹出的材质编辑器窗口中调节即可。预备知识（7）坐标轴坐标轴显示模型在三维空间中的坐标，在坐标轴面板中可以对可编辑对象的轴向、尺寸和角度进行精确数值的调整。预备知识（8）属性窗口属性窗口显示所选对象、工具和命令的参数属性，通过参数属性窗口可对所选对象、工具的具体参数进行精准设置。预备知识（9）对象窗口对象窗口显示场景中的所有对象，同时也会显示各对象之间的层级关系，如图所示。预备知识三、C4D建模常用工具和功能

在使用C4D建模时常用到的工具有立方体工具组、画笔样条工具组、细分曲面工具组、挤压工具组、弯曲工具组、地面工具组、灯光工具组、材质球、渲染器等。（1）立方体工具组立方体工具组中由18个工具组成，如图所示，利用立方体工具组可以快速的进行一些基础模型的创建。预备知识（2）样条画笔工具组样条画笔工具组中由23个工具组成，如图所示，绘制的样条线可以结合其他的工具快速生成自定义的模型或预设的模型。预备知识（3）细分曲面工具组细分曲面工具组中由13个工具组成，如图所示，细分工具组中的工具主要用于对几何体和样条的编辑。预备知识（4）挤压工具组挤压工具组中由6个工具组成，如图所示，与细分曲面工具一样挤压工具也是用来对几何体和样条进行编辑的。预备知识（5）弯曲工具组弯曲工具组中由31个工具组成，如图所示，弯曲工具组中的工具是通过与几何体的配合对几何体进行变形操作的。预备知识（7）灯光工具组灯光工具组中由9个工具组成，如下图所示，利用灯光工具组中的工具可以为模型添加光效，来模拟真实的光照效果。（6）地板工具组板工具组中由12个工具组成，如上图所示，通过地板工具组中的工具可以为模型添加地板、天空、前景、背景等场景。预备知识（8）渲染器渲染器是C4D中将三维模型根据特定算法转化为图像的工具，C4D为创作者提供了两种渲染器，分别是标准渲染器和物理渲染器，如图所示。另外C4D也支持一些外置的渲染器对模型进行渲染操作，常见的外置渲染器有OctaneRender、Redshift、Arnold等。实施准备伴随着电商的发展，C4D在电商视觉设计领域中的应用越来越广泛，在店铺首页、产品图、海报、详情页都能看到C4D的“身影”。在使用C4D软件建模时，需要掌握C4D软件的基础知识和相关操作，只有在了解和掌握了C4D软件的基础知识和相关操作后，才能更好地使用C4D软件绘制出符合营销需求的图片。任务实施与分析步骤1：新建项目

打开MaxonCinema4D23，新建一个项目，如图所示，并将其命名为“产品海报”进行保存。一、模型制作任务实施与分析步骤2：场景搭建

1.背景墙搭建（1）使用立方体工具创建两个长方体，如上图所示，接着使用旋转工具将左边的立方体旋转90°，如下图所示。任务实施与分析然后使用移动工具将左边的立方体移动到如图所示的位置。任务实施与分析（2）使用样条画笔工具组中的多边工具创建一个四边形样条，如上图所示，在多边样条的属性窗口中勾选圆角，设置圆角的半径为35cm,如下图所示。任务实施与分析（3）单击挤压工具，将多边对象拖动到挤压的子集中，如上图所示，接着选择移动工具，调整位置坐标轴的X值为-15cm，Y值为148cm,Z值为360cm，如下图所示。任务实施与分析然后选择细分曲面工具中的布尔工具，然后将立方体.2、挤压对象父子集移动到布尔对象的子集中，如图所示。任务实施与分析2.产品展示台搭建（1）使用立方体工具创建一个立方体，在立方体.1对象窗口中单击尺寸前面的按钮，然后将X值设置为92cm、Y值设置为120cm、Z值设置为98cm，接着单击键盘中的“回车键”即可得到如图所示的立方体。任务实施与分析然后在设置尺寸X、Y、Z的分段为33，如图所示。任务实施与分析以上所有参数设置完成后，将立方体转化为可编辑对象,接着单击细分曲面工具，将立方体.1对象移动到细分曲面对象的子集中，然后单击细分曲面对象，在细分曲面的属性窗口中调整编辑器细分的参数为1，渲染器细分的参数为6，设置完成后调整位置坐标轴的X值为-1cm，Y值为37cm，Z值为338cm，如图所示。任务实施与分析（2）使用立方体工具中的圆柱体工具创建一个圆柱体，接着单击圆柱体工具属性窗口的坐标，在坐标的设置面板中选择S.X、S.Y和S.Z前面的按钮，然后将X值和Z值调整为1.68，Y值调整为0.55,接着单击属性窗口中的对象，在对象面板中将高度分段和旋转分段的数值调整为33，如图所示。任务实施与分析以上所有参数设完成后，将圆柱体转化为可编辑对象,接着单击细分曲面工具，将圆柱体对象移动到细分曲面.1对象的子集中，然后单击细分曲面.1对象，在细分曲面.1的属性窗口中调整编辑器细分的参数为4，渲染器细分的参数为4，设置完成后调整位置坐标轴的X值为-53cm，Y值为3cm，Z值为279cm，如图所示。任务实施与分析使用同样的方法再创建一个立方体，具体参数如表所示,效果如下图所示。位置&尺寸参数

位置

S.X、S.Y、S.Z值X69cmS.X0.76Y15cmS.Y0.55Z247cmS.Z0.76圆柱体分段参数高度分段63旋转分段43细分曲面参数编辑器细分2编辑器细分2任务实施与分析3.将以上模型都搭建完成后，选中对象窗口中的所有对象，使用“Alt+G”群组对象，然后双击命名为“场景群组”。步骤3：产品建模1.第一款产品建模（1）导入产品实拍图，首先切换视图窗口为正视图，接着在属性窗口模式单击“模式”，在模式列表中选择“视图设置”，在视图设置的属性面板中，单击“背景”，在背景设置面板中选择图像后面的“更多”按钮，添加产品实拍图，如图所示。任务实施与分析接着根据所建模型对实拍图的大小和位置进行调整，在属性窗口中设置水平偏移的参数为260，水平尺寸的参数为200，调整完成后单击键盘的“Enter”键即可完成设置，如下图所示。任务实施与分析（2）产品建模，使用圆柱体工具创建一个圆柱体，选择移动工具将圆柱体移动到产品实拍图的上方，并且通过圆柱体上的黄点调整圆柱体的形状和大小，使圆柱体和瓶身中的圆柱相重合，如图所示。任务实施与分析（3）选中圆柱体对象，在圆柱体属性窗口中设置圆柱体的高度分段为4，旋转分段为14，接着单击属性窗口中的“封顶”按钮，在封顶设置面板中取消勾选封顶，如图所示。任务实施与分析（4）将以上内容都设置完成后，将圆柱体转化为可编辑对象，接着选择“边”，然后使用框选工具对立方体下方的边进行框选,选中后的边会显示为黄色，如图所示。任务实施与分析接着按住键盘中的“Ctrl”键，使用移动工具，将所选中的边向下拖动，直至与产品图的底部重合，然后选择缩放工具对该条边进行缩放，直至与产品图的形状重合，如图所示。任务实施与分析完成后将视图窗口切换为透视图窗口，然后选择“多边形”，并且将窗口的视角移动在圆柱体的下方，接着在空白处单击鼠标右键，在弹出来的菜单栏中选择“封闭多边形孔洞”命令，然后单击圆柱体的底部，即可完成封闭孔洞的操作，如图所示。任务实施与分析（5）将视图窗口切换为正视图，接着选择边，然后使用框选工具框选立方体上方的边，使用“Ctrl+移动工具”、“Ctrl+缩放工具”按照产品图的样子使立方体的边与产品图的边相重合直至瓶嘴处，如图所示。任务实施与分析接着将视图窗口切换为透视图窗口，然后选择“多边”，并且将窗口的视角移动在圆柱体的上方，接着在空白处单击鼠标右键，在弹出来的菜单栏中选择“封闭多边形孔洞”命令，然后单击圆柱体的顶部，即可完成封闭孔洞的操作，如图所示。任务实施与分析（6）将视图窗口切换为正视图，接着选择“边”，然后使用框选工具框选立方体上方的边，使用“Ctrl+移动工具”、“Ctrl+缩放工具”，根据产品图片将圆柱的边与瓶嘴的边相重合，如上图所示。然后切换透视图窗口，将模型中需要封闭的孔洞进行封闭，即可得到产品的基础雏形，如下图所示。任务实施与分析（7）使用细分曲面工具创建一个细分曲面对象，然后将圆柱体对象拖入细分曲面的子集中，如图所示。任务实施与分析接着选择“边”，然后在空白处单击鼠标右键，在弹出的菜单栏中找到“循环/路径切割”命令，根据产品的样子使用“循环/路径切割”命令调整产品模型的细节，如图所示。任务实施与分析将产品模型的细节调整完成后，使用圆柱体工具创建一个圆柱体，再将圆柱体旋转后，移动到产品的瓶嘴处，并调整其旋转分段的参数调整为39，如图所示。任务实施与分析（8）使用布尔工具创建一个布尔对象，将细分曲面父子集和圆柱体拖动到布尔的子集中，如上图所示，设置完成后选中布尔对象，使用缩放工具对产品模型进行缩放，缩放完成后将产品模型移至立方体的模型上，效果下图所示。任务实施与分析

（9）通过以上步骤即可完成第一款产品的建模。使用同样的方法建立第二款商品的模型，并将其移动到大圆柱体的上方，效果图如图所示。任务实施与分析2.点缀元素建模使用球体工具创建一个球体，在球体的属性窗口中设置球体的半径为10cm，分段参数设置为41，将所有参数设置完成后将小球移动到小立方柱上。然后再复制一个球体，将其半径设置为5cm，分段参数设置为41，并将其移动至第一款产品的右边，效果图如图所示。任务实施与分析

3.将以上模型都搭建完成后，选中对象窗口中的所有对象，使用“Alt+G”群组对象，然后双击命名为“产品群组”。任务实施与分析

步骤4：设置材质及模型上色1.产品材质设置和上色（1）设置产品材质，单击材质窗口中的“创建—材质—新PBR材质”，创建新的PBR材质，如图所示。任务实施与分析然后双击PBR材质球，在弹出的材质编辑器窗口中勾选颜色并单击颜色，在颜色面板中调整颜色为白色，然后单击反射进入反射面板，在反射面板中调整默认反射的类型为“GGX”，粗糙度设置为“0%”，接着单击“层非涅耳”，在下拉列表中单击菲涅耳后面的下拉按钮，选择“绝缘体”，然后在单击预置后面的下拉按钮，在弹出的列表中选择“聚酯”，如图所示，最后单击页面上方的关闭按钮即可设置完成。任务实施与分析

（2）选中PBR材质球，使用快捷键“Ctrl+C”、“Ctrl+V”复制一个PBR材质球，然后双击材质球，在弹出的的材质编辑器窗口中单击颜色，在颜色面板中选择“RGB”，将RGB的数值分别设置为“220”、“189”和“176”，然后单击确定，即可设置完成，如图所示，设置完成后单击关闭即可。任务实施与分析

2.产品上色（1）创建选集。首先选择“面”，接着点击选择工具，然后单击圆柱体对象，使用“Shift”和选择工具选择出瓶身，如是图所示。任务实施与分析然后单击选择菜单栏在下拉列表中单击“设置选集”，设置完成后会在对应的对象后面显示一个黄色的三角形，如下图所示。任务实施与分析

使用同样的方法选择出第一款产品的瓶嘴部分和第二款产品的瓶身和瓶盖部分，设置完成后的效果图如图所示。任务实施与分析

（2）产品上色，单击第一款商品后面的瓶身选集，将PBR.1材质球拖入瓶身中，如图所示。任务实施与分析

接着选择第一款产品的瓶嘴选集，将PBR材质球拖入瓶嘴中，即可完成第一款产品的上色，使用同样的方法为第二款产品上色，最终效果图如图所示。任务实施与分析2.场景及点缀元素材质设置和上色。（1）设置场景材质。单击材质窗口中的“创建—材质—新Uber材质”，创建新的Uber材质，双击Uber材质球，在弹出的材质编辑器窗口中单击漫射进入漫射面板，在漫射面板中单击颜色，在颜色面板中选择“RGB”，将RGB的数值分别设置为“91”、“30”和“17”，然后单击确定，即可设置完成。使用同样的方法设置左边的颜色为“173”、“122”和“96”。（2）点缀元素材质设置。单击材质窗口中的“创建—材质—新标准材质”，创建新的新标准材质，双击新标准材质球，在弹出的材质编辑器窗口中，勾选透明即可设置完成。任务实施与分析

（3）场景及点缀元素上色。选中材质球,将设置好的材质球拖入对应的模型中，具体效果如图所示。任务实施与分析步骤5：设置环境和光源1.设置环境，单击地板工具组中的物理天空，接着在设置窗口中，取消选择太阳，如图所示。任务实施与分析

2.设置光源，单击灯光工具组中的区域光，接着调整其大小和位置，具体位置如图所示。任务实施与分析

步骤6：调整模型的角度和位置进行输出

通过以上步骤即可完成产品模型的制作，接着调整模型的角度和位置，然后单击渲染选项卡中的渲染到图像查看器，然后单击另存为按钮，如图所示。任务实施与分析

在弹出的保存页面中选择储存格式为JPG,然后单击下方的确定按钮，在弹出来的选在保存地址中选择保存地址，然后单击确认即可完成模型的渲染输出，效果图如图所示。拓展知识一、三维场景搭建与渲染的其他常用工具1.3DSMax3DStudioMax，简称3DSMAX，是当今世界上销售量较大的三维建模、动画及渲染软件。较容易