说起辣条,大家肯定会想到卫龙,款式多,口味好!颇有一股小时候的味道。
但是最近,数艺君却被它的店铺设计给刷屏了,广大网友齐呼:“卫龙不正经的美工又回来了”。
因为这次,他们用“Excel表格”搞了一波设计。
乍一看,是不是以为中毒了?后台的表格没关给卡重叠了?都不是,这真的是卫龙今年的双12电商设计。
如果不是亲眼所见,确实很难让人相信这是一个大品牌所设计的电商店铺,卫龙这次可谓将“有趣、好玩”的精神发挥到了极致。
不得不说,卫龙这次的设计确实非常新颖,也获得了非常多网友的认可,算的上是一次成功的营销了。
远观近几年的电商设计,插画、C4D、合成风等风格万家争鸣,每一个设计都有属于自己独一无二的优势,其中C4D更是凭借自己高效率和高质感获得了大量的青睐。
(Cinema4D制作的电商海报案例)
案例:卡通风格萌萌狗海报
案例素材:
提取码:vb1s
主体模型的制作
在制作这个案例之前先对案例的模型进行分析和拆分,以便于我们在制作过程中有一个明确的思路和流程。在萌萌狗海报这个案例中,场景可以大概分为萌萌狗和舞台元素区两部分,如图1-图3所示,拆解完成后逐一对其进行建模。
1.萌萌狗模型的创建
01创建一个球体,然后将球体的布线“类型”设置为“六面体”,如图所示。
02将球体转换为可编辑对象,然后单击鼠标右键,在弹出的菜单中选择“笔刷”工具,对球体的整体造型进行编辑,如图所示。
03将编辑后的球体选中一半并删除,如图所示。
04将剩余的一半使用“对称”工具进行对称,如图所示。
05选中面对其进行挤压并编辑,如图所示。
06选中耳朵的面,然后向内挤压,设置及最终头部、耳朵的效果如图所示。
07选中面进行挤压制作嘴巴部分,如图所示。
08选中头部的面并使用“分裂”工具分离,然后使用“挤压”工具进行挤压,如图1和图2所示。
图1
图2
09创建球体作为眼睛,如图所示。
10创建一个平面并对其进行编辑,如图1和图2所示。
11选择平面的边并对其进行挤压,如图所示。
12将编辑好的平面放置在头部相应的位置,如图所示。
13创建一个立方体并对其使用“循环/路径切割”工具添加分段线,如图所示。
14将上一步创建的立方体进行旋转并编辑,如图所示。至此,狗狗的头部完成。
15将头部所有的元素进行细分,如图所示。
16创建一个球体,将球体的布线“类型”更改为“六面体”,接着删除一半,如图1和图2所示。
17将半球体进行编辑,如图所示。
18将编辑好的半球体进行对称,如图所示。
19选择“面”工具,然后对选中的面进行挤压,如图所示。
20将挤压出来的面进行编辑,如图1和图2所示。
21选择面对其进行挤压,如图所示。
22使用“切刀”工具为腿部添加循环线,然后将切割后的面进行挤压,如图1和图2所示。
23创建一个立方体并对其进行切割,然后将其与身体部分进行组合,如图1和图2所示。
24对身体所有的部分进行细分,然后将头部与身体进行组合,如图1和图2所示。
25选择“管道”工具和“圆柱”工具继续丰富组合,如图所示。
26绘制一条“螺旋”样条线并调整参数,如图所示。
27绘制一个“半径”为8cm的圆形样条线,然后与上一步绘制的螺旋样条线进行扫描,如图所示。
28将扫描后的便便模型与狗狗进行组合,萌萌狗的模型创建完成,效果如图所示。
舞台元素的创建
01使用“文本”工具在场景中绘制一个样条线,然后对其进行挤压,如图所示。
02使用“圆柱”工具在场景中创建一个圆柱体,如图所示。
03创建一个圆柱体与上一步创建好的圆柱体进行组合,如图所示。
04将创建好的元素进行组合,背景的组合效果如图所示。
05将萌萌狗模型与背景进行组合,最终效果如图所示。至此,萌萌狗海报的场景创建完成。
设置材质
本节将完善模型的材质部分,本案例需要制作萌萌狗和背景元素两部分的材质。
1.萌萌狗材质
01创建一个空白材质,双击进入“材质编辑器”面板,具体参数设置如图1和图2所示。
操作步骤
①勾选“颜色”选项,设置“颜色”为(R:250,G:203,B:95),“亮度”为100%。
②勾选“反射”选项,设置“类型”为GGX,“粗糙度”为10%,“亮度”为33%,“菲涅耳”为“绝缘体”,“预置”为“沥青”,“强度”为100%,“折射率(IOR)”为1.635。
02新建一个空白材质,双击进入“材质编辑器”面板,具体参数设置如图1和图2所示。
①勾选“颜色”选项,设置“颜色”为(R:230,G:147,B:13),“亮度”为100%。
03新建一个空白材质,双击进入“材质编辑器”面板,具体参数设置如图1和图2所示。
①勾选“颜色”选项,设置“颜色”为(R:255,G:243,B:215),“亮度”为100%。
04新建一个空白材质,双击进入“材质编辑器”面板,具体参数设置如图1和图2所示。
①勾选“颜色”选项,设置“颜色”为(R:78,G:78,B:78),“亮度”为100%。
05新建一个空白材质,双击进入“材质编辑器”面板,具体参数设置如图1和图2所示。
①勾选“颜色”选项,设置“颜色”为(R:75,G:56,B:24),“亮度”为100%。
2.背景元素材质
02创建一个空白材质,双击进入“材质编辑器”面板,具体参数设置如图1和图2所示。
03创建一个空白材质,双击进入“材质编辑器”面板,具体参数设置如图1和图2所示。
①勾选“颜色”选项,设置“颜色”为(R:241,G:241B:241),“亮度”为100%。
②勾选“反射”选项,设置“类型”为GGX,“亮度”为45%,“菲涅耳”为“绝缘体”,“预置”为“沥青”,“强度”为100%,“折射率(IOR)”为1.635。
04将所有的材质完成之后赋予相应的模型,效果如图所示。
添加灯光
本节将完善场景中的灯光,本案例需要在场景中创建一盏主光源和两盏辅助光源。
1.主光源
在当前场景中添加一盏区域灯光,放置在整个场景的正前方,如图1所示,然后设置灯光参数,如图2所示。
①在“常规”中设置“颜色”为白色,“强度”为100%,“类型”为“区域光”,“投影”为“区域”。
②在“细节”中设置“衰减”为“平方倒数(物理精度)”,“半径衰减”为500cm。
2.辅助光源
在当前场景中添加两盏区域灯光,放置在场景的旁边,然后设置灯光参数,如图所示。
①在“常规”中设置“颜色”为白色,“强度”为70%,“类型”为“区域光”,“投影”为“无”。
设置环境
01新建一个材质并创建一个天空,然后执行“窗口-内容浏览器”菜单命令打开“内容浏览器”面板,接着将预置材质“preset://Prime.lib4d/Presets/LightSetups/HDRI/tex/HDR013.hdr”直接拖曳到天空材质的“发光”通道中,如图1和图2所示。
02拖曳天空材质赋予天空对象,然后按快捷键Ctrl+B打开“渲染设置”面板,接着在“渲染设置”面板中单击“效果”按钮添加“全局光照”选项,如图所示。
03按快捷键Ctrl+R进行渲染,效果如图所示。
04打开Photoshop软件,对渲染出来的效果图进行简单的明暗对比调整,然后在画面中输入一些文字并进行简单的排版,最终效果如图所示。