赞助商
立即赞助

外网大神都在用的「液态艺术」海报,今天让你免费学!

平面设计3年前 (2021)发布 流光
3K 0 1

外网大神都在用的「液态艺术」海报,今天让你免费学!

外网大神都在用的「液态艺术」海报,今天让你免费学!

看完后大家有什么感觉?有没有你轻盈透亮舒适感,以及很时尚前感觉。

外网大神都在用的「液态艺术」海报,今天让你免费学!

最近年这液态设计风格随着多商业计的应用慢慢流行了起来。它最大的点就是超越面和图像,带来一种全新计的观,今就来学习这的形式该如何计。

外网大神都在用的「液态艺术」海报,今天让你免费学!

既然品牌方都不约而同的选择了这种风格,那其中一定有它过人的地方。

外网大神都在用的「液态艺术」海报,今天让你免费学!

首先它不同于⼀形式的呈现⽅式,吸引⼈的不是⽂字、图案,更是⽂字图形的完美融。

外网大神都在用的「液态艺术」海报,今天让你免费学!

其次它可以带来全新的计,多景案例都在采⽤三维计来传达产品或品牌的功能点,让计更近现实,更近⽣活。

外网大神都在用的「液态艺术」海报,今天让你免费学!

外网大神都在用的「液态艺术」海报,今天让你免费学!

液态设计风看似很复,但果我加以简化一下,其不难现,报的结构主要分为 3 个部分组成,背、文字和材质。

外网大神都在用的「液态艺术」海报,今天让你免费学!

背简单来说就是报的背,液设计风数选用黑或白居,渐变和有彩少。但对没有硬要求。

外网大神都在用的「液态艺术」海报,今天让你免费学!

文字就是我们对文字信息进行整理的图,里值得注意的是,液风一般选用的是字重粗的无衬和黑,样做是为文字被材质叠压的时,也能持良的识别度。

外网大神都在用的「液态艺术」海报,今天让你免费学!

最就是材质,因为液风的质感是呈现微透明状态,给⼈轻盈透亮的感,所以材质方面选择折射材质。

外网大神都在用的「液态艺术」海报,今天让你免费学!

外网大神都在用的「液态艺术」海报,今天让你免费学!

在日生中,我们接触的材质通分为种,漫射材质、反射材质和折射材质。

外网大神都在用的「液态艺术」海报,今天让你免费学!

而折射材质又可分为透明材质和半透明材质。

外网大神都在用的「液态艺术」海报,今天让你免费学!

外网大神都在用的「液态艺术」海报,今天让你免费学!

常见的透明质水、亚克力、玻璃、水晶,不同的透明体不同的折射率。水的折射率 1.333,水晶的折射率可以达到 2。

外网大神都在用的「液态艺术」海报,今天让你免费学!

折射只发透明半透明质,当光线照射到水面、玻璃以及其他透明体时,光线不但会发反射,还会发折射。折射指的光从一种介质,斜入到另一种介质,比如从空气入到玻璃,这时候的传播方向就会发改变,从使得光线玻璃的交界处发偏折。

外网大神都在用的「液态艺术」海报,今天让你免费学!

光的折射角度不同,透明体的折射率也所不同,从左往右看面这张图,水的折射率 1.333,亚克力的折射率 1.491,玻璃的折射率 1.52,水晶的折射率 2。

这些都是现实中透明物体的折射率,但是对于液体格设计而言,准确的控制折射率并是为了更真实地做符合该物体的物属性,而是控制叠在材质方字的识别。

外网大神都在用的「液态艺术」海报,今天让你免费学!

例如这是水的折射率,为 1.333,折射率并算,看到叠在方字的扭曲程并夸张。

外网大神都在用的「液态艺术」海报,今天让你免费学!

如果换成玻璃的折射率,1.52,被叠压的字扭曲程就开始增,字的识别性有降低。

外网大神都在用的「液态艺术」海报,今天让你免费学!

再换成折射率为 2 的水晶,字的识别性几乎已经没有了。

外网大神都在用的「液态艺术」海报,今天让你免费学!

这个材质放在一起实肉眼很难区分它们的材质,大控制折射率的时候,要把重点放在叠压字的识别性上,而是这些物体折射率的数值。

外网大神都在用的「液态艺术」海报,今天让你免费学!

