618活动banner「网页banner怎么做」

今天给大家普及一下618活动banner「网页banner怎么做」相关知识，最近很多在问618活动banner「网页banner怎么做」，希望能帮助到您。

刚刚过去的618，京东2692亿和天猫6982亿的下单金额再创新高，刷遍整个网络，不知道各位小伙伴的剁手记录是多少呢？

在惊叹大家的购买力爆棚之余，数艺君也关注了一波本次618的设计，品胜出品的这张设计，就十分不错。

毫无疑问，C4D依旧是电商设计的主流，许多大品牌依旧孜孜不倦的用C4D来打造店铺设计，足以证明它的实力。

近几年，电商行业竞争激烈，电商设计师之间的竞争也很激烈，单纯的掌握某项技能已不足以维持工作的需求，而日新月异的视觉体现，设计师也必须要了解。

所以今天，它来了，C4D多彩Banner设计教程安排！

实例：多彩Banner设计

制作思路：

模型部分：用Cinema 4D的参数化物体创建整个场景，用到了平面、圆柱、立方体、圆柱和圆锥，通过移动、缩放、旋转和扭曲变形器来调整场景的层次。

材质部分：使用了湖蓝和紫色的配色，一明一暗，凸显视觉。

灯光部分：通过逆光的方式照亮物体，并且使用HDR对反射材质的质感进行表现，以体现各自不同的层次关系。

后期部分：把物体渲染输出后，在Photoshop中添加主题和广告词，然后调整颜色、对比度和明暗关系，最终的效果如图所示。

利用基础图形搭建场景：

（1）设置好图像的整体大小，单击“渲染设置”按钮 ，在“输出”面板内设置“宽度”为1920像素、“高度”为600像素，其他保持默认，接下来的操作是在这个尺寸内进行的，如图所示。

（2）单击创建“摄像机”按钮 ，在视图中创建了一台“摄像机”。因为需要一个斜上方俯视的效果，所以修改“摄像机”的位置参数。在摄像机“属性”面板中的“坐标”选项卡，设置“P.X”为1400cm、 “P.Y”为1875cm、“P.Z”为 1570cm，然后设置“R.H”为140°、“R.P”为-45°、“R.B”为0°，如图所示。

另外，为了营造类似轴测图效果的场景，在“对象”选项卡中设置“投射方式”为“平行”，如图所示。

（3）创建一个“平面”，把“平面”放大，使其在摄像机视图中不会露出边缘，如图所示。

（4）创建物体填充这个场景，创建一个“立方体”，在“属性”面板中设置“尺寸.X”“尺寸.Y”“尺寸.Z”都为150cm，如图所示。

（5）将上一步中的“立方体”复制1份，在“属性”面板中将“尺寸 .X”设置为 75cm，单击“转为可编辑对象”按钮 ，将复制的“立方体”转为可编辑对象，在“边”模式 下选中右上角的一条边，单击鼠标右键弹出编辑列表，选中“消除”命令可将这条边删除而不影响其他的边和面，如图1所示。这样就得到了一个“三角体”，如图2所示。

图1

图2

（6）复制1份这个“三角体”，并在 x 轴向上缩小一点，然后将两个“三角体”放置在“立方体”的旁边，接着将它们“群组”并命名为“立方体组合”，如图所示。

（7）制作一个弯曲的“薄片”，创建一个“立方体”，在“属性”面板的“对象”选项卡中设置“尺寸.X” “尺寸.Y” “尺寸.Z”分别为90cm、10cm、850cm，设置“分段 X”“分段 Y”“分段 Z”分别为10、2、40，如图所示。

新建“扭曲”对象，将“扭曲”设置为“立方体”的“子物体”，并且在“属性”面板的“对象”选项卡中设置“尺寸”分别为10cm、200cm、140cm，设置“模式”为“限制”、“强度”为90°，如图所示。

旋转“扭曲”变形器，将它调整至合适的位置，使“立方体”能够向上弯曲，如图所示。

（8）单击“管道”按钮 ，在“属性”面板的“对象”选项卡中设置“内部半径”为80cm、“外部半径”为90cm、“旋转分段”为36、“高度”为120cm、“方向”为 Y，如图1所示。单击“切片”选项卡，勾选“切片”复选项，设置“起点”为-180°、 “终点”为0°，如图2所示。得到半边管道，如图3所示。

图1

图2

图3

（9）选中“管道”，单击“转为可编辑对象”按钮 ，将选中的“管道”转为可编辑对象，在“面”模式 下选中“管道”的截面，单击鼠标右键弹出编辑菜单，选择“挤压”命令，将两个面拉出，如图1所示。得到一个类似拱门的造型，如图2所示。

