Washing Text Animation
Washing Text Animation
https://www.youtube.com/watch?v=q0_koJLc0Og
Blender Tutorial: Washing Text Animation
需要用到插件, 进入用户设置的插件页签Add-ons, 打开如下2个插件
Object: Cell Fracture
Object: Cell Fracture Crack
建模
新增文字, 直立, 增加厚度...
材质:Principled BSDF; Base Color:e47f00
添加修改器:Edge Split
新增Plane, 作为地面:Floor
材质:Principled BSDF; Subsurface颜色:B4B4B4; Roughness:0.2
修改光源Point, Size:3; Strength:3000
修改世界属性,为白色
生成破碎的文字, 模拟文字表面的污垢.
[Shift D]复制文字, 隐藏原始文字对象, 新文字对象偏移一些距离,
添加修改器: Ramesh; Octree Dep:7; 沟选Smooth Shading; 去掉沟选Remoe Disconnected Pieces
[Alt C]转化为网格
左边工具栏Create页签滚动到最下面,Crack it面板; Setting:\Max Crack:500
点击{Crack it} 稍等会儿...
完成后, 留在原地的正常文字可以删除了, 仅保留破损的部分. 选择破碎文字,修改材质.
左边工具栏Create页签滚动到最下面,Crack it面板
Meterial Preset:\ Preset: Tree Red, 点击{Apply Meterial}, 会生成材质节点树:crackit_tree3_red1
右边修改器里, 预览和渲染改为相同的1.
大纲里,找到前面隐藏的原始文本,取消隐藏,变小一点点.
右边文字数据页签\Geometry几何数据面板;
Offse:-0.01; [S Y 0.7]Y轴缩放到0.7
移动破损的文字, 包裹好正常文字.
新建cube,作为容器,
物理特性:Fluid; Type:Domain; Final:100; Viewport Display: Final;
Time.End:2;
//cache_wash (修改Bake缓存路径)
Fluid Boundary面板\Subdiisions:3
Fluid air bubbles面板\Generate:1
建立水源,新建一个小的plane, 放在文字的前面, 且要放在容器cube的内部.
设置好水源从左到右,再从右到左运动的关键帧动画.
- 第1帧, 原始位置, 即左边;
- 第60帧, 右边;
- 第120帧, 回到左边;
物理:Fluid; Type:Inflow; Volume Initialization:Shell;
Inflow Velocity:动画帧
- 第1帧, Y=15, [I];
- 第60帧, Y=15, [I];
- 第61帧, Y=15, Z=1 [I];
- 第120帧, Y=15, Z=1 [I];
- 第121帧, Y=0, Z=0 [I];
原始文本,转换为网格, 物理:Fluid; Type:Obstacle;
选择地面, [shift D], [S] 缩放到大约容器的面积. [G Z]向下移动一点即可, 地面以下即可, 不要偏离太原.
物理:Fluid; Type:Obstacle; Volume Initialization:Shell;
及时保存
回到容器cube, 物理面板, 点击{Bake}, 等待...
容器cube已经变成水流形态, 设置材质
Surface:Principled BSDF; Transmission:1;
容器cube,
物理,Dynamic Paint\Brush\Add Brush; Paint Source:Proximity; Paint Distance:0.02;
破碎文字
物理,Dynamic Paint\Canvas\Add Canvas; Dynamic Paint Cache面板\Bake
等待...
再次设置破碎文本的材质, 选择破碎文字, 打开Node窗体, 选择材质模式.
已经有一个crackit_tree3_red1, 是前面建立破碎时生成的. 编辑该节点树.
如下图增加Mix Shader, TransparentBSDF, Attribute, Math
- 其中Attribute节点的Name内容来源: (破碎文本的物理特性Dynamic Paint Outut面板), Paintmap layer:这里显示红色; 点击加号后, 失去红色, [Ctrl C]复制文本框内的文字dp_paintmap到:[Ctrl V]节点Attribute的Name栏.
- 其中Math,修改计算为Greater Than, 数值修改为0.1;
如下图连接好, 红色标题背景的为新增的部分, (选中节点,点击[M])
3D窗口渲染模式, 能看到清洗过的文本, 留下黑色透明的东西.
右边属性视窗, 渲染页签, Lighy Paths面板:
Transparency: Max: 100(增大到100);
再次查看渲染, 下放清洗过的部分已经透明了.
调整相机位置及角度, 渲染...
Washing Text Animation相关推荐
- 【Flutter】动画学习(二) Animation
文章目录 介绍 基础动画 Animation AnimationController TweenAnimation CurvedAnimation AnimatedWidget FadeTransit ...
- 微信小程序--动画animation
微信小程序--动画animation 一. 获取需要实现动画效果的元素 1. 微信小程序获取元素节点: 2. 合适的生命周期调用 二.动画 1. 创建动画 2. 监听动画 3. 动画循环播放 一. 获 ...
- 微信小程序图标不支持html,微信小程序实现自定义加载图标功能
效果图 实现思路 1.首先通过HTML+CSS实现加载动画的静态效果: 2.根据需求给每个动画设计不同的动画效果. 例如第一个加载图标的静态绘制 1.首先确定动画的盒子宽高: 2.设置盒子中每一个长方 ...
- html 设置div占位符,HTML5+CSS3 一组文本输入框占位符动效
CSS 语言: CSSSCSS 确定 body { color: #666; font-family: Arial, Helvetica, sans-serif; } html { box-sizin ...
- 实用ListView加载提示工具类
优秀的用户体验中,ListView应该包括这几个状态: 正在加载数据 加载完成但无数据 加载失败 平常使用诸多不便大家应该都有体会,为了开发方便,所以我写了这样一个工具类,不需要修改xml文件,仅需类 ...
- 关于JQuery简单介绍
jQuery是一个兼容多浏览器的javascript库,核心理念是写得更少,做得更多.如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用 ...
- css 竖行进度图_前端学习--汇集了大量 CSS 的使用和学习的示例代码
CSS-Inspiration 这里可以让你寻找到使用或者是学习 CSS 的灵感,以分类的形式,展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法. 目前已有上百种的CSS 实现示例, ...
- 推荐20款基于 jQuery CSS 的文本效果插件
jQuery 和 CSS 可以说是设计和开发行业的一次革命.这一切如此简单,快捷的一站式服务.jQuery 允许你在你的网页中添加一些真正令人惊叹的东西而不用付出很大的努力,要感谢那些优秀的 jQue ...
- JQuery 方法查询大全
From:https://www.cnblogs.com/zengjie123/p/4893546.html jQuery 参考手册 - 选择器:https://www.w3school.com.cn ...
最新文章
- UITableView数据更新问题
- Fiber 为什么做并发IO的时候更加高效
- 达梦数据库删除用户_达梦数据库的表空间及用户管理
- 通过函数名字符串调用函数【C语言版】
- Ultra-QuickSort(离散化)
- MyQL 解压版本安装与默认密码查找(Mysql版本mysql-5.7.26)
- 上下定高 中间自适应_B站微服务框架Kratos详细教程(3)中间件
- 谷歌验证码(Recaptcha)对接教程
- 华为数通笔记-数通基本概念
- RS485转HART协议转换模块 MODBUS转HART转换器
- 债券估值-零息债券、附息债券和永久债券
- SAS和SATA它两的相同点与不同点
- 在自己的APP或网页中调用高德地图网页版
- Windows域/域树/域林的简单区别
- 设置Linux在未登录账号情况下自动连接wifi
- python周末_python区分节假日、工作日、周末
- ESP8266天猫精灵接入流程
- CSDR华为云_浅谈华为云Stack中Global、Region、AZ、资源池以及主机组
- Three layer Neural Networks
- 通过接口获取数据登录