恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
618出镜最多的电商banner如何设计?教程来了!
0.0°
2020-06-24 原创文章 经验/观点 举报 498 4 2 0

618banner页设计教程!

刚刚过去的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)最后导入素材图形,放置在图像的正中心位置,得到最终的图像,如图所示。


Powered by Froala Editor

更新:2020-06-24

收藏

4人已收藏

数艺设

人民邮电出版社数字艺术分社

  • 491

    作品

  • 1108

    粉丝

  • 0

    关注

  • 分享一个普通插画师,很难Hold住的画法!
  • 为什么现在学Photoshop,也不算晚?
  • 乌江榨菜国风新包装!设计师画了40多稿
  • 你感受过五彩斑斓的孤独吗?这些高饱和度插画里隐藏着生活的力量
相关标签
设计

    猜你喜欢

      2020-06-24 原创文章 经验/观点 举报 498 4 2 0

      618出镜最多的电商banner如何设计?教程来了!

      0.0°

      你确定要举报618出镜最多的电商banner如何设计?教程来了!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年06月23日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      4
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录