💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景

用户头像
南京/UI设计师/1年前/23743浏览
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ3Nzg0NDA=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
前言
B端风格随着几年的风格变换不断趋于稳定,简洁、轻快、微光影、3D质感成为主流的设计风格。然而,这种风格对于一些刚入设计行业的同学有一定的学习门槛。
笔者基于轻质感3D风格,借助C4D软件,讲解如何快速搭建当下B端banner背景,以及后期关于PS的处理。当然,后面笔者还会结合当下火爆的AI软件,教小伙伴如何快速生成主体物,完成banner的整体落地。话不多说,一起看看如何设计吧~
目录
一、banner拆解
轻质感3D风格的banner图主要分为三部分:背景+主体物+文案。
其中背景和主体物构成了背景图。本次视觉第一弹主要介绍如何用C4D搭建banner背景。有的童鞋可能担心我不会这个软件,怎么办呢?
不用担心,关于背景的制作其实都只用到C4D的基础操作,操作十分简单。后面主体物的AI生成和后期处理我将会在第二弹做讲解(不过相信有些童靴早就接触到AI出图了,嘻嘻)。有童靴问那为什么不直接采用AI生成背景图呢?最主要的原因是动线不可控,后期处理难度大,市面上也大多是主体物生成模型,因此,C4D生成背景图是相对高效的处理方式。
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ4MjY2MTI=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
下面是一些我收集的banner图,风格主要分为引导几何曲线、线性以及面性,运用哪种风格可以参考自己产品的设计属性偏向。
(1)引导几何曲线:
更强的视觉冲击力。主要采用重复、叠加、曲面的设计手法,生成视觉动线。
(2)线性:
更清爽的视觉风格,但同时页面内容展示内容更加丰富,可传达更多的营销内容。往往需要结合一个主体物和多个辅助主体物。
(3)面性:
更沉浸的视觉体验,强调和聚焦一个主体即可。
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ3Nzg1MDQ=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
二、C4D制作轻质感背景
1.软件下载和安装
C4D下载、阿诺德或者oc渲染器下载(需要的可以私聊我哦)
2.简约几何搭建白膜
(1)面板基础及找参考
  • 基础学习
由于字数限制,我整理了一个C4D软件基础文案,需要的童靴跟我联系,有基础的童靴可以直接略过啦~
  • 找参考
背景的参考可以去设计网站上找参考。常用的设计网站:behance、pinterest、花瓣、站酷。
(2)基础操作
  • 选择对象:
万变不离其宗,背景的三种风格几乎都是采用红框中的常用模型,拼合搭建而成。点击即可
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ3Nzg3MDQ=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
长按工具栏的基础模型块
Collect
  • 修改参数:
在属性栏中快捷键C,转化为可编辑对象后(或直接点击下图左侧红框),可以直接在对象上通过T,快速修改数值(或直接在右侧红框属性栏中修改参数)
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ4MjY1MzI=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
  • 搭建场景:
此处采用克隆快速复制对象,将克隆易到父级上,调整模式(线性)、数量、位置参数,搭建合适场景。注意大小对比、虚实对比
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ4MjY1MzY=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
顶部工具栏找到克隆,长按出现弹窗
Collect
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ4MjY1NDA=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
参数调整
Collect
3.灯光设置
增加天空,贴上HDR图片;增加矩形光,调整曝光度和亮度
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ4MjY1ODQ=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
HDR拖入到红框中
Collect
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ4MjY1ODg=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
将摄像机参数调为0
Collect
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ4MjY1OTI=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
增加矩形框
Collect
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ4MjY1NTI=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
调整光源位置
Collect
4.材质设置
下载阿诺德插件后,点击材质球,设置参数,主要红框中两项,金属度控制反射光。(颜色一般是淡蓝或白色符合B端风格)
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ3Nzg4MTY=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
若想生成渐变球,可点击打开网络编辑器,拖动红框项到中间面板
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ3Nzg4MjA=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ3Nzg4MjQ=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
然后把设置好的材质球拖到对象上就好啦
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ3Nzg4Mjg=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
5.渲染
  • 修改渲染图片大小
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ3Nzg4NDQ=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
  • 降噪
如果直接输出必定会有许多噪点,可在渲染设置中增加红框中的参数,主要是摄像机、漫射参数。若有玻璃材质,提高投射参数;若有金属材质,提高镜面参数
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ3Nzg4MzY=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
若还有噪点,在灯光和天空的属性栏--增加采样数值(2-4)
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ3Nzg4NDA=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
  • 渲染
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ4MjY1NDg=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
三、PS后期处理
1.全局整体
打开PS,通过颜色调整工具,调整画面整体亮度、饱和度、色调。注意不能过曝光。
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ4MjY0NDQ=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
2.细节调整
主要增加对比度、高光、进一步增加画面质感,然后就OK完成啦
💥B端视觉第1弹——C4D零基础快速搭建3D轻质感背景(图ZMTQ4MjY1OTY=) - 教程 - 站酷设计师糖炒栗子lily原创素材 - 站酷ZCOOL
Collect
四、AI生成主体
将在第二弹中介绍,敬请期待...
141
Report
|
218
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
1
1
1
1
1
5
大家都在看
Log in