AE写字滴落水滴效果教程

用户头像
上海/UI设计师/9年前/4631浏览
AE写字滴落水滴效果教程
用户头像
翎骐

自己写的小教程,跟上次比尽量写得足够详细~

欢迎一起讨论~

其中需安装第三方插件trapcode插件包中的3d stroke和particular

最终效果:

6c4557ecb369a84a0e282b87f3a7.jpg


思路:

一共分为三个大的步骤,先把书写文字那部分做好,再单独做一个雨滴滴落溅起涟漪的合成,最后用particular把做好的雨滴发送出去。


步骤:

  1. 点击0d1557ecb584a84a0e282b0c8389.jpg 新建宽900 高700的合成(注意关掉锁定长宽比),命名为“animation”,帧速率为25

  2. 在该合成的时间轴上,右键--新建--纯色,色值#FD7676 命名为“bk”,并锁定当背景用。edbf57ecb59ca84a0d304f7ec024.jpg

  3. 用横排文字工具03f157ecb5b2a84a0d304f1bdacd.jpg 写Animation,重命名为“Animation text”。选择一个你喜欢的字体,这里用的是书体坊米芾体,100像素。放在画面的中心。

  4. 新建图层命名“3d stroke”,用钢笔工具56aa57ecb5d0a84a0e282bd6fd6a.jpg 选择白色,把步骤3的字描一遍,注意i的点和t的横最后画,并与其他笔画分开。  

    39e657ecb5e4a84a0e282bf911c9.jpgb46257ecb5f4a84a0d304fa7681c.jpg  

  5. 添加效果-- trapcode(需装插件)--3d stroke。Thickness为4.3(让你写的笔画能遮挡住打好的字),勾选Stroke Sequentially(使画好的路径按顺序书写)。选中End在0帧打一个关键帧784357ecb639a84a0d304fb2eb9e.jpg ,在3秒1帧处点176f57ecb66da84a0e282b94df7f.jpg 打第二个关键帧并调整End到93.8,复制这个关键帧到3秒5帧处。在3秒15帧打关键帧,并调整End到100.这样后面的几个笔画在书写之前会有停顿.

  6. 把“3d stroke”设置成“Animation text”的蒙版,像这样:e82357ecb67ea84a0e282bab6380.jpg书写文字的效果就完成啦~

  7. 新建一个合成命名“drop”,宽100 高400。用钢笔画一个雨点形状(要小一点哟),像这样 ,

    3ae957ecb68fa84a0e282bd8112b.jpg用 bcd957ecb6afa84a0d304f347d90.jpg把雨滴的中心点放到它的尖尖上,并把雨滴命名为“rain”。

  8. 点开“rain”,找到20ed57ecb6bfa84a0d304fa17850.jpg ,现在开始下雨吧。在0帧的位置打个关键帧,复制一个放在19帧,把0帧的雨点改成这样c1e957ecb717a84a0d304f0951c4.jpg ,(注意修改的时候始终选中“路径”),并在位置47d057ecb728a84a0e282b594fd9.jpg 打个关键帧。再到19帧处把它拖下来,这样又添加了一个关键帧901557ecb736a84a0e282bf4aa10.jpg 。把时间条截断到19帧。

  9. 在第16帧c7cb57ecb772a84a0d304f99b528.jpg 打一个关键帧,并把他拉的细长5b7157ecb78ca84a0d304ff0b740.jpg 。雨滴做好了~

  10. 下面用椭圆工具在18帧处画一个涟漪20fd57ecb796a84a0e282bef5fd8.jpg, ,命名为“lianyi”。它的时间条从18帧开始到1秒4帧结束。在18帧给它的缩放和不透明度打关键帧,复制关键帧到1秒4帧。再把18帧处的缩放改成0,  1秒4帧处不透明度改成0%。复制“lianyi”,并往后拖4帧。

  11. 回到“animation”合成。“drop”放入时间轴并隐藏 。3e2357ecb7a4a84a0d304febea7b.jpg

  12. 新建纯色命名“particular”,添加效果-- trapcode(需装插件)-- particular.

  13. 新建灯光(选点光),命名为“Emitter”。给“3d stroke”—“ text”—蒙版路径打一个关键帧,复制这个关键帧到“Emitter”的315d57ecb7aea84a0d304fb31b20.jpg 上,选中这些复制过来的关键帧移动至完全跟文字重合,“Emitter”就可以沿着文字移动啦。选中“Emitter”右键—时间—时间伸缩—拉伸因数152%(使它跟“3d stroke”书写的速度一致)。

  14. Particular中的参数(这些参数都是相对的,可根据实际情况上下浮动):

    Emitter

    Particles/sec: 3

    Emitter Type: light(s)

    Velocity: 0

    Velocity Random: 0

    Velocity Distribution: 0

    Velocity from Motion: 0

    Particle

    Life: 16.4

    Particle Type: Sprite

    Texture: Layer: 1.drop

    Time Sampling: Start at Birth-Play Once

    Size: 33

    World Transform

    Y Offset W:100

    Z Offset W:-110

  15. Ctrl+M渲染,大功告成~


38
举报
|
73
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】美食icon
UI 登录界面设计模板包
Security Camera UI kit
高级感金属拟物 UI设计组件库
【新年UI图标】积分icon
森系3D渐变流体抽象矢量UI背景图
户外旅行飞机情侣假日出行
APP/小程序商业项目UI模板|99个高保真UI+79个原型
3D渐变流体抽象矢量UI背景图
【新年UI图标】活动icon
【新年UI图标】旅行icon
【新年UI图标】体育icon
新拟态风格 UI设计组件库
【新年UI图标】礼物/活动icon
UI应用平面图标
手表表盘UI系列
【新年UI图标】银行卡icon
高级表盘系列UI源文件
新能源APP应用UIKit
我的钱包-UI界面设计-app
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
科技医疗透明柜UI界面设计
UI界面 组件
盲盒APP UI设计
你可能喜欢
大家都在看
登录注册