搜索
免费下载
设计灵感
设计规范
👑
充值会员
流体渐变
渐变配色
色彩搭配
注册
登录
首页
探索
素材分类
AI绘画
素材专辑
UI设计
APP设计
原型demo
GUI
小程序界面
网页UI
网页设计
原型demo
软件设计
字体下载
衬线字体
非衬线字体
圆角字体
手写字体
网页字体
图标字体
书法字体
交互动效
加载loading
转场动效
ICON图标
面性图标
线性图标
拟物图标
2.5D图标
卡通图标
像素图标
按钮图标
多色图标
活动图标
插图/插画
扁平化插画
多彩渐变插画
2.5D插画
样机贴图
手机样机
名片样机
动画样机
电脑样机
笔记本样机
穿戴设备样机
UI作品样机
设计导航
首页
探索
素材分类
AI绘画
素材专辑
UI设计
网页UI
字体下载
交互动效
ICON图标
插图/插画
样机贴图
设计导航
(图文+视频)PS教程:那个水波效果的文字是如何制作的
搜UI
>
文章/作品
>
设计教程
>
设计规范
© 共享素材,请勿商用
举报
效果
文字
图文
那个
水波
UI学习
发布时间:2020-05-08
关注
时间有限,来看问题吧:
由于当时没有及时保存,图片过期了,这里看起来可能会不是很清楚。
原图是几张透明布料,上面有文字排版,颜色方面有点五光十色的白的感觉,然后背景的四个字母也和布料有着光影关系。之前有鹿友给我发过消息,觉得我最近写的内容质量不如以前高,水分变多了,觉得有些效果很容易就能看出是怎么做的,好像没必要写出来。其实这个确实是个很尴尬的问题,首先过于深入的效果我技术不到位做不出来,有点难度的内容从大家交来的作业就知道大部分童鞋是觉得看着好看,但是很少真正动手去尝试,但是太简单的内容又怕会有人觉得太敷衍。
怎么说呢,我只能尽力而为吧,不敢保证每篇文章对于每一位鹿友都能有帮助,只能保证每一篇内容都是自己用心写出来,每一个成品最后的效果都能过自己心里的那一关,绝对没有水分。例如今天的这个效果,用布料模拟是很容易做出来的,其实有点C4D基础的鹿友应该都知道怎么做。
国外大神Baugasm好像也很喜欢用这种方法把三维和平面软件结合起来作图,虽然简单,但是却很好玩。
来吧,今天来我们制作一张透明布料海报吧!
开始之前,我们首先要用PS做出一些排版,并且导出为png格式的图片,这一步不用多做介绍吧:
接下来打开C4D,新建一个平面,由于我之前的图片尺寸都是1131*1600的,所以平面的尺寸也保持一致:
先把背景的字母材质搞上吧,我这里还是用的OC来制作,首先打开OC,暂时新建一个环境天空用于照明,至于HDR贴图我们后面视情况再添加:
新建一个普通的漫射材质,我们以前有分享过,OC里面凡是涉及到要贴图的地方,我们最好都是先添加ImageTexture,然后再在里面添加贴图,这样能让贴图的可控性最大化。所以在Diffuse通道添加ImageTexture,再在里面加载字母贴图以后,把材质赋予平面:
背景的字母材质给了以后我觉得就可以先设置好出图的尺寸,并且用摄像机固定住渲染的视角会比较好一点的:
按鼠标中间调出四视图,可以把另外一个视图的显示方式改为光影着色,摄像机改为透视视图,后面的调整我们就通过这个视图里来做调整就可以了:
再次新建平面用于制作透明布料,尺寸同样保持和你的贴图大小一致。
由于后面用布料会导致平面产生扭曲,所以适当的增加一些平面的分段数,但是别给太多,否则会很卡:
将平面C掉以后,鼠标右键给平面添加布料标签:
布料和毛发一样,是自带动力学的,我们先在影响面板里把重力的参数改为0,否则平面会往下落:
然后就是看着效果去调整标签里的参数,参数代表的含义以前写的充气球体效果里已经分享过了,这里就温故知新一下吧:
迭代:布料的硬度,数值越大越硬。
硬度:数值越小,同迭代下的布料越软。
弯曲:弯曲的程度,数值越大越不容易弯曲。
橡皮:拉伸的程度,数值越大约容易被拉伸。
反弹:反弹的程度,数值越大弹力越大。
摩擦:摩擦的程度,数值越大摩擦越大。
质量:物体的质量,数值越大物体越重。
尺寸:数值越大,物体会膨胀,反之则会收缩。我们可以将时间轴改长一点,然后通过点击播放键来尝试参数看效果:
参数设置的差不多以后,我们可以在缓存面板缓存一下,这样就可以直接通过拖拽时间轴来改变平面的形态了:
这个时候可以先给布料平面上一个玻璃材质,在Transmission通道添加ImageTexture,载入另外一张贴图,ImageTexture里模式选择为Alpha,同时勾选反向:
给布料平面添加一个布料曲面,细分数1就够了,由于视图的原因,这里不是很好观察厚度的问题,所以先暂时不增加厚度:
通过拖动时间轴我们可以更改布料的形态,由于添加了布料标签的对象是没有办法进行移动缩放旋转的。所以我们需要同时选中布料曲面以及布料平面鼠标右键连接对象,这样我们就得到了其中一个透明布料:
同样的道理拖动时间轴以及连接对象,我们就可以得到三个可以移动缩放旋转的透明布料:
接下来就是对三个布料平面进行大小位置旋转的调整,这一步不用多说吧,如果你觉得背景的字母有点影响观察的话可以将其暂时隐藏:
给环境天空加载一个合适的HDR贴图吧,然后通过调整贴图的强度和Gamma来改变环境光的亮度以及色调:
这个时候就可以看着效果给三个布料平面添加布料曲面来增加厚度了,细分数这里就没必要给参数了:
进一步调整玻璃材质吧,勾选伪造阴影:
给一丢丢的粗糙:
我们也可以学原图一样,添加一点五光十色的效果吧:
然后通过添加噪波来控制五光十色的显示范围:
感觉好像材质太厚了一点,并且布料曲面扭曲的太厉害,所以我这里又重新调整了一下,总之细节大家是要多去尝试的哦:
渲染设置里,采样我给到了800,然后漫射和反射次数都给到了16:
另外我总觉得需要后期进一步处理,所以我打算做分层渲染,给三个布料平面都添加OC的对象标签,对象缓存为2:
再给背景平面添加对象标签,对象缓存为3:
渲染设置里切换为OC渲染器,激活分层以及对象缓存,选择一个位置保存:
保存里同样选择一个位置保存:
再把分层的图片导进PS里去进行调色等就可以了,这里就不啰嗦了吧:
最后导出图片看看效果吧:
还是没原图好看哈,继续努力吧,下面是今天的视频版:
今天的内容总体来说方法是不难的,除了参数方面大家需要多尝试之外,写出来的过程步骤安排其实是我个人觉得做这个效果最顺畅的一个流程,大家可以动手体会一下。好啦,今天的分享就到这里,想要源文件以及原视频的童鞋后台
撩我获取吧!更多内容欢迎关注公众号:公众号:野鹿志老鹿微信:maluyelang6666苦七微信:766057766本文由“野鹿志”发布转载前请联系马鹿野郎私转必究
UI学习作品
(图文+视频)PS教程:那个水波效果的文字是如何制作的相关作品
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
其他设计规范
最新素材
其他设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
Load More
最新素材
收藏
线性图标
收藏
非衬线字体
收藏
书法字体
收藏
多色图标
收藏
线性图标
收藏
多色图标
收藏
加载loading
收藏
多色图标
Load More