如何做一张
字体动态海报？
这次是本次教程的设计思路。
静态海报设计 + TouchDesigner 动态设计
step1 在 AI 或者 PS 等软件设计好海报
step2静态图片放在 TD 中，添加动态效果。
step3 在 TD 中导出动态海报
( 当然可以直接在 TD 里面设计海报，本次教程建议设计带有透明通道的文字海报）
01.
导入素材
知识点：Movie File In
用鼠标左键双击，或者按键盘的 Tab键，调出控制器菜单栏。
TOP主要是用于 2D 视觉的处理。
CHOP主要让视觉与其他数据互动，如声音、人的动态等等
SOP主要 3D 视觉的处理。
这次主要使用 TOP 中的节点进行创作。
我们在 TOP元件的标签页找到 Movie File In或者搜索框内输入英文，点击一下放进工作区中 。Movie File In 即导入二维文件的控制器。
这个香蕉是系统默认的图片之一。选中这个香蕉后，右上角有一个对应的参数窗口， 在左上角可以看到被选中的控制器的名称。
参数窗口的第一项就是 File，单击一下 ➕ 加号，就可以导入你的图片啦！（视频也是同样的方式）
注意： TD免费版本对输出是有大小限制的，如果你的海报超过 1280*1280像素，就有这个 “ !” 提醒。如果我们不想修改原海报的尺寸，可以在 TD 中将海报乘比例 缩小到 1280 像素以内。
step1 点击 Movie File in 面板 Common将输出分辨率调为自定义(Custom Resolution)
step2选择第二个分辨率 (Resolution) 右边的三角按钮，选择 1280x720p
step3在第四个选项 output aspect 选择 use input，即输出的长宽比例保持与原图一致。
这样就成功将素材缩小至 1280p 内了！
02.
图片位移
知识点：Displace
接下来非常关键的一步怎样让这个海报动起来?
这里先给大家介绍一个知识点： Displacement
Displace简单来说就是这样用一张带有灰度的图 (Displacement Mapping) 使得另一张图片产生位移，从而产生变形的效果。
节选该网址的图片及内容：https://en.wikipedia.org/wiki/Displacement_mapping
从 Top里面调出 Displace ， Displace有两个接口，上面输入端口用于接入原素材，下面输入端口用于接入 Displacement Mapping（位移贴图）。现在将海报接入第一个接口。
03.生成动态效果
知识点：Ramp
接着创建一个 Displacement Mapping（位移贴图）。位移贴图一般都是灰度图。在 TOP 中，有很多节点可以用于创建不同效果的灰度图。
本次教程用渐变制作位移贴图。
在 TOP中调出 Ramp ， Ramp的用法和 AI、PS中的 Gradient 一样，可以选择渐变的方式，这次主要用 radial的模式。大家可以自己调节面板的参数，创建喜欢的 Ramp 图案。
那小编的参数如下图，将 phase参数设置为 1.48，选择 radial模式。
海报的运动主要依据位移贴图，只要让位移贴图动起来，整个海报就会动起来。
在 Ramp中，我们可以调节 phase 参数，点击➕ 号，输入一段代码 【absTime.seconds】，这是项目开始执行后的秒数计算。如果要调整速度，可以乘以或者除以某个数值。这里除以 8 会使 Ramp运动速度比较舒服。
04.调试效果
然后将 Ramp作为位移贴图接入 Displace 的第二个接入端，点击 Displace 蓝色的按钮，预览效果。现在看起来有点奇怪，我们调整下参数。
在 Ramp面板中的 Interpolate Notches 选择缓入缓出的运动模式。
Ramp的默认显示为 8 bit，把显示调整为 32 bit就舒服多了。
注意！！我们主要想是垂直变化，所以在水平变化这里要选择 none 。
05. 合成作品
知识点：Constant、Over
在 TOP标签下找 Constant ， Constant控制器可以生成有颜色的图片。那我们选择蓝色作为背景图片的颜色。
接着在 TOP 标签下找 Over 把文字海报和背景合起来。 Over 有两个输入端，主要是将 i nput1置于 i nput2之上，默认匹配的是 input2的尺寸。在这次教程中是选择 i nput1，即海报的尺寸。
06.导出作品
知识点：Movie File Out
最后导出动态海报～ 使用 Movie file out导出，连接 Over
下面讲解一下 Movie File out的参数面板。
在 Video Codec选择 MPEG4 格式。
点击右边的 ➕ 指定导出的文件夹。
最后就是点击 Record 按钮啦！
重点：点击这个 Off 后会变成 On说明它已经开始录制了， 再次点击它，会变成 Off 并且结束录制。 所以通过按 Record 按钮，你可以控制视频的长度。
我们的动态海报就大功告成啦！！！这次操作只用了 6 个步骤就做出了动态海报，你可以尝试调试 Ramp的参数，或者使用 Noise TOP来影响海报的运动，你会发现许多惊人的效果噢～
💫💫💫
这个暑假学点啥
提前抢占新先机
✖️ 最国外老师教学理念
✖️ 最前沿的行业应用
✖️ 最创意的思维训练
✖️ 最系统的软件教学
最毕设与 NYU-IDM 教授 Barak Chamo 一起开发的 TouchDesigner 课程开课啦！导师 Barak 教你结合各种数据玩法， 输出可互动的动态视觉+新媒体作品！并且 详细介绍创作背后的逻辑与思维，教你举一反三。最重要是带你学会分析行业案例，学会自学与创作的方法。
10 周辅导课
不出国体验纽约大学的教学理念
早鸟价倒计时 2 天
本次暑期辅导课程，明星导师 Barak 将亲自辅导你的创作。从作业、创作、项目、新技术等等辅导，让你体验纽约大学的教学，助你成为不一样的自己。
查看 👇 课程详情
编辑：YF
审核：叶欣
未经授权 请勿转载（不免费授权）
欢迎投稿（有偿）：media@zuibishe.com
如果大家想跟着视频 操作
扫码即可观看
👇
🎊🎊🎊
最毕设&helloup招人啦
期待你的加入（全职办公）
后台回复「招聘」，阅招聘详情
应聘请投递至：join@zuibishe.com
喜欢我们的小教程
点击 👇 在看返回搜狐，查看更多