天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件频道 > 设计在线 > 视频处理>软件应用>AfterEffects软件制作藤蔓生长动画

用AfterEffects软件制作藤蔓生长动画

天极网软件频道2010-11-03 16:07我要吐槽

  更多精彩相关文章推荐:

  Flash制作彩色线条动态图案生长动画

  AfterEffects制作3D旋转生长的花蕾

  AfterEffects做时尚花纹生长动画 

点击查看更多设计软件资讯>>

  藤蔓生长的动画一直是比较常用到的效果,本文将讲解如何使用AfterEffects软件来制作缓慢生长的藤蔓。重点是将互相叠到的线条分开在不同的层做处理。

  整理素材

  1、首先,先在Illustrator里画好一个图案,然后全选Ctrl+A、复制Ctrl+C。

  2、开启AE,新增Comp,新增Solid层取名Layer 1,点选Layer 1层后按 "Ctrl+V" ,将路径贴上当作Mask使用。(图01)

AfterEffects制作藤蔓生长动画_天极设计在线整理
图01

  3、全选所有的Mask,将Mode改为Add。(图02)

AfterEffects制作藤蔓生长动画_天极设计在线整理
图02

  4、Layer 1 复制两次(Ctrl+D),并将Mask整理成如下图示,再强调一次重点:有叠到的部份分开在不同层。(图03、04、05、06)

AfterEffects制作藤蔓生长动画_天极设计在线整理
图03

AfterEffects制作藤蔓生长动画_天极设计在线整理
图04

AfterEffects制作藤蔓生长动画_天极设计在线整理
图05

AfterEffects制作藤蔓生长动画_天极设计在线整理
图06

  接下来开始制作生长效果

  1、双击Layer 1,并在层上右键单击选取 > Effect > Paint > Paint 。

  2、选取笔形工具,按着Ctrl键调整笔头大小,笔头要比线段粗,颜色选白色。(图07)

AfterEffects制作藤蔓生长动画_天极设计在线整理
图07

  3、将每一个线段图形,用『一笔划』画完,Layer 1 画完应该如下图(图08)

AfterEffects制作藤蔓生长动画_天极设计在线整理
图08

  4、新增一层黑色的Solid。在Timeline窗口打开 Layer 1将 Effect 剪下(Ctrl+X),贴到新增的黑色层(Ctrl+V)。(图09、10)

AfterEffects制作藤蔓生长动画_天极设计在线整理
图09

  AfterEffects制作藤蔓生长动画_天极设计在线整理|
图10

  5、打开黑色层下的 Effect - Paint - Brush 1~4 ,将每一个Brush的End都设定2个Keyframe,第1格为0,第20格为100,4个Brush都设定一样,这里是控制生长速率的位置,目前先不动,等到所有素材都画完以后我们再一起调整速率。(图11、12)

AfterEffects制作藤蔓生长动画_天极设计在线整理
图11

AfterEffects制作藤蔓生长动画_天极设计在线整理
图12

  6、Layer 2 、Layer 3请依照上述步骤制作,添加Paint效果、画线、新增黑色层、剪下效果、效果贴到黑色层、设定所有Brush的End的Keyframe。完成如下图(图13)

AfterEffects制作藤蔓生长动画_天极设计在线整理
图13

  设定Matte

  1、调整速率前,我们必须先设定好 Layer 1~ Layer 3的Matte。将 Layer 1、 Layer 2、 Layer 3 的TrkMat模式都选择 Luma Matte "XXXXX" 。(图14、15)

AfterEffects制作藤蔓生长动画_天极设计在线整理
图14

AfterEffects制作藤蔓生长动画_天极设计在线整理
图15

  2、设定好TrackMatte之后,Play看看,动作应该如下图,全部的线条都会在20格之内跑完。(图16)

AfterEffects制作藤蔓生长动画_天极设计在线整理
图16

  调整速率

  1、选取3个黑色层,按 U ,只打开有Keyframe的部份。(图17)

AfterEffects制作藤蔓生长动画_天极设计在线整理
图17

  2、依照图形的型态调整速率如下:不必一定要照我的速率调整,只要你自己调好感觉对了就好。(图18)

AfterEffects制作藤蔓生长动画_天极设计在线整理
图18

  最终效果如下图,是逐渐生长出来的,大家可以试着做做(图19)

AfterEffects制作藤蔓生长动画_天极设计在线整理

作者:火星时代责任编辑:杨玲)

请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]