对于透明材质,还有一个得的知识点就是色散,色散是指复色光分解为单色光的现象。当你发有可见光波长组成的白光时,颜色会分散并彼此分离。这就是谓的“光的色散分离”

外网大神都在用的「液态艺术」海报,今天让你免费学!

例如浮油,肥皂泡等这些表面现的彩虹色,透明材质看起来更绚多彩。

外网大神都在用的「液态艺术」海报,今天让你免费学!

这个效果可通过渲染器的色散来控制效果的强弱,数值越大,效果越强。

外网大神都在用的「液态艺术」海报,今天让你免费学!

这是色散值 0.06 的时候。

外网大神都在用的「液态艺术」海报,今天让你免费学!

这是色散值 0.1(最大值)的时候。

外网大神都在用的「液态艺术」海报,今天让你免费学!

外网大神都在用的「液态艺术」海报,今天让你免费学!

外网大神都在用的「液态艺术」海报,今天让你免费学!

外网大神都在用的「液态艺术」海报,今天让你免费学!

这,你可能会觉得只要是带有透的物体都可以拿来使用,别忘了,还有一种是半透材质,因为是半透属性,所以识别性比较低,少会运用实际的案例当中,但是如果用来做氛围或者创输出,其实也是一个不错的选择。

半透明材质又叫 3s 材质,有皮肤、树叶、蜡、奶等等。它们所以是半透明材质,是为他们受照射后,会呈现半透不透感觉。

外网大神都在用的「液态艺术」海报,今天让你免费学!

这里利用个简单文组来演示下 3s 材质表现。

外网大神都在用的「液态艺术」海报,今天让你免费学!

3s 材质表现大致如图所示,辨识度很低,除了关键信息,其他信息基本都很难传出来,用在宣传性特强海报时候要谨慎选择。

外网大神都在用的「液态艺术」海报,今天让你免费学!

外网大神都在用的「液态艺术」海报,今天让你免费学!

下来计一个案例,来一下透材质在计中的运用,这个展览的艺术家创作的是多官体验的作品,作品大多数是关于知和生命的触发。

外网大神都在用的「液态艺术」海报,今天让你免费学!

大家其实也能发现,这一类液体风格计的文字排版的层都相对较少,这是为了避免液体材质叠压在文字上,造成版面杂乱无序的局面。在这算只用个文字层来计这张展览海报。

外网大神都在用的「液态艺术」海报,今天让你免费学!

挪动一下文字的位置关系,使文字间产生位置的韵律和错落,最后用辅助素填补一下负空间,海报就完成了。

外网大神都在用的「液态艺术」海报,今天让你免费学!

外网大神都在用的「液态艺术」海报,今天让你免费学!

报反白,黑的背也是适合做透明液的叠压。

外网大神都在用的「液态艺术」海报,今天让你免费学!

用 c4d 和今天所学的识,来做两个动态的液风报。一报运用水波纹的动态效果,出点也是源次展览对感的触,呼应主题,来达到身、心、灵合一。

外网大神都在用的「液态艺术」海报,今天让你免费学!

二个报则用一棵树的生长来展开创,报的主题为 more more more,让生命在变化之中,重新定义自身与世界的关系。我选择树来做主形象,是因为树的生命无流动,能演绎出一种持续展的动态,随着时间,它有它自己生长轨迹。

外网大神都在用的「液态艺术」海报,今天让你免费学!

注:由教程动图大小,建议观看视频版:https://v.qq.com/x/page/p3224obc2u7.html

外网大神都在用的「液态艺术」海报,今天让你免费学!

首先打开 c4d,新建一个平面,具参数为宽度 24.8 厘米和高度 35.08 厘米。

外网大神都在用的「液态艺术」海报,今天让你免费学!

把平面旋转 90 度,放大到合适的大小。

外网大神都在用的「液态艺术」海报,今天让你免费学!

接着把渲染设置的尺寸改成 a4 大小,2480 像素 x3508 像素。

外网大神都在用的「液态艺术」海报,今天让你免费学!

新建一个摄像机,进摄像机状态。

外网大神都在用的「液态艺术」海报,今天让你免费学!

把焦距改成 135 毫米,里的操是让摄像机的畸变小一点。

外网大神都在用的「液态艺术」海报,今天让你免费学!

把摄像机旋转的角度改为 0。

