B端风格随着几年的风格变换不断趋于稳定,简洁、轻快、微光影、3D质感成为主流的设计风格。然而,这种风格对于一些刚入设计行业的同学有一定的学习门槛。
笔者基于轻质感3D风格,借助C4D软件,讲解如何快速搭建当下B端banner背景,以及后期关于PS的处理。当然,后面笔者还会结合当下火爆的AI软件,教小伙伴如何快速生成主体物,完成banner的整体落地。话不多说,一起看看如何设计吧~
轻质感3D风格的banner图主要分为三部分:背景+主体物+文案。
其中背景和主体物构成了背景图。本次视觉第一弹主要介绍如何用C4D搭建banner背景。有的童鞋可能担心我不会这个软件,怎么办呢?
不用担心,关于背景的制作其实都只用到C4D的基础操作,操作十分简单。后面主体物的AI生成和后期处理我将会在第二弹做讲解(不过相信有些童靴早就接触到AI出图了,嘻嘻)。有童靴问那为什么不直接采用AI生成背景图呢?最主要的原因是动线不可控,后期处理难度大,市面上也大多是主体物生成模型,因此,C4D生成背景图是相对高效的处理方式。
下面是一些我收集的banner图,风格主要分为引导几何曲线、线性以及面性,运用哪种风格可以参考自己产品的设计属性偏向。
(1)引导几何曲线:
更强的视觉冲击力。主要采用重复、叠加、曲面的设计手法,生成视觉动线。
(2)线性:
更清爽的视觉风格,但同时页面内容展示内容更加丰富,可传达更多的营销内容。往往需要结合一个主体物和多个辅助主体物。
(3)面性:
更沉浸的视觉体验,强调和聚焦一个主体即可。
C4D下载、阿诺德或者oc渲染器下载(需要的可以私聊我哦)
由于字数限制,我整理了一个C4D软件基础文案,需要的童靴跟我联系,有基础的童靴可以直接略过啦~
背景的参考可以去设计网站上找参考。常用的设计网站:behance、pinterest、花瓣、站酷。
万变不离其宗,背景的三种风格几乎都是采用红框中的常用模型,拼合搭建而成。点击即可
在属性栏中快捷键C,转化为可编辑对象后(或直接点击下图左侧红框),可以直接在对象上通过T,快速修改数值(或直接在右侧红框属性栏中修改参数)
此处采用克隆快速复制对象,将克隆易到父级上,调整模式(线性)、数量、位置参数,搭建合适场景。注意大小对比、虚实对比
增加天空,贴上HDR图片;增加矩形光,调整曝光度和亮度
下载阿诺德插件后,点击材质球,设置参数,主要红框中两项,金属度控制反射光。(颜色一般是淡蓝或白色符合B端风格)
若想生成渐变球,可点击打开网络编辑器,拖动红框项到中间面板
如果直接输出必定会有许多噪点,可在渲染设置中增加红框中的参数,主要是摄像机、漫射参数。若有玻璃材质,提高投射参数;若有金属材质,提高镜面参数
若还有噪点,在灯光和天空的属性栏--增加采样数值(2-4)
打开PS,通过颜色调整工具,调整画面整体亮度、饱和度、色调。注意不能过曝光。
主要增加对比度、高光、进一步增加画面质感,然后就OK完成啦