保姆级教程:制作科技感炫酷动态线条~

用户头像
武汉/学生/5年前/1164浏览
保姆级教程:制作科技感炫酷动态线条~

从0到1教你自己绘制动态线条背景

大家好,我是灰大设计团队的  灰色执照~


最近我们微信群群友问了我一个问题:

▲  这就是她提问的整个过程了~




▲   这就是她想要实现和借鉴的效果,经提醒:案例来源袋鼠云(侵权可找我删除)看的出来,是一些无规律的动态线条。看起来还真的很让人没有头绪的




▲  这就是她最终实现的效果,我们不知道原作者到底用什么办法,调整哪些参数,但是老妹最终实现的效果其实让我们都觉得挺满意的。




 那么,这玩意到底如何实现的呢?


别着急,
其实挺简单的

▲  新建一个合成,我弄的是1920*1080的尺寸。





▲  新建固态层,最好是黑色背景。我这里弄的是灰色,但是最后都改成黑色背景了。




▲  选中刚才新建的固态层,添加  杂波与颗粒 >  分形躁波




▲  添加完  分行噪波 后,就是这个样子了。




▲  把  噪波类型 改成块,复杂性改成  1




▲    变换 >  缩放 里面把格子缩小到  50% 左右, 对比度提高,改成  145 左右,这样格子黑白就更明显了。




▲   演变 里面  alt+鼠标左键点击,调出表达式。输入  time*100 这样,格子就自己会深浅的动一动了。




▲  做好后,按空格这些小格子开始闪烁了。




▲  对之前的分形躁波设置  亮度 的关键帧,一般是第1帧 -180 到 240 左右结束。




▲  弄好后的效果,基本就是这样了。我们制作了一个从无到有的过程。




▲  再建立一个固态层,用来把格子弄成真正的科技感“线条”。背景色记得选黑色。




▲  和刚才弄的步骤一样。对这个图层添加  分形躁波,躁波类型改成  块 复杂性改成  1,同样还是改  缩放 ,改成  50% 左右(因为我嫌弃格子太大了点,你可以根据实际情况来弄格子大小)




▲  再添加  查找边缘 效果,勾选  反转,为了透出底下的格子,我们把  模式 改成  添加。



▲  回到这个线条图层的  分形躁波 亮度,对比度调整成  10-18 左右,在  演变 里面alt+点击,调出表达式  time*100




▲  这样线条就自己动起来了。如果你想它动得更有凸凹感一点。可以添加  紊乱置换 大小改成  演进】表达式 time*200 (当然,这个步骤也可以不做)




添加一个摄像机,把现在的平面倒下去,那么整个效果就做好了!怎么样,简单吧?


▲  你也可以在底部放一个图片,将轨道蒙版设置成  亮度 这样就可以看到2层叠加在一起,并且格子会自己动




▲  教程只是教你大概的方法,你要试着调整不同的参数,举一反三。






今天的分享就到这里,谢谢大家。上班要是没有时间看,先点个“收藏” ,摸鱼的时候再慢慢学~


32
举报
|
36
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】汽车icon
新拟态风格 UI设计组件库
盲盒APP UI设计
【新年UI图标】30个图标
【新年UI图标】影音icon
高级表盘系列UI源文件
UI_3D图标“一本秘籍”(源文件
【新年UI图标】游戏/娱乐icon
我的钱包-UI界面设计-app
3D渐变流体抽象矢量UI背景图
【新年UI图标】珠宝icon
Security Camera UI kit
UI界面 组件
UI 登录界面设计模板包
UI通用设计素材1
高级感金属拟物 UI设计组件库
新能源APP应用UIKit
钱包ui模板
【新年UI图标】秒杀icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
户外旅行飞机情侣假日出行
3D卡通UI界面图标可爱插画免扣素
智能家居中心 简约 UI设计组件库
你可能喜欢
相关收藏夹
大家都在看
登录注册