外网大神都在用的「液态艺术」海报,今天让你免费学!

整一下视窗位置,让视窗刚是报尺寸的比例大小。

外网大神都在用的「液态艺术」海报,今天让你免费学!

选择渲染器的材质菜单栏,新建一个反射材质。

外网大神都在用的「液态艺术」海报,今天让你免费学!

在 diffuse 通道上面的 texture,添加一个 image texture 图,把报加载到材质球上,接着把材质球拖到平面上即。

外网大神都在用的「液态艺术」海报,今天让你免费学!

把渲染器关掉,退出摄像机视角。把 c4d 视窗拖到合适的大小,新建一个立方。

外网大神都在用的「液态艺术」海报,今天让你免费学!

立方的大小比例跟平面一样,24.8×35.08×2 厘米,把立方放大到跟报一样大小,整一下位置。

外网大神都在用的「液态艺术」海报,今天让你免费学!

把立方的分段改成 100x100x100。

外网大神都在用的「液态艺术」海报,今天让你免费学!

接着在立方下方新建一个置换效果器,高度改成-5 厘米,着器改成颜。

外网大神都在用的「液态艺术」海报,今天让你免费学!

新建一个球,改成合适的大小,放到立方的前方。

外网大神都在用的「液态艺术」海报,今天让你免费学!

接着把球拖到置换效果器的衰减上,半径改成 6 厘米。

外网大神都在用的「液态艺术」海报,今天让你免费学!

放大视窗以看到,球在立方上形成一个凹陷。

外网大神都在用的「液态艺术」海报,今天让你免费学!

在衰减上,继续新建一个冻结域,模式改成拓展,里新建冻结域的用是把刚刚凹陷的部分蔓延出来,半径跟效果强度是控蔓延的速度,大家以自己练习的时改动一下,试试效果。

外网大神都在用的「液态艺术」海报,今天让你免费学!

新建一个延迟域,效果强度改成 40%。播放看一下效果。

外网大神都在用的「液态艺术」海报,今天让你免费学!

最把冻结域的混合模式改成添加,延迟域的混合模式改成减去。

外网大神都在用的「液态艺术」海报,今天让你免费学!

刚刚一步的原理是样的,首先黑的圈代表的是冻结域产生的凹陷,而红代表的是延迟域产生的凹陷。减去模式是用冻结的区域减去延迟的区域,就得到一个圆的形状,并且慢慢变大。

外网大神都在用的「液态艺术」海报,今天让你免费学!

道原理,点下播放按钮,拖动小球看看最终的效果,还不错,有水波纹的感。

外网大神都在用的「液态艺术」海报,今天让你免费学!

接着把原来的置换复一,高度改成 3。球型域的半径改成 13。

外网大神都在用的「液态艺术」海报,今天让你免费学!

点击播放看一下效果,一步主要是让球接触立方的时有一个凸面,更接近水波纹的效果。

外网大神都在用的「液态艺术」海报,今天让你免费学!

做完上面的步骤,把刚刚两个置换的效果器重新命名一下,方便之的操。

外网大神都在用的「液态艺术」海报,今天让你免费学!

接着就是给球做动画,在 20 帧的地方给球 z 轴 k 一帧,拖到 60 帧,把球沿着 z 轴拖到立方的下方, k 一帧。

外网大神都在用的「液态艺术」海报,今天让你免费学!

点击播放看一下动画,效果已经差不,在立方上产生一个浅浅的水纹。

以下为重复“球体1”步骤,可略不

外网大神都在用的「液态艺术」海报,今天让你免费学!

然后需要重复之前的操作,做第二个球体的动画,新建一个球体,把球体拖适的地方,给球体和置换重新命名一下。

外网大神都在用的「液态艺术」海报,今天让你免费学!

把之前的个置换效果器复制上去,也要重命名一下。把 “球体 1” 的球型域从 “2 置换” 中删掉,同把 “球体 2” 拖域面。

外网大神都在用的「液态艺术」海报,今天让你免费学!

着在 20 帧和 60 帧的地方给“球体 2”k 一个动画。

外网大神都在用的「液态艺术」海报,今天让你免费学!

一下动画效果,产生了第二个水波纹了。

外网大神都在用的「液态艺术」海报,今天让你免费学!

重复刚刚的步骤,新建一个球体 3,把球体拖适的地方。