图1

图2

（10）单击“管道”按钮 ，在“属性”面板的“对象”选项卡中设置“内部半径”为75cm、“外部半径”为90cm、“旋转分段”为36、“高度”为45cm、“方向”为 X，如图所示。

单击“圆柱”按钮 ，在“属性”面板的“对象”选项卡中设置“半径”为70cm、“高度”为15cm、“旋转分段”为36、“方向”为 X，如图所示。

在“切片”选项卡，勾选“切片”复选项，设置“起点”为0°、“终点”为-180°，如图所示。

（11）调整管道和圆柱的位置，得到一个组合图形，如图所示。

（12）到这里，比较有难度的几个模型已经做好了，下面继续创建几个立方体、圆环和圆柱对象，将它们和之前的物体一起放置到合适的位置，再切换到“摄像机”

视图进行精确调整，得到最终效果，如图所示。

不同饱和度和明度的材质设置：

（1）本场景的主色调是紫色，点缀的颜色是孔雀绿。创建一个材质球，在“颜色”选项卡中设置“H”为260°、“S”为60%、“V”为50%，其他保持默认，得到一个低饱和度、低明度的紫色，如图所示。

将这个材质赋予作为地面的“平面”，如图所示。

（2）新建一个材质球，在“颜色”选项卡的“纹理”选项中选择“菲涅耳（Fresnel）”选项，如图所示。

单击“菲涅耳”进入设置面板，设置它的颜色，将左边的颜色设置为蓝色，设置“H”“S”“V”分别为210°、100%、90%，将右边的颜色设置为紫色，设置“H”“S”“V”分别为280°、100%、100%，如图所示。

将这个“材质”赋予场景中的三角体和弯曲片等元素，如图所示。

（3）新建一个材质球，在“材质”面板的“颜色”选项卡中设置“H”为190°、“S”为100%、“V”为90%，其他保持默认，如图所示。

得到一个湖蓝色的“材质”，将它赋予场景中的相关物体，如图所示。

（4）新建一个“材质”，在“材质”面板的“颜色”选项卡中设置“H”为260°、“S”为40%、“V”为80%，其他保持默认，如图所示。

在“反射”选项卡中单击“添加”按钮，选择“反射（传统）”，创建一个反射层，即“层1”，如图所示。

单击“层1”，设置“衰减”为“添加”、“粗糙度”为15%、“反射强度”为20%，其他保持默认，这样就得到了一个带反射的、低饱和度和低明度的紫色“材质”，如图所示。

（5）将“材质”赋予剩下的物体，如图所示。

挑战逆光光感：

（1）下面来创建灯光。单击“目标聚光灯”按钮 ，在“属性”面板的“常规”选项卡中设置“类型”为“区域光”、“投影”为“区域”，如图所示。

（2）在“细节”选项卡中，设置“外部半径”为500cm、“水平尺寸”和“垂直尺寸”都为1000cm、“衰减”为“平方倒数（物理精度）”、“半径衰减”为1800cm，如图所示。

（3）在视图中调整这束灯光的位置，让衰减的边缘靠近场景的中心，但不接触，如图1和图2所示。

图1

图2

（4）将灯光复制2份，然后在视图中改变它们的位置，如图1和图2所示。

图1

图2

（5）单击“渲染设置”按钮 ，打开“渲染设置”面板，在“效果”的下拉列表中选择“全局光照”复选项，这样场景中就打开了“全局光照”，如图所示。

（6）单击“渲染”按钮 ，进行渲染输出，最终效果如图 所示。

Photoshop后期处理：

（1）将渲染好的图像保存到合适的位置，然后导入Photoshop中，现在的图像较为灰暗，所以需要进行整体颜色的调整。

在“图层”面板中单击“创建新的填充图像或调整层”，找到“曲线”命令并新建“曲线”图层，将曲线的中间部分向上拉一点，这样整个场景就会明亮一些，如图所示。

（2）在“创建新的填充或调整图层”中执行“色相 / 饱和度”命令，打开“色相 / 饱和度”面板，设置“饱和度”为 20，如图1所示。画面的颜色饱和度变高，如图2所示。

图1

图2

（3）在“创建新的填充或调整图层”中执行“色彩平衡”命令，打开“色彩平衡”面板，将“洋红/绿色”的值调为-20，如图1所示。这样，画面的紫色更多，颜色更舒服，如图2所示。

图1

图2

（4）最后导入素材图形，放置在图像的正中心位置，得到最终的图像，如图所示。