外网大神都在用的「液态艺术」海报,今天让你免费学!

复制之前的个置换效果器,给置换效果器重新命名一下。

外网大神都在用的「液态艺术」海报,今天让你免费学!

着在 20 帧和 60 帧的地方给“球体 3”k 一个动画。

外网大神都在用的「液态艺术」海报,今天让你免费学!

做完之后,播放效果,这候的脑开始有点吃不消了,如果大家卡的话可以先把立方体的段数改一点,等 k 完所有动画再把段数加回去。

外网大神都在用的「液态艺术」海报,今天让你免费学!

这候可以再新建一个球体 4,让画面的水纹细节更多一些。

外网大神都在用的「液态艺术」海报,今天让你免费学!

复制之前的个置换效果器,给置换效果器重新命名一下。

外网大神都在用的「液态艺术」海报,今天让你免费学!

最后在 20 帧和 60 帧的地方给“球体 4”k 一个动画,步骤跟“球体 2”是一模一。

外网大神都在用的「液态艺术」海报,今天让你免费学!

动画这大致就完成了,预览一下效果。

外网大神都在用的「液态艺术」海报,今天让你免费学!

然后回摄像机视角,新建一个透材质,把透材质拖拉立方体上。

外网大神都在用的「液态艺术」海报,今天让你免费学!

着把渲染置改成光线追踪。

外网大神都在用的「液态艺术」海报,今天让你免费学!

新建一个 hdri,把 hdri 贴图加载进去。

外网大神都在用的「液态艺术」海报,今天让你免费学!

把 power 改成 12,hdri 的 x 轴跟 y 轴改成 0.04 和 0.3,光就完成了。

外网大神都在用的「液态艺术」海报,今天让你免费学!

点播放按钮,实渲染一下动画,效果,这是已经有一个水波纹产生了

外网大神都在用的「液态艺术」海报,今天让你免费学!

双击材质球,改一下色散系数的参数,让它表面出现一层彩色。

外网大神都在用的「液态艺术」海报,今天让你免费学!

快捷键 ctrl+d,把动画帧率改成 25,开渲染置,输出的帧率同改成 25,点击保存,选择文件输出的路径,点击 oc 渲染器,同选择文件输出的路径 ,最后返回输出,把帧范围改成全部帧,就可以开始渲染了。

今天内容到这了,大家结下,最近流液体设计风格,它好玩地在于把⽂和图形完美融合在起,画带来形感时,让观者也会感觉到新鲜感,生陌生化效应,然,如变成不分青红皂白,论什么项目都用,也是不可取,所有技法和创意都是为设计本身服务。最后,有 c4d 基础小伙伴不妨可以跟着教程自己做遍,工程有贴图我会放到附件分享大家,我们下期再见。

欢迎关注研习设的微信公众:「Yanxishe2017」

外网大神都在用的「液态艺术」海报,今天让你免费学!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

2020年已经扬帆起航,每当辞旧迎新之际,人们总喜欢习惯性思考一些关乎职业方向的问题,比如平面设计师可能会想,明年还要继...
平面设计
@琳琳和止水是同一个人 :作为一名专业的设计师,版面设计能力直接影响到该设计师水平。我们很多设计朋友在临摹的优秀作品中...
平面设计
@研习设K先生 :我们在日常工作中几乎离不开扭曲和变形工具,它可以帮助一个设计师校正一个元素的透视关系,或者为设计好的标...
平面设计
不知道大家有没有遇到过这种情况?当你在面对一个空白版面的时候,脑子里面也是一片空白,这说明你缺乏构图意识。其实我们在...
平面
@做设计的面条 :这一次我想给大家分享的是关于文案超多超多的海报设计到底该怎么去排版这个主题。 因为之前一直都有人问我...
做设计的面条
@做设计的面条 :今天我将继续为大家分享一波我的手机随手拍照片做海报的干货,请大家备好瓜子和板凳,仔细听我边唠嗑边聊设...
摄影构图
上回,咱说完了文字跳跃率,今个儿,咱就来说道说道图片跳跃率。 说道之前,咱照例还是先来看俩问题。 下面俩版式,哪个给人...
图片跳跃率
对于设计师而言,平面设计是最基础的技能之一。而海报和宣传单的设计,也几乎是每一个设计师的必修课。如今网页上的 Banner,...
海报设计